:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f4ef;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111418;--paper:#f5f4ef;--muted:#a4a8ad;--line:#2b2e33;--panel:#15181c;--panel-2:#1b1f24;--acid:#e8ff66;--coral:#ff6a67;--blue:#7ed7ff;--shadow:0 24px 70px #00000040;background:#0d0f12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0d0f12;min-width:320px}body{background:radial-gradient(circle at 12% -10%,#e8ff661c,#0000 28rem),linear-gradient(#0d0f12,#101216 70%,#0d0f12);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,svg:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.06}h1{max-width:20ch;margin-bottom:.8rem;font-size:clamp(2rem,4.6vw,4.3rem);font-weight:790}h2{margin-bottom:.55rem;font-size:1.25rem}h3{margin:0;font-size:.95rem}.app-shell{min-height:100vh}.app-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f12e0;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr);align-items:center;gap:1rem;min-height:72px;padding:.75rem clamp(1rem,3vw,2.5rem);display:grid;position:sticky;top:0}.brand{width:-moz-fit-content;width:fit-content;color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--ink);background:var(--acid);letter-spacing:-.08em;border-radius:10px;place-items:center;font-size:.78rem;font-weight:900;display:grid;transform:rotate(-3deg)}.brand>span:last-child{gap:.1rem;display:grid}.brand strong{letter-spacing:-.025em;font-size:1rem}.brand small{color:var(--muted);font-size:.69rem}.header-status{color:#c4c6c8;align-items:center;gap:.55rem;font-size:.78rem;display:flex}.save-dot,.readiness-dot{background:var(--acid);border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #e8ff661f}.save-dot.error{background:var(--coral);box-shadow:0 0 0 4px #ff6a671f}.header-actions{justify-content:flex-end;gap:.55rem;display:flex}.primary-button,.secondary-button,.small-button,.tool-button,.icon-button,.text-button{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:42px;transition:transform .14s,border-color .14s,background .14s}.primary-button,.secondary-button{padding:.7rem 1rem;font-size:.84rem;font-weight:760}.primary-button{color:var(--ink);background:var(--acid)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.small-button:hover:not(:disabled),.tool-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:hover:not(:disabled){background:#f0ff99}.secondary-button{background:#1a1d22;border-color:#3a3d43}.secondary-button:hover:not(:disabled),.small-button:hover:not(:disabled),.tool-button:hover:not(:disabled){background:#23272d;border-color:#6e737c}.compact-button{min-height:38px;padding:.55rem .85rem;font-size:.78rem}main{width:min(1860px,100%);min-height:calc(100vh - 126px);margin:0 auto;padding:1.5rem clamp(1rem,2.5vw,2.5rem) 5rem}.intro-banner{box-shadow:var(--shadow);background:linear-gradient(105deg,#e8ff6614,#0000 48%),#15181c;border:1px solid #31343a;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(1rem,2.5vw,2.5rem);margin-bottom:1.35rem;padding:clamp(1.3rem,3vw,2.8rem);display:grid;position:relative;overflow:hidden}.intro-banner:after{aspect-ratio:1;content:"";border:1px solid #e8ff6633;border-radius:50%;width:40%;position:absolute;bottom:-90%;right:-10%}.intro-banner h1{font-size:clamp(1.9rem,4vw,3.8rem)}.intro-banner p:not(.eyebrow){color:#b8babd;max-width:72ch;margin-bottom:0;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.65}.intro-index,.empty-index{color:var(--acid);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.intro-close{z-index:1}.eyebrow{color:var(--acid);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:800}.empty-workspace{background:#15181cbf;border:1px dashed #3a3d43;border-radius:18px;grid-template-columns:minmax(18rem,.9fr) minmax(22rem,1.1fr);align-items:center;gap:clamp(2rem,6vw,7rem);min-height:56vh;padding:clamp(2rem,5vw,6rem);display:grid}.empty-workspace h2{max-width:17ch;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.8rem)}.empty-workspace p:not(.eyebrow):not(.privacy-line){color:#b8babd;max-width:64ch;line-height:1.65}.empty-actions{flex-wrap:wrap;gap:.65rem;margin:1.4rem 0;display:flex}.privacy-line{color:#c8cabd;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.privacy-line span{color:var(--acid);font-size:.55rem}.empty-art{min-height:300px;position:relative}.empty-card{color:#d9dadd;background:#1b1f24;border:1px solid #41454d;border-radius:14px;place-items:center;min-width:12rem;min-height:8rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;display:grid;position:absolute;box-shadow:0 26px 70px #00000059}.card-one{z-index:3;border-top:35px solid var(--acid);color:var(--paper);top:10%;left:4%;transform:rotate(-5deg)}.card-two{z-index:2;min-width:8rem;min-height:8rem;color:var(--ink);background:var(--coral);font-size:2rem;top:30%;left:36%;transform:rotate(7deg)}.card-three{z-index:1;border-color:var(--blue);top:51%;left:18%;transform:rotate(2deg)}.workspace-grid{grid-template-columns:minmax(280px,.72fr) minmax(430px,1.65fr) minmax(280px,.78fr);align-items:start;gap:1rem;display:grid}.sequence-panel,.editor-panel,.export-panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;min-width:0;box-shadow:0 18px 55px #00000029}.sequence-panel,.export-panel{max-height:calc(100vh - 104px);position:sticky;top:88px;overflow:auto}.panel-heading{border-bottom:1px solid var(--line);padding:1.1rem 1.15rem}.panel-heading h2{margin-bottom:.35rem}.panel-heading>p:last-child{color:var(--muted);margin-bottom:0;font-size:.74rem;line-height:1.5}.sequence-empty{min-height:14rem;color:var(--muted);text-align:center;place-content:center;gap:.65rem;padding:1.5rem;display:grid}.sequence-empty p{max-width:24ch;margin:0;font-size:.84rem;line-height:1.55}.block-list,.annotation-list{margin:0;padding:0;list-style:none}.block-list{gap:.75rem;padding:.85rem;display:grid}.block-card{background:#181b20;border:1px solid #30343a;border-radius:12px;padding:.75rem;transition:border-color .14s,background .14s}.block-card.active{background:linear-gradient(135deg,#e8ff660f,#0000 60%),#181b20;border-color:#e8ff669e}.block-card-topline,.subheading-row,.editor-heading-row,.standalone-title{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.block-card-topline{margin-bottom:.6rem}.block-position{color:#777c84;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.reorder-actions{gap:.2rem;display:flex}.icon-button{background:#1e2228;border-color:#343840;place-items:center;width:36px;min-height:36px;padding:0;font-size:1rem;display:inline-grid}.icon-button:hover:not(:disabled){background:#282d34;border-color:#737984}.thumbnail-button{width:100%;color:inherit;cursor:pointer;background:#090a0c;border:0;border-radius:9px;margin:0 0 .7rem;padding:0;overflow:hidden}.thumbnail{aspect-ratio:16/8;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;opacity:.82;width:100%;height:100%}.thumbnail span{color:var(--ink);background:var(--acid);border-radius:5px;padding:.28rem .42rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;font-weight:900;position:absolute;bottom:.45rem;left:.45rem}.prompt-label,.preview-label{color:#c3c5c8;margin-bottom:.4rem;font-size:.7rem;font-weight:750;display:block}textarea,input:not([type=color]):not([type=range]){color:#f0f0ed;background:#0f1115;border:1px solid #363a42;border-radius:8px;width:100%}textarea{resize:vertical;min-height:92px;padding:.65rem .7rem;font-size:.76rem;line-height:1.55}textarea::placeholder,input::placeholder{color:#686d75}.card-actions{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.small-button{color:#d3d5d8;background:#20242a;border-color:#343840;min-height:34px;padding:.35rem .55rem;font-size:.65rem;font-weight:720}.standalone-title{justify-content:flex-start;margin-bottom:.65rem}.standalone-title>div{gap:.15rem;display:grid}.standalone-title strong{font-size:.78rem}.standalone-title small{color:var(--muted);font-size:.61rem}.prompt-glyph{width:35px;height:35px;color:var(--blue);background:#7ed7ff0f;border:1px solid #7ed7ff59;border-radius:8px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;display:grid}.center-column{gap:.75rem;min-width:0;display:grid}.insert-row{min-height:48px;color:var(--muted);background:#15181c94;border:1px dashed #343840;border-radius:11px;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem .45rem .35rem .9rem;font-size:.7rem;display:flex}.editor-panel{overflow:hidden}.editor-heading-row{align-items:flex-start}.editor-heading-row h2{margin-bottom:0}.zoom-controls{align-items:center;gap:.4rem;display:flex}.zoom-controls output{color:#bfc2c6;text-align:center;min-width:3.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.tool-strip{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:.35rem;padding:.7rem;display:flex;overflow-x:auto}.tool-button{background:#1c2025;border-color:#343840;flex:none;min-height:35px;padding:.4rem .65rem;font-size:.67rem;font-weight:720}.tool-button.active{border-color:var(--acid);color:var(--ink);background:var(--acid)}.toolbar-divider{background:#363a40;flex:none;width:1px;min-height:30px;margin:0 .25rem}.tool-options{border-bottom:1px solid var(--line);background:#121519;align-items:center;gap:1rem;min-height:52px;padding:.55rem .8rem;display:flex}.tool-options label{color:#afb2b6;align-items:center;gap:.45rem;font-size:.65rem;font-weight:700;display:flex}input[type=color]{background:0 0;border:1px solid #3a3e45;border-radius:6px;width:32px;height:28px;padding:2px}input[type=range]{width:80px;accent-color:var(--acid)}.text-option{flex:12rem}.text-option input{min-width:8rem;padding:.4rem .5rem;font-size:.7rem}.tool-hint{color:#777c84;text-align:right;margin-left:auto;font-size:.61rem;line-height:1.4}.editor-stage{background-color:#0e1013;background-image:linear-gradient(45deg,#13161a 25%,#0000 25%),linear-gradient(-45deg,#13161a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#13161a 75%),linear-gradient(-45deg,#0000 75%,#13161a 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;min-height:340px;max-height:min(52vh,660px);padding:clamp(.75rem,2vw,1.5rem);display:grid;overflow:auto}.editor-stage.panning{cursor:grab}.editor-stage.panning:active{cursor:grabbing}.canvas-wrap{min-width:100%;transition:width .15s}.annotation-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#202328;border:1px solid #3a3e45;border-radius:6px;width:100%;height:auto;display:block;overflow:visible;box-shadow:0 18px 55px #0000006b}.annotation{cursor:move}.selection-boundary{fill:none;stroke:var(--acid);stroke-dasharray:8 8;stroke-width:2px;pointer-events:none}.annotation-list-wrap{border-top:1px solid var(--line);padding:.9rem}.subheading-row span{color:var(--muted);font-size:.65rem}.annotation-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.4rem;margin-top:.7rem;display:grid}.list-select{color:#d4d6d8;cursor:pointer;text-align:left;background:#1a1e23;border:1px solid #32363d;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;width:100%;min-height:38px;padding:.4rem .5rem;display:grid;overflow:hidden}.list-select.active{background:#e8ff660f;border-color:#e8ff668c}.list-select>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.list-select small{color:var(--muted);font-size:.54rem}.color-chip{border-radius:50%;width:9px;height:9px}.annotation-properties{background:#121519;border:1px solid #343840;border-radius:9px;grid-template-columns:minmax(10rem,1fr) minmax(10rem,1fr);gap:.65rem;margin-top:.75rem;padding:.75rem;display:grid}.annotation-properties label{color:var(--muted);gap:.3rem;font-size:.62rem;display:grid}.annotation-properties input{padding:.5rem;font-size:.7rem}.property-actions{flex-wrap:wrap;align-items:end;gap:.35rem;display:flex}.nudge-pad{grid-template-columns:repeat(4,32px);justify-content:end;align-items:end;gap:.25rem;display:grid}.nudge-pad button{color:#d7d9dc;cursor:pointer;background:#20242a;border:1px solid #343840;border-radius:6px;min-height:32px}.muted{color:var(--muted)}.compact{margin:.65rem 0 0;font-size:.68rem;line-height:1.55}.editor-placeholder{text-align:center;place-content:center;min-height:440px;padding:2rem;display:grid}.editor-placeholder p:last-child{max-width:45ch;color:var(--muted);margin-bottom:0;line-height:1.6}.export-panel{padding-bottom:.8rem}.readiness-card{background:#1a1e23;border:1px solid #343840;border-radius:10px;align-items:flex-start;gap:.7rem;margin:.85rem;padding:.8rem;display:flex}.readiness-card .readiness-dot{margin-top:.25rem}.readiness-card.needs-work .readiness-dot{background:var(--coral);box-shadow:0 0 0 4px #ff6a671f}.readiness-card strong{margin-bottom:.2rem;font-size:.76rem;display:block}.readiness-card p{color:var(--muted);margin:0;font-size:.64rem;line-height:1.45}.validation-list{color:#ffaaa8;gap:.35rem;margin:-.2rem .85rem .85rem;padding:0 0 0 1.25rem;font-size:.68rem;line-height:1.45;display:grid}.preview-label{margin:0 .85rem .45rem}.combined-preview{width:calc(100% - 1.7rem);min-height:220px;margin:0 .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.export-actions{gap:.5rem;margin:.7rem .85rem .85rem;display:grid}.privacy-details{border-top:1px solid #2f3339;margin:0 .85rem}.privacy-details summary{color:#c9cbd0;cursor:pointer;padding:.8rem 0;font-size:.7rem;font-weight:700}.privacy-details p{color:var(--muted);font-size:.65rem;line-height:1.55}.text-button{background:0 0;border:0;min-height:34px;padding:0;font-size:.67rem;font-weight:700}.danger-text{color:#ff9693}.import-errors{background:#ff6a6712;border:1px solid #ff6a6759;border-radius:12px;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.import-errors h2{font-size:.95rem}.import-errors ul{color:#d2b0ae;margin:0;padding-left:1.25rem;font-size:.7rem;line-height:1.55}.status-toast{z-index:60;color:#d9dadd;background:#181b20f5;border:1px solid #373b43;border-radius:9px;max-width:min(34rem,100vw - 2rem);padding:.65rem .85rem;font-size:.69rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 40px #00000059}.app-footer{color:#747982;border-top:1px solid #24272c;justify-content:space-between;gap:1rem;min-height:54px;padding:1rem clamp(1rem,3vw,2.5rem);font-size:.62rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:1220px){.workspace-grid{grid-template-columns:minmax(260px,.78fr) minmax(430px,1.5fr)}.export-panel{grid-column:1/-1;grid-template-columns:minmax(230px,.75fr) minmax(320px,1.25fr);max-height:none;padding-bottom:0;display:grid;position:static}.export-panel .panel-heading{grid-row:span 5}.export-panel .privacy-details{grid-column:2}}@media (max-width:820px){.app-header{grid-template-columns:1fr auto;position:relative}.header-status{display:none}.empty-workspace{grid-template-columns:1fr}.empty-art{min-height:260px}.workspace-grid{grid-template-columns:1fr}.sequence-panel,.export-panel{max-height:none;position:static}.sequence-panel{order:1}.center-column{order:2}.export-panel{order:3;display:block}.export-panel .panel-heading{grid-row:auto}.tool-options{flex-wrap:wrap}.tool-hint{text-align:left;width:100%;margin-left:0}.editor-stage{min-height:280px}}@media (max-width:560px){.app-header{gap:.6rem;padding:.65rem .75rem}.brand small{display:none}.brand-mark{width:34px;height:34px}.header-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}main{padding:.75rem .75rem 5rem}.intro-banner{grid-template-columns:1fr auto;padding:1.2rem}.intro-index{display:none}.intro-banner h1{font-size:1.9rem}.empty-workspace{padding:1.5rem}.empty-art{min-height:220px}.empty-card{min-width:10rem;min-height:6.5rem}.card-two{min-width:6rem;min-height:6rem}.insert-row{flex-direction:column;align-items:stretch;padding:.7rem}.editor-heading-row{flex-direction:column;align-items:stretch}.zoom-controls{justify-content:flex-end}.annotation-properties{grid-template-columns:1fr}.nudge-pad{justify-content:start}.app-footer{flex-direction:column;align-items:flex-start}.status-toast{max-width:none;margin:0 .75rem .75rem;position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}