:root{--bg:#fffef8;--panel:#f2ede2;--chrome:#3a3a3a;--text:#2e2e2e;--text-secondary:#5c5650;--muted:#8a8480;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--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;font-family:var(--font);color:var(--text);background:var(--bg);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}html,body{overscroll-behavior:none}button,select,input{font:inherit;color:inherit}#app{background:var(--bg);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.viewport-wrap{background:#fff;min-height:0;position:relative}#view{width:100%;height:100%;display:block;position:absolute;inset:0}.top-chrome{background:var(--bg);border-bottom:1px solid var(--border);padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;pointer-events:none;z-index:2;align-items:center;gap:8px;display:flex;position:fixed;inset:0 0 auto}.top-chrome>*{pointer-events:auto}.brand{letter-spacing:.04em;color:#b4861a;font-size:20px;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;gap:3px;width:200px;display:none;position:absolute;bottom:18px;right:16px}.colorbar.show{display:flex}.colorbar .label{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.colorbar .cb-body{flex-direction:column;display:flex}.colorbar canvas{border:1px solid var(--border);border-radius:3px;width:100%;height:14px}.colorbar .cb-ticks{height:16px;position:relative}.colorbar .cb-ticks span{color:var(--text-secondary);white-space:nowrap;text-shadow:0 0 2px #fff,0 0 2px #fff;padding-top:6px;font-size:.72rem;line-height:1;position:absolute;top:0;transform:translate(-50%)}.colorbar .cb-ticks span:before{content:"";border-left:1px solid var(--text);height:4px;position:absolute;top:0;left:50%}.info-card{left:12px;bottom:calc(var(--bar-h) + 12px + var(--safe-b));border:1px solid var(--border);z-index:3;max-width:min(320px,90vw);font-family:var(--font);background:#fffef8f5;border-radius:10px;padding:10px 12px;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);font-size:.75rem;font-family:var(--font);background:0 0;border:0;flex:1;padding:8px 4px}.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;max-height:48vh;font-family:var(--font);border-radius:14px 14px 0 0;padding:12px 14px 16px;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{font-size:1rem;font-family:var(--font);margin:0 0 10px}.sheet .row{align-items:center;gap:8px;min-height:36px;margin:6px 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:34px;padding:4px 10px;font-size:.85rem}.sheet .chip{min-height:34px;padding:5px 11px;font-size:.85rem}.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;font-size:.9rem;display:flex}.model-list li.selected{box-shadow:inset 4px 0 0 var(--gold);background:#ebd9a8;font-weight:700}.sheet .selected-note{color:var(--text-secondary);overflow-wrap:anywhere;margin:0 0 4px;font-size:.8rem}.welcome{padding:calc(64px + env(safe-area-inset-top,0px)) 20px 16px;text-align:center;z-index:1;background:radial-gradient(circle at 50% 28%,#c5941c29,#0000 42%),radial-gradient(circle at 85% 90%,#c5941c14,#0000 40%),linear-gradient(170deg,#fffef8 0%,#f4efe3 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.welcome-card{flex-direction:column;align-items:center;gap:10px;width:min(100%,360px);margin:auto 0;animation:.5s ease-out both welcome-in;display:flex}@keyframes welcome-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.welcome-logo{filter:drop-shadow(0 6px 14px #8c691e38);width:96px;height:auto;margin-bottom:4px}.welcome h1{letter-spacing:-.01em;color:#b4861a;margin:0;font-size:clamp(1.9rem,8vw,2.4rem);font-weight:700}.welcome .tagline{color:var(--text-secondary);margin:0 0 10px;font-size:1rem}.welcome-actions{flex-direction:column;gap:10px;width:100%;display:flex}.welcome .chip.big{background:#ffffffd9;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:50px;font-size:1rem;font-weight:600;line-height:1.2;display:flex;box-shadow:0 1px 2px #2e241014}.welcome .chip.big.primary{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:0 6px 16px #c5941c59}.welcome .chip.big .sub{color:var(--muted);font-size:.75rem;font-weight:400}.welcome .welcome-note{color:var(--muted);margin:6px 0 0;font-size:.8rem;line-height:1.45}.welcome p{max-width:28rem}.sheet ul.recent{text-align:left;width:100%}.recent h3{letter-spacing:.06em;text-transform:uppercase;color:#8a6a1f;margin:14px 0 6px;font-size:.72rem;font-weight:600}.sheet ul.recent{background:#ffffffb3;border:1px solid #e6dabf;border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.recent li+li{border-top:1px solid #efe6d0}.recent-item{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;font-size:.85rem;display:flex}.recent-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-item small{color:var(--muted);flex-shrink:0}.recent .recent-hint{color:var(--muted);margin:4px 2px 0;font-size:.72rem}.welcome-foot{color:var(--muted);margin-top:18px;font-size:.75rem}.welcome-foot p{margin:2px 0}.welcome-foot .copyright{margin-top:6px;font-size:.7rem}.welcome.hidden{display:none}.toast{left:50%;top:calc(74px + env(safe-area-inset-top,0px));background:var(--chrome);color:#faf9f6;z-index:20;max-width:90vw;font-family:var(--font);border-radius:8px;padding:10px 14px;font-size:.85rem;display:none;position:absolute;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);font-family:var(--font);flex-direction:column;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{font-family:var(--font);color:#8a6710;margin:0}.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;font-family:var(--font);margin:18px 0 6px;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}.copyright{color:var(--muted);text-align:center;margin-top:18px;font-size:.75rem;line-height:1.45}.welcome a{color:#8a6a1f;text-decoration:none}.top-chrome .chip{min-height:32px;padding:3px 9px;font-size:.85rem}.help-body pre.licences{white-space:pre-wrap;font-size:.75rem;line-height:1.4}.sheet .copyright a{color:#8a6a1f;text-decoration:none}.colorbar .cb-ticks span.first{transform:none}.colorbar .cb-ticks span.first:before{left:0}.colorbar .cb-ticks span.last{transform:translate(-100%)}.colorbar .cb-ticks span.last:before{left:auto;right:0}.model-list li>span{overflow-wrap:anywhere;flex:1;min-width:0}html,body{background:var(--panel)}.brand{align-items:center;gap:7px;display:inline-flex}.brand-logo{width:26px;height:auto;display:block}.brand{white-space:nowrap;flex-shrink:0}.colorbar .cb-legend{color:var(--text-secondary);flex-direction:column;gap:3px;font-size:.72rem;display:flex}.colorbar .cb-legend span{white-space:nowrap;text-shadow:0 0 2px #fff,0 0 2px #fff;align-items:center;gap:6px;display:flex}.colorbar .cb-legend i{border:1px solid #2e241059;border-radius:2px;flex-shrink:0;width:11px;height:11px}.cat-legends{left:10px;top:calc(64px + env(safe-area-inset-top,0px));z-index:2;pointer-events:none;flex-direction:column;gap:6px;max-width:60%;display:flex;position:absolute}.cat-legend{color:var(--text-secondary);background:#ffffffe0;border:1px solid #e6dabf;border-radius:8px;flex-direction:column;gap:3px;padding:6px 8px;font-size:.72rem;display:flex}.cat-legend b{color:var(--text);margin-bottom:1px;font-weight:600}.cat-legend span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.cat-legend i{border:1px solid #2e241059;border-radius:2px;flex-shrink:0;width:11px;height:11px}