:root{--bg:#fffef8;--panel:#f2ede2;--chrome:#3a3a3a;--text:#2e2e2e;--text-secondary:#5c5650;--muted:#8a8480;--gold:#c5941c;--gold-hover:#d8a93a;--border:#b8b7b3;--button:#e8e7e3;--safe-b:env(safe-area-inset-bottom,0px);--bar-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:16px;line-height:1.35}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}#app{background:var(--bg);grid-template-rows:1fr auto;display:grid}.viewport-wrap{background:#fff;min-height:0;position:relative}#view{width:100%;height:100%;display:block}.top-chrome{pointer-events:none;z-index:2;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;inset:0 0 auto}.top-chrome>*{pointer-events:auto}.brand{letter-spacing:.02em;color:var(--chrome);text-shadow:0 1px #ffffffb3;font-size:1.15rem;font-weight:600}.chip{border:1px solid var(--border);cursor:pointer;background:#fffef8eb;border-radius:8px;min-height:44px;padding:8px 12px}.chip.primary{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:600}.chip.primary:hover{background:var(--gold-hover)}.progress{border:1px solid var(--border);z-index:5;background:#fffef8f2;border-radius:10px;padding:16px;display:none;position:absolute;top:50%;left:12%;right:12%;transform:translateY(-50%)}.progress.show{display:block}.progress-bar{background:var(--button);border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.progress-bar>span{background:var(--gold);width:0%;height:100%;transition:width .15s;display:block}.colorbar{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:44px;height:min(45%,340px);display:none;position:absolute;top:64px;right:10px}.colorbar.show{display:flex}.colorbar canvas{border:1px solid var(--border);border-radius:3px;flex:1;width:18px;min-height:80px}.colorbar .label{color:var(--text);writing-mode:vertical-rl;max-height:40%;font-size:.7rem;overflow:hidden;transform:rotate(180deg)}.colorbar .tick{color:var(--text-secondary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem}.info-card{left:12px;bottom:calc(var(--bar-h) + 12px + var(--safe-b));border:1px solid var(--border);z-index:3;background:#fffef8f5;border-radius:10px;max-width:min(320px,90vw);padding:10px 12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;display:none;position:absolute}.info-card.show{display:block}.info-card h3{margin:0 0 6px;font-family:inherit;font-size:.95rem}.info-card dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}.info-card dt{color:var(--text-secondary)}.info-card dd{margin:0}.bottom-bar{min-height:var(--bar-h);padding-bottom:var(--safe-b);background:var(--panel);border-top:1px solid var(--border);z-index:4;justify-content:space-around;align-items:stretch;display:flex}.bottom-bar button{cursor:pointer;min-height:44px;color:var(--text-secondary);background:0 0;border:0;flex:1;padding:8px 4px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem}.bottom-bar button.active,.bottom-bar button:hover{color:var(--text);background:#c5941c1f}.bottom-bar button .ico{margin-bottom:2px;font-size:1.15rem;display:block}.sheet{touch-action:pan-y;-webkit-overflow-scrolling:touch;background:var(--bg);border-top:1px solid var(--border);z-index:5;visibility:hidden;pointer-events:none;border-radius:14px 14px 0 0;max-height:48vh;padding:12px 14px 16px;font-family:ui-sans-serif,system-ui,sans-serif;transition:transform .22s,visibility 0s linear .22s;position:absolute;bottom:0;left:0;right:0;overflow:auto;transform:translateY(110%)}.sheet.open{visibility:visible;pointer-events:auto;transition:transform .22s;transform:translateY(0)}.sheet h2{margin:0 0 10px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1rem}.sheet .row{align-items:center;gap:8px;min-height:44px;margin:8px 0;display:flex}.sheet label{color:var(--text-secondary);flex:0 0 7.5rem;font-size:.85rem}.sheet select,.sheet input[type=number],.sheet input[type=text]{border:1px solid var(--border);background:#fff;border-radius:8px;flex:1;min-height:40px;padding:6px 10px}.sheet input[type=range]{flex:1}.model-list{margin:0;padding:0;list-style:none}.model-list li{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:6px 4px;display:flex}.model-list li.selected{background:#ebd9a8}.welcome{text-align:center;z-index:1;background:radial-gradient(at 30% 20%,#c5941c1f,#0000 50%),linear-gradient(165deg,#fffef8 0%,#f2ede2 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.welcome h1{color:var(--chrome);margin:0;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:600}.welcome p{max-width:28rem;color:var(--text-secondary);margin:0}.welcome.hidden{display:none}.toast{background:var(--chrome);color:#faf9f6;z-index:20;border-radius:8px;max-width:90vw;padding:10px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;display:none;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast.show{display:block}@media (prefers-color-scheme:dark){:root{--bg:#1c1b19;--panel:#2a2825;--text:#f2efe8;--text-secondary:#c4bdb2;--muted:#8a8480;--border:#4a4640;--button:#3a3732;--chrome:#faf9f6}.chip{background:#2a2825eb}.info-card,.sheet,.progress{background:#1c1b19f5}}.sheet-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-title h2{margin:0}.help-q,#helpBtn{min-width:44px;color:var(--gold);font-weight:600}.model-list li .zoom-btn{min-width:44px;margin-left:auto;padding:4px 10px}.help-panel{z-index:8;background:var(--bg);flex-direction:column;font-family:ui-sans-serif,system-ui,sans-serif;display:none;position:absolute;inset:0}.help-panel.open{display:flex}.help-head{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.help-head h2{color:#8a6710;margin:0;font-family:Iowan Old Style,Palatino,Georgia,serif}.help-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:6px 16px calc(24px + var(--safe-b));font-size:.95rem;line-height:1.45;overflow:auto}.help-body h3{color:#8a6710;margin:18px 0 6px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.1rem}.help-body li{margin:4px 0}.help-toc{font-size:.85rem;line-height:1.8}.help-toc a{color:#8a6710}.sheet h3.group{letter-spacing:.04em;text-transform:uppercase;color:#8a6a1f;border-top:1px solid #e6dabf;margin:14px 0 4px;padding-top:8px;font-size:.78rem;font-weight:600}.sheet .hint{color:var(--muted);margin:4px 0;font-size:.82rem}.sheet canvas.histogram{width:100%;height:84px;margin:4px 0 6px;display:block}.saved-views{margin:4px 0;padding:0;list-style:none}.saved-views li{align-items:center;gap:6px;margin:4px 0;display:flex}.saved-views li .chip:first-child{text-align:left;flex:1}