:root{--bone-50:#fcfbf7;--bone-100:#f5f3ec;--bone-150:#efece3;--bone-200:#e7e3d8;--bone-300:#dad5c7;--ink:#191713;--ink-2:#4b463c;--ink-3:#837c6c;--ink-4:#a8a192;--rule:#dcd7c8;--rule-soft:#e8e4d8;--rule-strong:#c6c0ad;--stage:#302e28;--stage-2:#3b3831;--stage-3:#4a463d;--stage-ink:#b8b2a4;--accent:#de3e12;--accent-hot:#f04a1b;--accent-deep:#a82c08;--accent-wash:#de3e121a;--accent-edge:#de3e1261;--blueprint:#3d7fd6;--blueprint-wash:#3d7fd624;--ok:#3f8f5b;--warn:#b8801e;--font-ui:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--font-display:"Instrument Serif", Georgia, serif;--label-size:10px;--label-track:.09em;--r-sm:3px;--r-md:5px;--r-lg:8px;--rail-w:52px;--pages-w:196px;--inspector-w:260px;--topbar-h:50px;--statusbar-h:26px;--shadow-page:0 1px 2px #00000047, 0 10px 28px -8px #00000080;--shadow-pop:0 1px 1px #1917130f, 0 8px 24px -6px #19171338;--shadow-inset-stage:inset 0 1px 0 #00000059;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-spring:cubic-bezier(.34,1.32,.64,1);--t-fast:.11s;--t-med:.2s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--bone-100);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:13px;line-height:1.45;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}::selection{background:var(--accent-wash)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--r-sm)}.label{font-family:var(--font-mono);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--ink-3);font-weight:500}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{grid-template-rows:var(--topbar-h) 1fr var(--statusbar-h);background:var(--bone-100);height:100%;display:grid}.body{grid-template-columns:var(--rail-w) auto 1fr auto;min-height:0;display:grid}.topbar{background:var(--bone-50);border-bottom:1px solid var(--rule);z-index:30;align-items:center;gap:14px;padding:0 12px 0 14px;display:flex;position:relative}.wordmark{-webkit-user-select:none;user-select:none;align-items:baseline;gap:7px;display:flex}.wordmark b{font-family:var(--font-display);letter-spacing:.01em;font-size:21px;font-weight:400}.wordmark .dot{background:var(--accent);border-radius:50%;width:5px;height:5px;transform:translateY(-3px)}.topbar .divider{background:var(--rule);width:1px;height:22px}.docmeta{flex-direction:column;gap:1px;min-width:0;display:flex}.docmeta .name{white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:13px;font-weight:600;overflow:hidden}.docmeta .sub{font-size:10.5px}.topbar .spacer{flex:1}.statusbar{background:var(--bone-50);border-top:1px solid var(--rule);font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.02em;align-items:center;gap:14px;padding:0 12px;font-size:10.5px;display:flex}.statusbar .spacer{flex:1}.statusbar b{color:var(--ink-2);font-weight:500}.btn{border-radius:var(--r-sm);border:1px solid var(--rule);background:var(--bone-50);height:28px;color:var(--ink-2);white-space:nowrap;transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--bone-150);border-color:var(--rule-strong);color:var(--ink)}.btn:active:not(:disabled){background:var(--bone-200)}.btn:disabled{opacity:.38;cursor:default}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--bone-150);border-color:var(--rule-soft)}.btn.primary{background:var(--accent);border-color:var(--accent-deep);color:#fff;box-shadow:inset 0 1px #ffffff38}.btn.primary:hover:not(:disabled){background:var(--accent-hot);border-color:var(--accent-deep);color:#fff}.btn.primary:active:not(:disabled){background:var(--accent-deep)}.btn.icon{justify-content:center;width:28px;padding:0}.btn-group{display:flex}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group>.btn:first-child,.btn-group>:first-child .btn{border-radius:var(--r-sm) 0 0 var(--r-sm);margin-left:0}.btn-group>.btn:last-child,.btn-group>:last-child .btn{border-radius:0 var(--r-sm) var(--r-sm) 0}.rail{background:var(--bone-50);border-right:1px solid var(--rule);scrollbar-width:none;flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail .sep{background:var(--rule);flex:none;width:22px;height:1px;margin:6px 0}.tool{border-radius:var(--r-md);width:36px;height:36px;color:var(--ink-2);transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);flex:none;place-items:center;display:grid;position:relative}.tool:hover{background:var(--bone-200);color:var(--ink)}.tool[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff40;box-shadow:inset 0 1px 0 #ffffff40, 0 0 0 3px var(--accent-wash)}.tool:disabled{opacity:.3;cursor:default}.tip{z-index:400;pointer-events:none;background:var(--ink);color:var(--bone-100);border-radius:var(--r-sm);white-space:nowrap;box-shadow:var(--shadow-pop);animation:tip-in .11s var(--ease-out) both;align-items:center;gap:8px;padding:5px 8px;font-size:11px;font-weight:500;display:flex;position:fixed}@keyframes tip-in{0%{opacity:0}to{opacity:1}}.tip kbd{font-family:var(--font-mono);color:var(--ink-4);border:1px solid var(--stage-3);border-radius:2px;padding:0 3px;font-size:9.5px;line-height:14px}.panel{background:var(--bone-50);flex-direction:column;min-height:0;display:flex}.panel.left{width:var(--pages-w);border-right:1px solid var(--rule)}.panel.right{width:var(--inspector-w);border-left:1px solid var(--rule)}.panel.collapsed{border:none;width:0;overflow:hidden}.panel-head{border-bottom:1px solid var(--rule-soft);flex:none;align-items:center;gap:8px;height:32px;padding:0 10px;display:flex}.panel-head .spacer{flex:1}.panel-body{flex:1;padding:10px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:11px;height:11px}.stage::-webkit-scrollbar{width:11px;height:11px}.panel-body::-webkit-scrollbar-thumb{background:var(--rule-strong);border:3px solid var(--bone-50);border-radius:6px}.stage::-webkit-scrollbar-thumb{background:var(--stage-3);border:3px solid var(--stage);border-radius:6px}.stage::-webkit-scrollbar-corner{background:var(--stage)}.thumbs{flex-direction:column;gap:8px;display:flex}.thumb{border-radius:var(--r-sm);cursor:pointer;position:relative}.thumb.dragging{opacity:.35}.thumb.drop-before:before,.thumb.drop-after:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;left:0;right:0}.thumb.drop-before:before{top:-5px}.thumb.drop-after:after{bottom:-5px}.thumb .frame{border:1px solid var(--rule-strong);transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);background:#fff;border-radius:2px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #1917131a}.thumb:hover .frame{border-color:var(--ink-4)}.thumb.current .frame{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash), 0 1px 3px #19171329}.thumb .frame canvas{width:100%;height:auto;display:block}.thumb .frame .placeholder{aspect-ratio:1/1.294;background:repeating-linear-gradient(-45deg, var(--bone-150) 0 6px, var(--bone-200) 6px 12px);width:100%}.thumb .meta{align-items:center;gap:5px;margin-top:4px;padding:0 1px;display:flex}.thumb .meta .n{font-family:var(--font-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10px}.thumb.current .meta .n{color:var(--accent);font-weight:600}.thumb .meta .flag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-4);border:1px solid var(--rule);border-radius:2px;padding:0 3px;font-size:9px}.thumb .meta .spacer{flex:1}.thumb .acts{opacity:0;transition:opacity var(--t-fast) var(--ease-out);gap:2px;display:flex}.thumb:hover .acts,.thumb.current .acts{opacity:1}.thumb .acts button{width:18px;height:18px;color:var(--ink-3);border-radius:2px;place-items:center;display:grid}.thumb .acts button:hover{background:var(--bone-200);color:var(--ink)}.thumb .acts button.danger:hover{background:var(--accent);color:#fff}.section{border-bottom:1px solid var(--rule-soft);padding:10px 0}.section:first-child{padding-top:0}.section:last-child{border-bottom:none}.section>.label{margin-bottom:8px;display:block}.row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.row:last-child{margin-bottom:0}.row>.label{flex:none;width:62px}.row .grow{flex:1;min-width:0}.field{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--bone-50);height:26px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;width:100%;min-width:0;transition:border-color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);padding:0 7px;font-size:11.5px}.field:hover{border-color:var(--rule-strong)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash);background:#fff;outline:none}select.field{font-family:var(--font-ui);cursor:pointer;padding-left:5px;font-size:12px}textarea.field{height:auto;font-family:var(--font-ui);resize:vertical;padding:6px 7px;font-size:12px;line-height:1.4}.scrub{align-items:center;display:flex;position:relative}.scrub .grip{cursor:ew-resize;width:16px;color:var(--ink-4);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;place-items:center;font-size:9px;display:grid;position:absolute;top:0;bottom:0;left:0}.scrub .grip:hover{color:var(--accent)}.scrub .field{padding-left:17px}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatch{border-radius:var(--r-sm);width:20px;height:20px;transition:transform var(--t-fast) var(--ease-spring);border:1px solid #1917132e;position:relative}.swatch:hover{transform:scale(1.14)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bone-50), 0 0 0 3.5px var(--ink)}.swatch.custom{place-items:center;padding:0;display:grid;overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;inset:-6px}.seg{border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--bone-150);display:flex;overflow:hidden}.seg button{height:24px;color:var(--ink-3);border-right:1px solid var(--rule);transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);flex:1;place-items:center;font-size:11px;display:grid}.seg button:last-child{border-right:none}.seg button:hover{background:var(--bone-200);color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bone-50)}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}.range::-webkit-slider-runnable-track{background:var(--rule-strong);border-radius:2px;height:3px}.range::-webkit-slider-thumb{appearance:none;background:var(--bone-50);border:1.5px solid var(--ink);width:13px;height:13px;transition:border-color var(--t-fast) var(--ease-out);border-radius:50%;margin-top:-5px}.range:hover::-webkit-slider-thumb{border-color:var(--accent)}.range::-moz-range-track{background:var(--rule-strong);border-radius:2px;height:3px}.range::-moz-range-thumb{background:var(--bone-50);border:1.5px solid var(--ink);border-radius:50%;width:12px;height:12px}.empty-note{text-align:center;color:var(--ink-4);padding:18px 10px;font-size:11.5px;line-height:1.6}.stage{background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--stage-2), transparent 70%), var(--stage);box-shadow:var(--shadow-inset-stage);min-width:0;position:relative;overflow:auto}.stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.pages{flex-direction:column;align-items:center;gap:22px;width:max-content;min-width:100%;padding:28px 28px 60px;display:flex;position:relative}.page-wrap{position:relative}.page-tag{font-family:var(--font-mono);color:var(--stage-ink);letter-spacing:.05em;-webkit-user-select:none;user-select:none;text-align:right;width:26px;font-size:10px;position:absolute;top:-1px;left:-34px}.page{box-shadow:var(--shadow-page);transition:box-shadow var(--t-med) var(--ease-out);background:#fff;position:relative}.page.active{box-shadow:var(--shadow-page), 0 0 0 1px var(--accent-edge)}.page canvas.base{width:100%;height:100%;display:block}.page .skeleton{background:linear-gradient(100deg, #fff 30%, var(--bone-150) 50%, #fff 70%);background-size:220% 100%;animation:1.3s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{background-position:140% 0}to{background-position:-40% 0}}.layer{position:absolute;inset:0}.layer.capture{cursor:crosshair}.textblock{cursor:text;transition:background var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);border-radius:2px;position:absolute}.layer.blocks.armed .textblock:hover{background:var(--blueprint-wash);box-shadow:0 0 0 1px var(--blueprint)}.tb-editor{z-index:6;box-shadow:0 0 0 1.5px var(--blueprint), 0 6px 20px -4px #0000004d;background:#fff;border-radius:2px;position:absolute}.tb-editor textarea{resize:none;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;display:block;overflow:hidden}.tb-badge{background:var(--blueprint);color:#fff;height:19px;font-family:var(--font-mono);letter-spacing:.05em;white-space:nowrap;border-radius:2px 2px 0 0;align-items:center;gap:6px;padding:0 6px;font-size:9.5px;display:flex;position:absolute;top:-21px;left:-1px}.tb-badge .k{opacity:.7}.obj{position:absolute}.obj.selectable{cursor:move}.obj-ring{border:1px solid var(--accent);pointer-events:none;border-radius:1px;position:absolute;inset:-1px}.obj-ring.hover{border-color:var(--accent-edge);border-style:dashed}.handle{border:1.25px solid var(--accent);pointer-events:auto;background:#fff;border-radius:1px;width:9px;height:9px;position:absolute}.handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.handle.n{cursor:ns-resize;margin-left:-4.5px;top:-5px;left:50%}.handle.s{cursor:ns-resize;margin-left:-4.5px;bottom:-5px;left:50%}.handle.w{cursor:ew-resize;margin-top:-4.5px;top:50%;left:-5px}.handle.e{cursor:ew-resize;margin-top:-4.5px;top:50%;right:-5px}.obj-text{white-space:pre-wrap;word-break:break-word;overflow:hidden}.obj-text textarea{resize:none;white-space:pre-wrap;word-break:break-word;color:#0000;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.obj-text textarea::selection{color:#0000;background:#3d7fd64d}.obj-text:after{content:"";inset:calc(-2px * var(--inv));border:calc(1px * var(--inv)) dashed var(--blueprint);pointer-events:none;position:absolute}.marquee{border:1px dashed var(--accent);background:var(--accent-wash);pointer-events:none;position:absolute}.landing{background:radial-gradient(ellipse 70% 55% at 50% 30%, var(--stage-2), transparent 72%), var(--stage);grid-column:1/-1;place-items:center;display:grid;position:relative;overflow:hidden}.landing:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 65% at 50% 45%,#000,#0000);mask-image:radial-gradient(65% 65% at 50% 45%,#000,#0000)}.landing-inner{text-align:center;max-width:620px;animation:rise .52s var(--ease-out) both;padding:40px;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.landing h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--bone-100);margin:0 0 6px;font-size:52px;font-weight:400;line-height:1.02}.landing h1 em{color:var(--accent);font-style:italic}.landing p{color:var(--stage-ink);max-width:430px;margin:0 auto 30px;font-size:14px;line-height:1.6}.dropplate{border:1.5px dashed var(--stage-3);border-radius:var(--r-lg);transition:border-color var(--t-med) var(--ease-out), background var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-out);background:#00000024;padding:34px 30px}.dropplate.over{border-color:var(--accent);background:#de3e121a;transform:scale(1.015)}.dropplate .glyph{color:var(--stage-ink);margin-bottom:12px}.dropplate.over .glyph{color:var(--accent)}.dropplate .hint{color:var(--ink-4);margin-top:12px;font-size:11.5px}.landing .feats{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:34px;display:flex}.landing .feats div{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--stage-ink);opacity:.72;align-items:center;gap:6px;font-size:10px;display:flex}.landing .feats div:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px}.toasts{z-index:300;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:38px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bone-100);border-radius:var(--r-md);box-shadow:var(--shadow-pop);animation:toast-in .26s var(--ease-spring) both;align-items:center;gap:9px;max-width:460px;padding:8px 13px;font-size:12px;display:flex}.toast .bead{background:var(--ok);border-radius:50%;flex:none;width:6px;height:6px}.toast.warn .bead{background:var(--warn)}.toast.err .bead{background:var(--accent-hot)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:250;animation:fade .16s var(--ease-out) both;background:#1917136b;place-items:center;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--bone-50);border:1px solid var(--rule);border-radius:var(--r-lg);width:380px;animation:pop .24s var(--ease-spring) both;overflow:hidden;box-shadow:0 20px 60px -12px #00000073}.card.wide{width:460px}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.card h3{margin:0;padding:14px 16px 0;font-size:15px;font-weight:600}.card .card-body{color:var(--ink-2);padding:10px 16px 16px;font-size:12.5px;line-height:1.55}.card .card-foot{background:var(--bone-150);border-top:1px solid var(--rule-soft);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.progress{background:var(--rule);border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.progress i{background:var(--accent);height:100%;transition:width .18s var(--ease-out);display:block}.sigpad{border:1px solid var(--rule);border-radius:var(--r-md);background:#fff;position:relative;overflow:hidden}.sigpad canvas{touch-action:none;cursor:crosshair;width:100%;display:block}.sigpad .baseline{border-top:1px dashed var(--rule-strong);pointer-events:none;position:absolute;bottom:26px;left:22px;right:22px}.sigpad .x{font-family:var(--font-mono);color:var(--ink-4);pointer-events:none;font-size:12px;position:absolute;bottom:20px;left:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}