:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--chrome:#1a1d24;--panel:#22262f;--border:#2e3440;--text:#e8eaed;--muted:#9aa3b2;--accent:#3b82f6;--danger:#ef4444;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);overscroll-behavior:none;margin:0;position:fixed;inset:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-rows:auto 1fr;height:100%;min-height:0;display:grid}.workspace{grid-template-columns:44px 1fr;min-height:0;display:grid;overflow:hidden}.app input,.app textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.toolbar{background:var(--chrome);border-bottom:1px solid var(--border);min-width:0;max-width:100%;min-height:48px;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.toolbar-scroll{width:100%;min-width:0;padding:6px 12px;padding-right:max(16px, env(safe-area-inset-right,0px));-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;flex-wrap:nowrap;align-items:center;gap:8px;display:flex;overflow:auto hidden}.brand{flex:none;align-items:center;gap:6px;display:flex}.logo{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.title-input{background:0 0;border:1px solid #0000;border-radius:6px;width:120px;max-width:28vw;padding:4px 8px}.title-input:hover,.title-input:focus{border-color:var(--border);background:var(--panel);outline:none}.tool-group{background:#ffffff08;border-radius:10px;flex-wrap:nowrap;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.tool-group button,.icon-btn{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;padding:0;display:inline-grid}.tool-group button:hover,.icon-btn:hover{background:var(--panel);color:var(--text)}.tool-group button.active,.icon-btn.active{color:#fff;background:#243044;border-color:#3b4f6e}.icon-btn-inner{place-items:center;width:100%;height:100%;display:inline-grid;position:relative}.eraser-mode-dot{pointer-events:none;background:#38bdf8;border-radius:999px;width:6px;height:6px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 1px #0f172a}.icon-btn.eraser-brush.active .eraser-mode-dot{background:#7dd3fc}.width-dot{background:var(--text);border-radius:999px;flex:none;display:inline-block}.width-label{color:var(--muted);align-items:center;gap:6px;padding:0 4px;font-size:12px;display:flex}.width-label input[type=range]{width:72px}.color-pick{cursor:pointer;background:0 0;border:none;flex:none;width:28px;height:28px;padding:0}.swatch{cursor:pointer;box-sizing:border-box;border:2px solid #ffffff2e;border-radius:999px;flex:none;width:22px;height:22px;padding:0}.swatch.active{border-color:#fff;box-shadow:0 0 0 1px #00000059}.swatch-none{position:relative;background-color:#1e293b!important;background-image:linear-gradient(45deg,#64748b 25%,#0000 25%),linear-gradient(-45deg,#64748b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#64748b 75%),linear-gradient(-45deg,#0000 75%,#64748b 75%)!important;background-position:0 0,0 4px,4px -4px,-4px 0!important;background-repeat:repeat,repeat,repeat,repeat!important;background-size:8px 8px!important;background-attachment:scroll,scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box,border-box!important}.swatch-none:after{content:"";transform-origin:50%;border-top:2px solid #f87171;height:0;margin-top:-1px;position:absolute;top:50%;left:3px;right:3px;transform:rotate(-45deg)}.style-row{flex-wrap:nowrap;align-items:center;gap:2px;display:flex}.style-tag{width:16px;height:16px;color:var(--muted);-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.style-panel{background:#ffffff08;border-radius:10px;flex-flow:row;flex:none;align-items:center;gap:4px;padding:2px 6px;display:flex}.color-chip{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:5px;padding:0 8px 0 7px;display:inline-flex}.color-chip:hover{background:var(--panel);color:var(--text)}.color-chip.active{color:#fff;background:#243044;border-color:#3b4f6e}.color-chip-label{letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700}.color-preview{background-color:#1e293b;background-image:linear-gradient(45deg,#64748b 25%,#0000 25%),linear-gradient(-45deg,#64748b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#64748b 75%),linear-gradient(-45deg,#0000 75%,#64748b 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #ffffff38;border-radius:5px;flex:none;width:18px;height:18px;display:inline-block;position:relative;overflow:hidden}.color-preview-swatch{position:absolute;inset:0}.color-preview-none:after{content:"";transform-origin:50%;border-top:2px solid #f87171;height:0;position:absolute;top:50%;left:2px;right:2px;transform:rotate(-45deg)}.color-picker-pop{z-index:1000;border:1px solid var(--border);background:#1a1d24;border-radius:12px;flex-direction:column;gap:10px;width:220px;padding:12px;display:flex;position:fixed;box-shadow:0 12px 40px #00000073}.color-picker-row{align-items:center;gap:10px;display:flex}.color-picker-live{background-blend-mode:normal;background-color:#1e293b;background-image:linear-gradient(45deg,#64748b 25%,#0000 25%),linear-gradient(-45deg,#64748b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#64748b 75%),linear-gradient(-45deg,#0000 75%,#64748b 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #ffffff38;border-radius:8px;flex:none;width:36px;height:36px;position:relative;overflow:hidden}.color-picker-live[data-none="1"]:after{content:"";border-top:2px solid #f87171;position:absolute;top:50%;left:4px;right:4px;transform:rotate(-45deg)}.color-picker-native{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:8px;flex:1;min-width:0;height:36px;padding:0}.color-picker-native:disabled{opacity:.45;cursor:not-allowed}.color-picker-opacity{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.color-picker-opacity input[type=range]{width:100%}.color-picker-opacity input[type=range]:disabled{opacity:.45}.color-picker-none{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.color-picker-none:hover{background:#243044}.color-picker-none.active{background:#243044;border-color:#3b4f6e}.status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:140px;margin-left:4px;font-size:11px;overflow:hidden}.page-rail{border-right:1px solid var(--border);background:#151820;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:8px 4px;display:flex;overflow-y:auto}.page-rail-list{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.page-num{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0;font-size:11px;font-weight:600}.page-num:hover{background:var(--panel);color:var(--text)}.page-num.active{border-color:var(--accent);color:#fff;background:#1e2a3d}.page-add{border:1px dashed var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;margin-top:auto;padding:0;font-size:16px;line-height:1}.page-add:hover{color:var(--text);border-color:var(--accent)}.page-rail-ver{letter-spacing:.02em;color:var(--muted);opacity:.85;-webkit-user-select:none;user-select:none;cursor:pointer;pointer-events:auto;background:0 0;border:none;flex:none;margin-top:4px;padding:4px 0;font-size:10px;font-weight:600}.page-rail-ver:hover{color:var(--text);opacity:1}.main{background:#e8eaed;min-width:0;min-height:0;position:relative;overflow:hidden}.stage-wrap{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#e8eaed;position:absolute;inset:0;overflow:hidden}.stage-canvas{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-canvas-base{z-index:0;pointer-events:none}.stage-canvas-overlay{z-index:1;background:0 0}.stage-text-editor-wrap{z-index:20;pointer-events:auto;display:block;position:absolute}.stage-text-editor{resize:both;-webkit-user-select:text;user-select:text;touch-action:auto;background:#fffffff5;border:2px solid #6366f1;border-radius:8px;outline:none;min-height:1.4em;margin:0;padding:4px 8px;font-family:inherit;font-weight:600;line-height:1.25;display:block;position:relative;box-shadow:0 6px 20px #0f11152e}.stage-text-editor.whisper{color:#5b21b6;resize:none;background:#ede9fef5;border-width:1.5px;border-color:#a78bfa;border-radius:6px;max-width:min(280px,70vw);min-height:1.2em;padding:2px 6px;font-weight:600;line-height:1.2;box-shadow:0 3px 12px #5b21b62e}.stage-text-editor::placeholder{color:#94a3b8;font-weight:500}.stage-text-editor-check{z-index:21;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#7c3aed,#c026d3);border:none;border-radius:999px;flex:none;width:44px;height:44px;margin:0 0 0 8px;padding:0;font-size:20px;font-weight:700;line-height:1;position:absolute;top:0;left:100%;box-shadow:0 4px 14px #7c3aed73}.stage-text-editor-wrap.check-left .stage-text-editor-check{margin:0 8px 0 0;left:auto;right:100%}.stage-text-editor-wrap.check-above .stage-text-editor-check{margin:0 0 8px;inset:auto auto 100% 0}.stage-text-editor-check:active{transform:scale(.96)}.stage-text-editor-wrap.whisper .stage-text-editor-check{background:linear-gradient(135deg,#7c3aed,#c026d3)}.pen-diag{z-index:3;color:#dbe4f0;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f1115b8;border:1px solid #ffffff1f;border-radius:999px;max-width:min(52vw,220px);padding:4px 8px;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:absolute;bottom:12px;left:12px;overflow:hidden}.stage-wrap.diag-visible .pen-diag{display:block}.pen-gap-diag{z-index:3;color:#fde68a;letter-spacing:.01em;white-space:pre-wrap;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.95;background:#0f1115e0;border:1px solid #fbbf2473;border-radius:10px;max-width:min(92vw,420px);padding:8px 10px;font:600 11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:absolute;bottom:40px;left:12px}.stage-wrap.diag-visible .pen-gap-diag{display:block}.zoom-controls{right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:6;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#1a1d24eb;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute}.zoom-controls button{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;width:32px;height:28px}.zoom-controls span{text-align:center;min-width:48px;color:var(--muted);font-size:12px}.wand-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:999px;padding:10px 18px;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #6366f159}.wand-fab:disabled{opacity:.7;cursor:wait}.selection-fabs{left:50%;bottom:max(20px, env(safe-area-inset-bottom,0px));z-index:6;pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.selection-fab{color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.selection-fab-wand{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 8px 24px #6366f159}.selection-fab-wand:disabled{opacity:.7;cursor:wait}.selection-fab-delete{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 8px 24px #ef444459}.selection-delete{z-index:6;color:#fff;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:999px;margin:0;padding:6px 12px;font-size:12px;font-weight:600;display:none;position:absolute;transform:translate(-100%,-110%);box-shadow:0 6px 18px #ef444459}.selection-delete:hover{filter:brightness(1.05)}.selection-chrome{z-index:6;pointer-events:auto;border:1px solid var(--border);background:#1a1d24eb;border-radius:999px;align-items:center;gap:4px;margin:0;padding:3px;display:none;position:absolute;transform:translate(-100%,-110%);box-shadow:0 6px 18px #00000059}.selection-chrome-btn{cursor:pointer;color:#e8eaed;background:0 0;border:none;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.selection-chrome-btn:hover:not(:disabled){color:#fff;background:#243044}.selection-chrome-btn:disabled{opacity:.35;cursor:not-allowed}.selection-chrome-delete{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c)}.selection-chrome-delete:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#ef4444,#b91c1c)}.wand-busy-overlay{z-index:5;pointer-events:none;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;display:none;position:absolute;overflow:hidden}.wand-busy-scrim{background:#0f121c6b;position:absolute;inset:0}.wand-busy-content{z-index:1;flex-direction:column;align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative}.wand-busy-dots{align-items:center;gap:8px;display:flex}.wand-busy-dots span{opacity:.55;background:#e8eaed;border-radius:999px;width:10px;height:10px;animation:1s ease-in-out infinite wand-busy-bounce}.wand-busy-dots span:nth-child(2){animation-delay:.15s}.wand-busy-dots span:nth-child(3){animation-delay:.3s}.wand-busy-label{letter-spacing:.02em;color:#f3f4f6;text-shadow:0 1px 2px #00000073;font-size:12px;font-weight:600}@keyframes wand-busy-bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-7px)}}.isolation-done{top:max(12px, env(safe-area-inset-top,0px));z-index:7;border:1px solid var(--border);color:var(--text);cursor:pointer;pointer-events:auto;background:#1a1d24eb;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.isolation-done:hover{background:#243044}.modal-backdrop{z-index:50;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden auto}.modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--chrome);border:1px solid var(--border);border-radius:16px;width:min(560px,100%);max-height:min(90dvh,100% - 32px);margin:auto;padding:20px;overflow-y:auto}.modal h2{margin:0 0 8px}.muted{color:var(--muted);font-size:14px}.field{color:var(--muted);flex-direction:column;gap:6px;margin:16px 0;font-size:13px;display:flex}.field textarea,.field input,.field select{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px}.field textarea{resize:vertical}.field-row{align-items:center;gap:8px;display:flex}.field-row input{flex:1;min-width:0}.field-row button{background:var(--panel);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 12px}.field-help{color:var(--muted);font-size:12px;line-height:1.35}.modal-actions{background:linear-gradient(to top, var(--chrome) 70%, transparent);z-index:1;justify-content:flex-end;gap:8px;margin:8px -20px -20px;padding:12px 20px 20px;display:flex;position:sticky;bottom:-20px}.modal-actions button{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 12px}.modal-actions .primary{background:var(--accent);color:#fff;border-color:#2563eb}@media (width<=700px){.title-input{width:88px}.status{max-width:72px}}.file-menu{flex:none;position:relative}.file-menu-btn{height:34px;color:var(--muted);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.file-menu-btn:hover,.file-menu-btn.active{color:#fff;background:#243044;border-color:#3b4f6e}.file-caret{opacity:.7;font-size:10px}.file-dropdown{z-index:1000;border:1px solid var(--border);background:#1a1d24;border-radius:12px;min-width:220px;max-height:min(70vh,420px);padding:6px;position:fixed;overflow:auto;box-shadow:0 12px 40px #00000073}.file-dropdown button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.file-dropdown button:hover{background:#243044}.file-sep{background:var(--border);height:1px;margin:6px 4px}.file-section-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:6px 10px 2px;font-size:11px;font-weight:600}.file-empty{color:var(--muted);padding:8px 10px 10px;font-size:12px}.file-recent-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-recent-time{color:var(--muted);flex:none;font-size:11px}.grid-menu{flex:none;position:relative}.grid-dropdown{min-width:260px}.file-dropdown button.menu-item-active{color:#fff;background:#243044}.file-dropdown .menu-check{color:#93c5fd;font-size:13px;font-weight:700}.whisper-controls{left:max(12px, env(safe-area-inset-left,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:6;pointer-events:auto;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.whisper-toggle{border:1px solid var(--border);color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1d24eb;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.whisper-toggle:hover{color:#e9d5ff;border-color:#a855f7}.whisper-toggle.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#c026d3);border-color:#d946ef;box-shadow:0 8px 24px #c026d359}.whisper-toggle-icon{font-size:14px;line-height:1}.whisper-cue{color:#e9d5ff;background:#581c878c;border:1px solid #d8b4fe59;border-radius:8px;max-width:220px;padding:4px 8px;font-size:11px}.whisper-clear{border:1px solid var(--border);color:#e9d5ff;cursor:pointer;background:#1a1d24e6;border-radius:8px;padding:5px 10px;font-size:11px}.whisper-clear:hover{color:#fff;border-color:#c026d3}.whisper-controls-on .whisper-toggle-label{letter-spacing:.01em}@media (width<=640px){.whisper-cue{max-width:160px}}