:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#070807;--stone:#121512;--stone-raised:#1a1f1b;--line:#cbb77a47;--gold:#cbb77a;--paper:#e8e0c9;--muted:#9f9b8e;--emerald:#38c08a;--emerald-dim:#143d2f}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--emerald);outline-offset:3px}.reader-shell{background:radial-gradient(circle at 50% -20%,#285b4238,#0000 42%),linear-gradient(#0c100d 0%,#050605 100%);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.reader-header,.reader-footer{z-index:10;border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a08eb;align-items:center;gap:.75rem;min-height:3.75rem;padding:.65rem clamp(.75rem,2vw,1.5rem);display:flex;position:relative}.reader-header{border-bottom:1px solid var(--line)}.reader-footer{border-top:1px solid var(--line);justify-content:center}.brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand-mark{filter:drop-shadow(0 0 10px #1dae694d);width:auto;height:clamp(1.9rem,3.2vw,2.45rem);display:block}.brand-issue{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-style:italic;overflow:hidden}.header-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.mobile-only{display:none}.page-jump select,.more-menu select{border:1px solid var(--line);background:var(--stone-raised);min-height:2.4rem;color:var(--paper);border-radius:.35rem;padding:.35rem .5rem}.control,.mode-button,.nav-button{border:1px solid var(--line);background:var(--stone-raised);min-height:2.4rem;color:var(--paper);cursor:pointer;border-radius:.35rem}.control{justify-content:center;align-items:center;padding:.45rem .75rem;text-decoration:none;display:inline-flex}.control:hover,.mode-button:hover,.nav-button:hover:not(:disabled){background:#202720;border-color:#38c08ab3}.mode-switch{border:1px solid var(--line);background:#090b09;border-radius:.45rem;grid-template-columns:1fr 1fr;gap:.2rem;padding:.2rem;display:inline-grid}.mode-button{min-height:2rem;color:var(--muted);background:0 0;border-color:#0000;padding:.25rem .65rem}.mode-button[aria-pressed=true]{background:var(--emerald-dim);color:#dff8ec;box-shadow:inset 0 0 0 1px #38c08a73}.reader-stage{touch-action:pan-y pinch-zoom;min-width:0;min-height:0;position:relative;overflow:hidden}.art-viewport{background:#000;border:1px solid #cbb77a33;border-radius:.25rem;position:absolute;inset:clamp(.35rem,1vw,.75rem);overflow:hidden;box-shadow:0 18px 70px #0000008c}.art-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;transition:left .54s cubic-bezier(.2,.75,.2,1),top .54s cubic-bezier(.2,.75,.2,1),width .54s cubic-bezier(.2,.75,.2,1),height .54s cubic-bezier(.2,.75,.2,1),opacity .18s;position:absolute}.reader-shell[data-motion=reduced] .art-image{transition:opacity .12s linear}.tap-zone{z-index:3;color:#0000;cursor:pointer;background:0 0;border:0;width:28%;position:absolute;top:0;bottom:0}.tap-zone.previous{left:0}.tap-zone.next{right:0}.tap-zone:disabled{cursor:default}.reader-status{z-index:4;max-width:min(80vw,32rem);color:var(--muted);letter-spacing:.06em;text-align:center;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050605c7;border:1px solid #cbb77a33;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;position:absolute;top:.85rem;left:50%;transform:translate(-50%)}.guide-status-chip{color:var(--gold);border-left:1px solid #cbb77a47;margin-left:.55rem;padding-left:.55rem;display:inline-block}.more-menu{position:relative}.more-menu summary{list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu>div{z-index:20;border:1px solid var(--line);background:#101310;border-radius:.35rem;gap:.35rem;width:13rem;padding:.6rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 14px 40px #0000008c}.more-menu label{color:var(--muted);gap:.25rem;font-size:.72rem;display:grid}.more-menu button,.more-menu a{border:1px solid var(--line);background:var(--stone-raised);min-height:2.2rem;color:var(--paper);text-align:left;border-radius:.25rem;padding:.4rem .55rem;text-decoration:none}.nav-button{min-width:5.8rem;padding:.45rem .9rem}.nav-button:disabled{opacity:.35;cursor:not-allowed}.progress{min-width:9rem;color:var(--muted);text-align:center;font-size:.78rem}.reader-transcript{z-index:6;border:1px solid var(--line);width:min(26rem,100% - 1.5rem);color:var(--paper);background:#080a08f0;border-radius:.35rem;position:absolute;bottom:.75rem;right:.75rem}.reader-transcript summary{cursor:pointer;color:var(--muted);padding:.55rem .75rem;font-size:.78rem}.transcript-content{max-height:36vh;padding:0 .9rem .9rem;font-family:Georgia,Times New Roman,serif;line-height:1.55;overflow:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.reader-header,.reader-footer{min-height:3.35rem;padding:.5rem}.brand-issue,.desktop-only{display:none}.mobile-only{display:block}.brand-mark{height:1.75rem}.control{min-width:2.4rem;padding:.4rem .55rem}.mode-button{padding-inline:.48rem}.nav-button{min-width:4.8rem}.progress{min-width:6.5rem}}@media (prefers-reduced-motion:reduce){.art-image{transition:none}}.studio-page{min-height:100vh;color:var(--paper);background:radial-gradient(circle at 70% 0,#275c422e,#0000 34rem),#090b09}.studio-header{border-bottom:1px solid var(--line);background:#080a08f2;align-items:center;gap:2rem;padding:1.1rem clamp(1rem,2.5vw,2rem);display:flex}.studio-header h1,.studio-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}.studio-header h1{font-size:clamp(1.6rem,3vw,2.3rem)}.studio-header p:not(.studio-kicker){color:var(--muted);margin:.2rem 0 0;font-size:.86rem}.studio-kicker{color:var(--emerald);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .25rem;font-size:.68rem;font-weight:700}.studio-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;margin-left:auto;display:flex}.control.primary{background:var(--emerald-dim);border-color:#38c08aa6}.file-control{cursor:pointer;position:relative;overflow:hidden}.file-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio-toolbar{border-bottom:1px solid var(--line);background:#101310;align-items:flex-end;gap:1rem;padding:.75rem clamp(1rem,2.5vw,2rem);display:flex}.studio-toolbar label,.frame-editor label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:.3rem;font-size:.72rem;display:grid}.studio-toolbar select,.frame-editor input{border:1px solid var(--line);min-height:2.35rem;color:var(--paper);background:#080a08;border-radius:.3rem;padding:.4rem .55rem}.tool-switch,.device-switch{border:1px solid var(--line);background:#080a08;border-radius:.35rem;gap:.2rem;padding:.2rem;display:flex}.tool-switch button,.device-switch button{min-height:1.95rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.25rem}.tool-switch button[aria-pressed=true],.device-switch button[aria-pressed=true]{background:var(--emerald-dim);color:#e4f8ef}.studio-message{color:var(--muted);align-self:center;margin:0 0 0 auto;font-size:.76rem}.studio-workspace{grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);gap:1rem;padding:1rem clamp(1rem,2.5vw,2rem) 2rem;display:grid}.studio-canvas-panel{min-width:0}.canvas-instructions{color:var(--muted);margin-bottom:.55rem;font-size:.8rem}.guide-surface{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #cbb77a59;border-radius:.25rem;width:min(100%,56rem);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 22px 80px #00000080}.guide-surface.draw{cursor:crosshair}.guide-surface>img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.guide-box{z-index:2;color:#fff;cursor:move;background:#0609071f;border:2px solid #e8e0c9b8;justify-content:flex-start;align-items:flex-start;padding:0;display:flex;position:absolute;box-shadow:0 0 0 9999px #00000014}.guide-box>span{background:#050705e6;place-items:center;width:1.5rem;height:1.5rem;font-size:.72rem;display:grid}.guide-box.selected{z-index:4;border-color:var(--emerald);background:#38c08a14;box-shadow:0 0 0 1px #000c,0 0 22px #38c08a47}.guide-box.drawing{z-index:6;border-color:var(--gold);pointer-events:none;background:#cbb77a1f}.resize-handle{background:var(--emerald);cursor:nwse-resize;border:2px solid #06100b;border-radius:50%;width:.9rem;height:.9rem;position:absolute;bottom:-.45rem;right:-.45rem}.studio-sidebar{align-content:start;gap:.75rem;display:grid}.studio-card{border:1px solid var(--line);background:#111411;border-radius:.4rem;padding:.85rem}.card-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.card-heading h2{font-size:1.05rem}.card-heading>span{color:var(--muted);font-size:.72rem}.frame-list{gap:.25rem;max-height:16rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.frame-list button,.automatic-frame{width:100%;min-height:2rem;color:var(--muted);text-align:left;background:#0a0c0a;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.55rem;padding:.35rem .5rem;display:flex}.frame-list button{cursor:pointer}.frame-list button:hover,.frame-list button.active{color:var(--paper);border-color:#38c08a80}.frame-list button>span{background:var(--stone-raised);border-radius:50%;flex:none;place-items:center;width:1.35rem;height:1.35rem;font-size:.66rem;display:grid}.automatic-frame{color:#777c72;justify-content:space-between;font-size:.76rem}.automatic-frame span{text-transform:uppercase;font-size:.65rem}.frame-editor{gap:.75rem;display:grid}.coordinate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.coordinate-grid input{width:100%;min-width:0}.editor-actions{gap:.4rem;display:flex}.text-button{color:var(--emerald);cursor:pointer;background:0 0;border:0}.text-button.danger{color:var(--danger)}.empty-note{color:var(--muted);margin:0;font-size:.8rem}.device-switch{margin-bottom:.65rem}.device-switch button{text-transform:capitalize;flex:1}.device-preview{background:#060706;border-radius:.3rem;place-items:center;min-height:14rem;padding:.6rem;display:grid}.device-preview>div{background:#000;border:1px solid #cbb77a47;transition:width .18s,aspect-ratio .18s;position:relative;overflow:hidden}.device-preview.desktop>div{aspect-ratio:16/9;width:100%}.device-preview.tablet>div{aspect-ratio:4/3;width:72%}.device-preview.phone>div{aspect-ratio:9/16;width:42%}.device-preview img{-webkit-user-select:none;user-select:none;max-width:none;transition:left .28s,top .28s,width .28s,height .28s;position:absolute}@media (max-width:1080px){.studio-workspace{grid-template-columns:1fr}.studio-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-card{grid-column:1/-1}}@media (max-width:720px){.studio-header,.studio-toolbar{flex-direction:column;align-items:stretch}.studio-header-actions{justify-content:flex-start;margin-left:0}.studio-message{margin-left:0}.studio-sidebar{grid-template-columns:1fr}.preview-card{grid-column:auto}}