:root{--bg:#0f1210;--panel:#141815d9;--text:#e8ece8;--muted:#9aa59c;--accent:#7cc36e}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 system-ui,sans-serif;overflow:hidden}#stage{justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#view{width:100%;height:100%;position:relative}#view canvas{display:block}#ref{margin:0;display:none}#ref img{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;display:block}#ref figcaption,body.ref-mode #view:after{color:var(--muted);text-align:center;margin-top:4px;font-size:12px}body.ref-mode #stage{top:64px}body.ref-mode #view{width:auto;height:auto}body.ref-mode #view:after{content:"Browser render (three.js)";display:block}body.ref-mode #ref{display:block}#toolbar{background:var(--panel);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:fixed;top:12px;left:12px}#toolbar .brand{margin-right:8px;font-weight:600}button{color:var(--text);font:inherit;cursor:pointer;background:#2a322c;border:1px solid #3c463e;border-radius:6px;padding:6px 10px}button:hover{border-color:var(--accent)}button.active{background:var(--accent);color:#0f1210;border-color:var(--accent)}#loading{background:var(--bg);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}#loading.switching{background:#0f121099}#loading.hidden{display:none}#loading .bar{background:#2a322c;border-radius:3px;width:260px;height:6px;overflow:hidden}#loading .fill{background:var(--accent);width:0;height:100%;transition:width .1s}#loading.error .label{color:#f08a7a}#panel{z-index:5;background:var(--panel);border-radius:8px;flex-direction:column;display:flex;position:fixed;box-shadow:0 4px 18px #00000059}#panel .panel-head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid #333b35;align-items:center;gap:8px;padding:6px 8px 6px 10px;display:flex}#panel .panel-head:active{cursor:grabbing}#panel .grip{background-image:radial-gradient(circle,#7d877f 1.2px,#0000 1.4px);background-size:5px 5px;width:10px;height:14px}#panel .title{color:var(--muted);flex:1;font-size:12px;font-weight:600}#panel .collapse{width:26px;height:22px;padding:0;line-height:1}#panel .collapse:before{content:"–"}#panel.collapsed .collapse:before{content:"+"}#panel.collapsed .panel-head{border-bottom:none}#panel.collapsed .panel-body,#panel.collapsed .resize{display:none}#panel .panel-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 12px 14px;display:flex;overflow-y:auto;container-type:inline-size}#panel .resize{cursor:nesw-resize;touch-action:none;opacity:.8;background:linear-gradient(45deg,#0000 45%,#7d877f 45% 55%,#0000 55% 70%,#7d877f 70% 80%,#0000 80%);border-bottom-left-radius:8px;width:16px;height:16px;position:absolute;bottom:0;left:0}#panel .section{border-top:1px solid #333b35;flex-direction:column;gap:10px;padding-top:8px;display:flex}#panel .section-head{all:unset;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}#panel .section-head:before{content:"▾";text-align:center;width:12px;font-size:14px;line-height:1}#panel .section.closed .section-head:before{content:"▸"}#panel .section-head:hover{color:var(--text)}#panel .section-head:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#panel .section.closed .section-body{display:none}#panel .section-body{flex-direction:column;gap:10px;display:flex}#panel .field{flex-direction:column;gap:4px;font-size:13px;display:flex}.slider.disabled{opacity:.45}.segmented{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:4px;display:grid}.segmented.views{grid-template-columns:repeat(3,1fr)}@container (width>=380px){.segmented.views{grid-template-columns:repeat(6,1fr)}}.segmented button{text-overflow:ellipsis;white-space:nowrap;padding:6px 1px;font-size:11.5px;overflow:hidden}.slider.steps .ticks{color:var(--muted);grid-column:1/-1;justify-content:space-between;margin-top:-2px;padding:0 2px;font-size:10.5px;display:flex}.slider{grid-template-columns:1fr auto;row-gap:4px;font-size:13px;display:grid}.slider .value{color:var(--muted);font-variant-numeric:tabular-nums}.slider input{width:100%;accent-color:var(--accent);grid-column:1/-1}#legend{background:var(--panel);border-radius:8px;width:280px;padding:10px 12px;font-size:12px;display:none;position:fixed;bottom:12px;left:12px}#legend.visible{display:block}#legend .title{margin-bottom:6px}#legend canvas{border-radius:2px;width:100%;height:14px;display:block}#legend .ends{justify-content:space-between;margin-top:4px;display:flex}#legend input{width:56px;color:var(--text);font:inherit;background:#2a322c;border:1px solid #3c463e;border-radius:4px;padding:2px 4px}#legend .max{text-align:right}#legend .ends{align-items:center}#legend button.small{padding:2px 8px;font-size:12px}#legend .swatches{flex-wrap:wrap;gap:4px 12px;display:flex}#legend .swatches span{align-items:center;gap:5px;display:inline-flex}#legend .swatches i{border-radius:2px;width:12px;height:12px;display:inline-block}#legend .note{color:var(--muted);margin-top:4px}#legend .readout{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px}@media (width<=700px){#legend{top:64px;bottom:auto}}#frame{aspect-ratio:1;pointer-events:none;outline:1px dashed #ffffff80;max-width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000047}@media (aspect-ratio<=1){#frame{width:100%;height:auto}}body.ref-mode #frame{display:none}#view{overflow:hidden}#tray{background:var(--panel);border-radius:8px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 10px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#tray select{color:var(--text);font:inherit;background:#2a322c;border:1px solid #3c463e;border-radius:6px;padding:5px;font-size:12px}#tray .count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}#tray .thumbs{gap:4px;display:flex}#tray .thumbs img{object-fit:cover;border-radius:4px;width:36px;height:36px;display:block}#tray .status{color:var(--muted);font-size:12px}#tray .status:empty{display:none}button.primary{background:var(--accent);color:#0f1210;border-color:var(--accent);font-weight:600}button:disabled{opacity:.45;cursor:default;border-color:#3c463e}#about{max-width:560px;color:var(--text);background:#161b17;border:1px solid #3c463e;border-radius:10px;padding:20px 24px;line-height:1.5}#about::backdrop{background:#0000008c}#about h2{margin:0 0 8px;font-size:18px}#about h3{color:var(--accent);margin:16px 0 4px;font-size:14px}#about p{color:#cfd6d0;margin:0}#about form{text-align:right;margin-top:18px}@media (width>=701px){#legend{bottom:76px}}@media (width<=1100px){#tray{left:12px;transform:none}#legend{bottom:76px}}@media (width<=700px){#tray{flex-wrap:wrap}}