: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{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;display:flex}.brand-mark{color:#f97316;place-items:center;width:28px;height:28px;font-size:20px;display:grid}.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:column;align-items:center;gap:4px;width:86px;min-height:0;padding:14px 8px;display:flex;overflow-y:auto}.tool-button,.file-button{color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:68px;min-height:58px;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 3px 0 #f97316}.tool-icon{font-size:21px;line-height:1}.tool-label{white-space:nowrap;font-size:10px}.toolbar-spacer{flex:1}.file-button{cursor:pointer}.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;min-height:42px;padding-top:8px;display:flex}.workspace-meta{align-items:center;gap:14px;min-width:0;display:flex}.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}.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 110px;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}.replace-banner{z-index:4;color:#e5e7eb;background:#151b25;border:1px solid #384556;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px;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:64px;padding-inline:4px}.tool-button,.file-button{width:54px}.tool-label{font-size:9px}.workspace-column{padding:8px}.navigation-hint{display:none}.seo-footer{padding-left:76px}}