:root{--color-paper: #f2efe3;--color-paper-raised: #faf7eb;--color-ink: #111111;--color-ink-muted: #4c4a45;--color-orange: #f36b2b;--color-orange-soft: #f3a36f;--color-blue: #8ebbd2;--color-blue-soft: #c4dce8;--color-disabled: #cbc7bb;--color-error: #c83232;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 18px;--border-thin: 1px;--border: 2px;--border-heavy: 3px;--text-xs: 10px;--text-sm: 12px;--text-md: 15px;--text-xl: 28px;--shadow-offset: 5px 5px 0 var(--color-ink);--fast: .11s;--slow: .22s;font-family:Helvetica,Times New Roman,Times,serif;color:var(--color-ink);background:var(--color-paper);font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--color-paper)}button,input,select,textarea{font:inherit;color:inherit;border-radius:0}button,.tool{min-height:30px;padding:4px 8px;display:inline-flex;gap:5px;align-items:center;justify-content:center;border:var(--border-thin) solid var(--color-ink);background:var(--color-paper-raised);cursor:pointer;transition:background var(--fast),color var(--fast),transform var(--fast)}button:hover,.tool:hover{background:var(--color-blue-soft)}button:active{transform:translate(2px,2px)}button.active,button[aria-pressed=true]{color:var(--color-paper-raised);background:var(--color-ink)}button.primary{background:var(--color-orange);border-width:var(--border);font-weight:700;text-transform:uppercase}button:disabled{background:var(--color-disabled);cursor:not-allowed}:focus-visible{outline:3px solid var(--color-orange);outline-offset:2px}input,select,textarea{min-width:0;padding:5px 6px;border:var(--border-thin) solid var(--color-ink);background:var(--color-paper-raised)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;padding:0;border:0;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid var(--color-ink);background:var(--color-blue-soft)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:18px;margin-top:-7px;border:2px solid var(--color-ink);background:var(--color-orange)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid var(--color-ink);background:var(--color-paper-raised)}input[type=checkbox]:checked{background:var(--color-blue);box-shadow:inset 0 0 0 4px var(--color-paper-raised)}textarea{width:100%;min-height:58px;resize:vertical}h2{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}h2 i{display:grid;place-items:center;width:25px;height:25px;color:var(--color-paper-raised);background:var(--color-ink);font-style:normal}summary{cursor:pointer;margin:8px 0 5px;padding:3px;border-bottom:1px solid var(--color-ink);font-size:12px;font-weight:700;text-transform:uppercase}.shell{height:100vh;display:grid;grid-template-columns:minmax(220px,270px) minmax(320px,1fr) minmax(300px,380px);grid-template-rows:70px 1fr 30px;grid-template-areas:"top top top" "left view right" "status status status";background-image:linear-gradient(#1111110b 1px,transparent 1px),linear-gradient(90deg,#1111110b 1px,transparent 1px);background-size:20px 20px}.topbar{grid-area:top;display:flex;align-items:stretch;gap:5px;padding:5px;border-bottom:var(--border-heavy) solid var(--color-ink);background:var(--color-paper-raised);overflow-x:auto;white-space:nowrap}.brand{min-width:235px;display:flex;align-items:center;gap:10px;padding-right:10px;border-right:var(--border-heavy) solid var(--color-ink)}.brand strong{font-size:23px;line-height:.78;letter-spacing:-.05em}.brandIndex{padding:3px;background:var(--color-orange);font-size:10px;writing-mode:vertical-rl}.brand>span:last-child{font-size:10px;font-style:italic;line-height:1}.headerMeta{min-width:100px;max-width:155px;padding:7px;border-right:1px solid var(--color-ink);overflow:hidden}.headerMeta small{display:block;font-size:8px;letter-spacing:.12em}.headerMeta b{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px}.renderBadge{align-self:center;padding:7px 9px;border:2px solid var(--color-ink);background:var(--color-blue);font-size:10px;font-weight:700}.renderBadge.rendering,.renderBadge.stale{background:var(--color-orange)}.topbar label{display:inline-flex;align-items:center;gap:5px;font-size:10px}.seed{width:80px}.panel{overflow:auto;padding:11px;background:#f2efe3f2}.left{grid-area:left;border-right:var(--border-heavy) solid var(--color-ink)}.right{grid-area:right;border-left:var(--border-heavy) solid var(--color-ink)}.panel section+section{margin-top:16px;padding-top:13px;border-top:var(--border-heavy) solid var(--color-ink)}.search{width:100%;margin-bottom:5px;border-width:2px}.preset,.checkpoint,.row{display:grid;grid-template-columns:1fr auto auto auto;gap:3px;margin:3px 0;align-items:center}.preset{grid-template-columns:1fr auto}.preset button:first-child{justify-content:flex-start;text-align:left}.preset button:first-child>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.preset small{color:var(--color-ink-muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.checkpoint img{width:34px;height:28px;object-fit:cover;border:2px solid var(--color-ink)}.left section>button,.left details button:first-child{width:100%;justify-content:flex-start;margin-bottom:3px}.viewport{grid-area:view;min-width:0;min-height:0;position:relative;overflow:auto;display:grid;place-items:center;background-color:#d8d4c8;background-image:linear-gradient(45deg,#b9b5aa 25%,transparent 25%),linear-gradient(-45deg,#b9b5aa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b9b5aa 75%),linear-gradient(-45deg,transparent 75%,#b9b5aa 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.viewport:before,.viewport:after{content:"";position:fixed;pointer-events:none;z-index:1;background:var(--color-orange)}.viewportLabel{position:sticky;top:12px;left:12px;justify-self:start;z-index:3;padding:5px 8px;border:2px solid var(--color-ink);background:var(--color-paper-raised);font-size:10px;font-weight:700;letter-spacing:.1em}.canvasWrap{position:relative;margin:55px;border:7px solid var(--color-ink);box-shadow:8px 8px 0 var(--color-orange);background:transparent}.canvasWrap.isStale canvas{opacity:.72}canvas{display:block;max-width:none;background:transparent}.staleFlag{position:absolute;top:8px;right:8px;padding:5px 7px;border:2px solid var(--color-ink);background:var(--color-orange);font-size:10px;font-weight:700}.dropzone{max-width:360px;padding:35px;border:3px dashed var(--color-ink);background:var(--color-blue-soft);box-shadow:var(--shadow-offset);font-size:18px;font-style:italic}.viewtools{position:sticky;bottom:18px;z-index:3;display:flex;gap:4px;padding:5px;border:2px solid var(--color-ink);background:var(--color-paper-raised);box-shadow:4px 4px 0 var(--color-ink)}.readout{position:sticky;top:12px;right:12px;justify-self:end;z-index:3;padding:4px 7px;color:var(--color-paper-raised);background:var(--color-ink);font:10px ui-monospace,monospace}.stage{display:grid;grid-template-columns:auto minmax(80px,1fr) repeat(5,auto);gap:3px;align-items:center;min-height:37px;border-bottom:2px solid var(--color-ink);font-size:11px}.stage.active{background:var(--color-blue-soft);border-left:7px solid var(--color-ink)}.stage span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.stage button{min-height:24px;padding:2px 4px;font-size:9px;border:0;border-left:1px solid var(--color-ink)}.desc{margin:-2px 0 10px;color:var(--color-ink-muted);font-size:12px;line-height:1.3;font-style:italic}.control{display:grid;grid-template-columns:100px minmax(75px,1fr) 63px;gap:5px;align-items:center;min-height:33px;border-bottom:1px solid #1115;font-size:11px}.control>span{display:flex;justify-content:space-between;gap:3px;font-weight:700}.control span button{min-height:20px;padding:1px 4px}.control input[type=checkbox],.control input[type=color],.control select,.control textarea{grid-column:2 / 4}.control input[type=color]{width:100%;height:34px;padding:2px}.control input[type=number]{width:63px;font-family:ui-monospace,monospace}.status{grid-area:status;display:flex;gap:0;align-items:stretch;border-top:var(--border-heavy) solid var(--color-ink);background:var(--color-ink);color:var(--color-paper-raised);overflow-x:auto;white-space:nowrap;font:9px ui-monospace,monospace}.status span{display:flex;align-items:center;padding:5px 9px;border-right:1px solid var(--color-paper-raised)}.status span:first-child{min-width:245px;color:var(--color-ink);background:var(--color-orange)}@media(max-width:1050px){.shell{grid-template-columns:1fr;grid-template-rows:auto 42vh minmax(320px,1fr) 30px;grid-template-areas:"top" "view" "right" "status"}.left{display:none}.right{border:0;border-top:3px solid var(--color-ink)}.topbar{min-height:70px}.headerMeta{display:none}}@media(max-width:620px){.brand{min-width:190px}.shell{grid-template-rows:auto 40vh minmax(350px,1fr) 30px}.canvasWrap{margin:35px}.control{grid-template-columns:88px minmax(80px,1fr) 58px}.topbar{flex-wrap:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}