:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:0;margin:0;overflow:hidden}body{background:#090b10}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}.app-shell{background:#090b10;flex-direction:column;width:100%;height:100vh;min-height:0;display:flex;overflow:hidden}.topbar{z-index:10;background:#0c0f16f5;border-bottom:1px solid #202631;grid-template-columns:minmax(190px,250px) minmax(0,1fr) auto;align-items:center;gap:18px;height:68px;padding:0 24px;display:grid;position:relative}.brand{color:#f9fafb;letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;min-width:0;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#f97316;place-items:center;width:28px;height:28px;font-size:20px;display:grid}.brand:hover{color:#fff}.topbar-context{background:#10151e;border:1px solid #222a36;border-radius:9px;align-items:center;gap:10px;min-width:0;height:38px;padding:0 10px;display:flex}.topbar-context-copy{flex:1;min-width:0;position:relative}.context-summary{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.topbar-context-copy:after{content:attr(data-tooltip);color:#dbe4ef;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#151b25;border:1px solid #354152;border-radius:8px;width:max-content;max-width:min(520px,70vw);padding:9px 11px;font-size:12px;line-height:1.45;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 15px);left:0;transform:translateY(-3px);box-shadow:0 14px 34px #00000061}.topbar-context-copy:hover:after{opacity:1;visibility:visible;transform:translateY(0)}.context-label{color:#f8fafc;font-size:12px;font-weight:650}.context-hint{color:#8190a4;font-size:12px}.topbar-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.topbar-divider{background:#28303c;width:1px;height:26px;margin:0 10px}.icon-button,.action-button,.zoom-controls button,.segmented-control button{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:8px;transition:background .15s,border-color .15s,color .15s}.icon-button{align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.icon-button:hover:not(:disabled),.action-button:hover:not(:disabled),.zoom-controls button:hover:not(:disabled),.segmented-control button:hover{color:#f8fafc;background:#1a202b;border-color:#303947}.action-button{background:#141923;border-color:#2b3442;padding:9px 14px;font-weight:600}.action-button.primary,.primary{color:#fff;background:#ea580c;border-color:#f97316}.action-button.primary:hover:not(:disabled),.primary:hover:not(:disabled){background:#f97316}kbd{color:#9ca3af;font-size:11px;font-weight:500}.editor-layout{flex:1;min-height:0;display:flex;overflow:hidden}.toolbar{background:#0d1017;border-right:1px solid #202631;flex-direction:row;align-items:stretch;width:100px;min-height:0;display:flex;overflow:hidden}.toolbar-tools{flex-direction:column;align-items:center;gap:3px;width:60px;min-height:0;padding:10px 5px;display:flex;overflow-y:auto}.toolbar-presets{background:#0a0d13;border-left:1px solid #202631;flex-direction:column;align-items:center;gap:5px;width:40px;min-height:0;padding:10px 4px;display:flex;overflow-y:auto}.tool-button,.file-button{color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:48px;min-height:41px;display:flex}.tool-button:hover:not(:disabled),.file-button:hover{color:#f8fafc;background:#171d27}.tool-button.active{color:#fff;background:#202936;border-color:#3a4656;box-shadow:inset 2px 0 #f97316}.tool-icon{font-size:15px;line-height:1}.tool-label{text-align:center;white-space:normal;max-width:48px;font-size:8px;line-height:1}.preset-button{color:#8290a3;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 31px;place-items:center;width:31px;height:31px;padding:2px;display:grid}.preset-button:hover:not(:disabled){color:#f8fafc;background:#171d27}.preset-button.active{color:#fb923c;background:#202936;border-color:#4d5868;box-shadow:inset 0 -2px #f97316}.arrow-preset-preview{width:28px;height:18px;display:block;overflow:visible}.arrow-preset-preview text{fill:#0a0d13;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:7px;font-weight:800}.text-preset-preview{color:currentColor;place-items:center;width:28px;height:18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1;display:grid}.text-preset-heading{font-size:17px;font-weight:800}.text-preset-caption{letter-spacing:-.08em;font-size:10px;font-weight:600}.text-preset-code{letter-spacing:-.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700}.text-preset-emphasis{font-size:18px;font-weight:900}.drawing-preset-dot{background:currentColor;border-radius:999px;display:block}.toolbar-spacer{flex:1}.file-button{cursor:pointer}.guide-tool-link{text-decoration:none}.file-button input,.empty-file-button input{display:none}.workspace-column{flex-direction:column;flex:1;min-width:0;min-height:0;padding:14px 18px 12px;display:flex;overflow:hidden}.toolbar-inline-actions{flex:none;gap:7px;display:flex}.toolbar-inline-actions button{color:#cbd5e1;background:0 0;border:1px solid #354152;border-radius:6px;padding:6px 10px;font-size:12px}.toolbar-inline-actions button.primary{color:#fff;background:#ea580c;border-color:#f97316}.segmented-control{background:#0a0d13;border-radius:7px;gap:2px;padding:2px;display:inline-flex}.segmented-control button{padding:5px 10px;font-size:12px}.segmented-control button.selected{color:#fff;background:#334155}.workspace{background-color:#10141c;background-image:linear-gradient(45deg,#171d26 25%,#0000 25%),linear-gradient(-45deg,#171d26 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#171d26 75%),linear-gradient(-45deg,#0000 75%,#171d26 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid #262f3d;border-radius:12px;flex:1;min-height:300px;position:relative;overflow:hidden}.workspace .canvas-container{inset:0;position:absolute!important}.workspace canvas{width:100%;height:100%;position:absolute;inset:0}.crop-selection{z-index:2;pointer-events:none;border:2px solid #fb923c;position:absolute;box-shadow:0 0 0 9999px #00000073}.empty-state{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-icon{color:#fb923c;background:#18202c;border:1px solid #344052;border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:25px;display:grid}.empty-state h1{color:#f8fafc;letter-spacing:-.03em;margin:0;font-size:24px}.paste-shortcut{color:#fb923c;margin:8px 0 22px;font-size:14px;font-weight:650}.empty-or{color:#aeb9c9;margin:0;line-height:1.7}.empty-or span{color:#708096}.privacy-note{color:#657286;margin:24px 0 12px;font-size:12px}.empty-file-button{pointer-events:auto;color:#dbe4ef;cursor:pointer;background:#161d28;border:1px solid #344052;border-radius:7px;padding:8px 12px;font-size:12px}.empty-file-button:hover{border-color:#f97316}.busy-indicator{color:#fed7aa;background:#431407;border:1px solid #9a3412;border-radius:6px;padding:6px 9px;font-size:12px;position:absolute;top:14px;right:16px}.workspace-footer{justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding-top:8px;display:flex}.workspace-meta{flex:260px;align-items:center;gap:14px;min-width:100px;display:flex;overflow:hidden}.status{color:#8090a5;align-items:center;gap:7px;font-size:12px;display:inline-flex}.status-dot{background:#f97316;border-radius:50%;width:6px;height:6px}.navigation-hint{color:#59677b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.export-controls{background:#0d1118;border:1px solid #222a36;border-radius:8px;flex:0 auto;align-items:center;gap:9px;min-width:0;padding:3px 8px;display:flex}.export-format{color:#aeb9c9;cursor:pointer;background:#171d27;border:0;border-radius:5px;outline:0;width:58px;height:24px;padding:0 4px;font-size:10px;font-weight:650}.export-format:focus-visible{box-shadow:0 0 0 2px #f97316}.export-format:disabled{cursor:not-allowed;opacity:.38}.export-range{color:#718096;white-space:nowrap;align-items:center;gap:6px;min-width:132px;font-size:10px;display:flex}.export-range>span{color:#8492a6;min-width:23px;font-weight:650}.export-range output{color:#aeb9c9;text-align:right;font-variant-numeric:tabular-nums;min-width:30px}.export-range input[type=range]{accent-color:#f97316;cursor:pointer;appearance:none;background:0 0;border-radius:99px;outline:0;width:68px;height:16px;margin:0;padding:0}.export-range input[type=range]:focus-visible{box-shadow:0 0 0 1px #f97316}.export-range input[type=range]::-webkit-slider-runnable-track{background:#354152;border-radius:99px;height:3px}.export-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fb923c;border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;box-shadow:0 0 0 2px #0d1118}.export-range input[type=range]::-moz-range-track{background:#354152;border:0;border-radius:99px;height:3px}.export-range input[type=range]::-moz-range-thumb{background:#fb923c;border:0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #0d1118}.export-range.disabled{opacity:.42}.export-range input:disabled{cursor:not-allowed}.export-summary{color:#96a4b8;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:118px;font-size:10px;overflow:hidden}.export-summary.error{color:#fca5a5}.workspace-controls{flex:none;align-items:center;gap:8px;display:flex}.color-control{cursor:pointer;background:#11161f;border:1px solid #354152;border-radius:7px;flex:0 0 28px;width:28px;height:28px;position:relative;overflow:hidden}.color-control:hover{border-color:#64748b}.color-control.locked{cursor:not-allowed;opacity:.58}.color-control input{opacity:0;width:100%;height:100%;cursor:inherit;padding:0;position:absolute;inset:0}.color-swatch{pointer-events:none;border:1px solid #ffffff52;border-radius:3px;position:absolute;inset:5px}.zoom-controls{align-items:center;gap:4px;display:flex}.zoom-controls button{background:#11161f;border-color:#27303d;min-width:30px;height:28px;padding:0 8px}.zoom-controls .fit-button{color:#94a3b8;min-width:42px;font-size:11px;font-weight:650}.zoom-controls .zoom-value{color:#aeb9c9;min-width:60px;font-size:12px}.seo-footer{color:#627086;border-top:1px solid #171d26;flex:none;padding:11px 24px 13px 124px;font-size:11px;overflow:hidden}.seo-footer p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.seo-footer strong{color:#95a3b7;font-weight:600}.seo-footer a{color:#95a3b7;text-underline-offset:2px}.replace-banner{z-index:4;color:#e5e7eb;background:#151b25;border:1px solid #384556;border-radius:10px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 14px;font-size:13px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 45px #00000061}.replace-banner button{color:#cbd5e1;background:0 0;border:1px solid #354152;border-radius:6px;padding:7px 11px}.replace-banner button.primary{color:#fff}@media (max-width:680px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 12px}.brand{font-size:13px}.brand>span:last-child,.topbar-context .context-hint{display:none}.topbar-context{padding-inline:8px}.icon-button span,.action-button:not(.primary){display:none}.toolbar{width:80px}.toolbar-tools{width:45px;padding-inline:3px}.toolbar-presets{width:35px;padding-inline:2px}.tool-button,.file-button{width:38px}.tool-label{max-width:38px;font-size:7px}.workspace-column{padding:8px}.navigation-hint,.workspace-meta{display:none}.export-controls{flex:auto;gap:5px;padding-inline:5px}.export-range{gap:4px;min-width:0}.export-range input[type=range]{width:48px}.export-summary,.zoom-controls .fit-button{display:none}.seo-footer{padding-left:92px}}