:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e4e8ed;background:#080b10;--muted:#a3aebb;--line:#ffffff1c;--accent:#a9c8f8;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,select,input[type=number]{min-height:30px;border:1px solid var(--line);border-radius:4px;background:#ffffff07;color:inherit;font-size:.875rem}button{padding:4px 9px;cursor:pointer}button:hover{background:#ffffff14}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.pad-surface:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:#101827;border-color:transparent;font-weight:600}button.quiet{border:0;color:var(--muted);padding-left:0}select{padding:5px;max-width:100%;min-width:0}input[type=number]{padding:3px 6px;min-width:0;width:100%;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:6px 0;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}input[type=color]{width:38px;height:28px;border:0;background:none;padding:0;cursor:pointer}[hidden]{display:none!important}.workspace,.stage,.image-wrap{position:fixed;inset:0}.stage{overflow:hidden}.image-wrap canvas{display:block;width:100%;height:100%;object-fit:cover}.stage-message{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);background:#0b101bd9}.controls{position:fixed;top:12px;right:12px;width:326px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);background:#101720f2;border:1px solid #ffffff25;border-radius:9px;box-shadow:0 12px 50px #0007;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(12px)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-header strong{font-size:.9375rem;font-weight:600;letter-spacing:.01em}.panel-header button{font-size:1.1rem;padding:0 9px;line-height:1}.controls.minimized{width:170px}.controls.minimized .panel-header{border-bottom:0}.panel-body{padding:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#526074 transparent}.transport{display:grid;grid-template-columns:1.1fr .7fr .8fr 1.2fr;gap:5px;margin-bottom:12px}.speed-heading,.speed-footer,.section-label,.layer-edit-heading,.panel-status{display:flex;justify-content:space-between;align-items:center;gap:8px}.speed-heading{font-size:.875rem}.speed-exact{display:flex;align-items:center;gap:6px}.speed-exact input{width:68px}.speed-exact span,#actual-speed{font-size:.75rem;color:var(--muted)}.speed-presets,.button-group{display:flex;gap:4px}.speed-presets button{font-size:.75rem;min-height:24px;padding:2px 6px}.speed-presets button[aria-pressed=true]{background:#a9c8f826;border-color:#a9c8f866}.speed-footer{margin-bottom:15px}.stacked{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:.875rem;color:var(--muted)}details{border-top:1px solid var(--line);padding:10px 0}summary{font-size:.875rem;font-weight:550;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:24px}summary::after{content:'+';font-weight:400;color:var(--muted)}details[open]>summary::after{content:'−'}details[open]>summary{margin-bottom:10px}.section-label{font-size:.75rem;color:var(--muted);margin-bottom:9px}.section-label button{min-height:24px;padding:1px 9px}.layer-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.layer-tabs button{padding:4px 0;min-width:0;border-bottom:3px solid var(--layer-color);font-size:.875rem}.layer-tabs button[aria-pressed=true]{background:#ffffff20;border-top-color:#a9c8f8}.layer-edit-heading{margin:11px 0;font-size:.875rem}.layer-edit-heading strong{font-weight:500}.layer-edit-heading button{min-height:25px;font-size:.75rem}.param-row,.gui-row{display:grid;grid-template-columns:minmax(0,1fr) 91px;align-items:center;gap:8px;margin:7px 0;font-size:.875rem;color:var(--muted)}.gui-row:has(input[type=checkbox]){grid-template-columns:1fr auto}.gui-actions{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.gui-actions button{flex:1}.layer-color-row{display:grid;grid-template-columns:1fr 38px auto;align-items:center;gap:8px;font-size:.875rem;color:var(--muted);margin:9px 0}.layer-color-row button{font-size:.75rem}.microcopy{font-size:.75rem;line-height:1.5;color:var(--muted);margin:7px 0}.panel-status{font-size:.75rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.file-actions{display:flex;gap:5px;margin-top:12px}.file-actions button{flex:1}progress{width:100%;margin-top:10px}.pad-card{margin:14px 0}.pad-heading{display:flex;justify-content:space-between;margin:8px 0;font-size:.875rem}.pad-heading span,.pad-corner{display:none}.pad-surface{height:140px;border:1px solid #7898be77;border-radius:4px;position:relative;cursor:crosshair;touch-action:none;background-color:#162334;background-image:linear-gradient(#afcfff13 1px,transparent 1px),linear-gradient(90deg,#afcfff13 1px,transparent 1px);background-size:25% 25%}.pad-line-x,.pad-line-y{position:absolute;background:#a9c8f866;pointer-events:none}.pad-line-x{width:1px;height:100%;left:var(--x)}.pad-line-y{height:1px;width:100%;top:var(--y)}.pad-dot{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;border:2px solid #e4efff;border-radius:100%;background:#7aa9ec;transform:translate(-50%,-50%);pointer-events:none}.axis-row{display:grid;grid-template-columns:28px minmax(0,1fr) 73px;gap:5px;align-items:center;margin-top:5px}.axis-row select,.axis-row input{font-size:.75rem}.axis-lock{padding:2px}.axis-lock[aria-pressed=true]{background:#a9c8f839;border-color:var(--accent)}.pad-range-tools{display:flex;gap:4px;flex-wrap:wrap;margin:7px 0}.pad-range-tools>span{flex-basis:100%;font-size:.75rem;color:var(--muted)}.pad-range-tools button{font-size:.75rem;min-height:25px;padding:2px 6px}.seed-row{display:grid;grid-template-columns:58px 1fr 30px;gap:6px;align-items:center;margin:7px 0;font-size:.875rem;color:var(--muted)}.seed-row button{padding:2px}.scale-details{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:12px}.error{font-size:.875rem;line-height:1.5;color:#ffc8b0;border:1px solid #b9755477;background:#673f2433;padding:9px;border-radius:4px}.error button{margin-top:8px}dialog{width:min(700px,calc(100% - 24px));max-height:88dvh;border:1px solid var(--line);border-radius:9px;padding:24px;background:#141c28;color:#dae2ed;box-shadow:0 24px 90px #0009}dialog::backdrop{background:#060b10bc}dialog p,dialog li{font-size:1rem;line-height:1.65}dialog h1{font-size:1.7rem}dialog h2{font-size:1.1rem}dialog a{color:var(--accent)}.dialog-head{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:450px){.controls{top:8px;right:8px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);width:300px}.panel-body{padding:10px}}@media(prefers-reduced-transparency:reduce){.controls{background:#101720;backdrop-filter:none}}
.exploration-actions{margin:12px 0 0}.random-action button{display:block;width:100%;min-height:42px;background:#a9c8f8;color:#101827;font-weight:650;font-size:1rem;border-color:transparent}.random-action button:hover{background:#c1d8fb}.compact-details{border-top:0;padding:5px 0}.compact-details>summary{font-size:.75rem;color:var(--muted);font-weight:400;min-height:25px}.resolution-panel{padding:12px 0 6px;border-top:1px solid var(--line)}.resolution-controls{display:grid;grid-template-columns:minmax(0,1fr) 2fr;gap:7px}.resolution-controls>.gui-row,.resolution-controls>.gui-range,.resolution-controls>.microcopy{grid-column:1/-1;margin:0}.resolution-controls>.gui-row:first-child{font-weight:600;color:#e4e8ed}.resolution-controls>.gui-row:first-child input{font-size:1rem;min-height:36px;border-color:#a9c8f85c}.resolution-controls>.gui-row{grid-template-columns:1fr 112px}.resolution-controls>.gui-range>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.gui-range input{display:block;height:23px;margin:0;cursor:pointer}.resolution-controls>button{min-height:31px}.resolution-controls>button:nth-of-type(2){background:#a9c8f81a;border-color:#a9c8f853}.resolution-controls>.microcopy{font-size:.75rem}.resolution-panel>.compact-details{padding-bottom:0}#pads-section{padding-top:9px}#pads-section>.pad-card:first-child{margin-top:0}