:root{color-scheme:dark;font-family:Inter,Microsoft YaHei,sans-serif;background:#0b0d12;color:#f5f7fb}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}#viewport{width:100%;height:100%;display:block;outline:none}.glass{background:#11141bc7;border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 60px #00000047;backdrop-filter:blur(18px)}.topbar{position:fixed;z-index:20;top:18px;left:20px;right:380px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#fff,#9da8c1);color:#141820;font-family:Manrope;font-weight:800}.brand strong,.brand small{display:block;letter-spacing:.12em}.brand strong{font:700 13px Manrope}.brand small{font-size:8px;margin-top:2px;color:#8f98aa}.top-actions{display:flex;gap:7px}.model-switcher{height:38px;display:flex;align-items:center;gap:8px;padding:0 7px 0 11px;border-radius:10px;background:#fff1;border:1px solid rgba(255,255,255,.07);color:#8f98aa;font-size:9px}.model-switcher select{min-width:82px;height:28px;padding:0 24px 0 9px;border:0;border-radius:7px;outline:none;background:#272c36;color:#eef2f8;font:600 10px Manrope,Microsoft YaHei,sans-serif;cursor:pointer}.model-switcher select:disabled{opacity:.55;cursor:wait}.model-switcher button{height:28px;padding:0 8px;border-radius:7px;background:#ffffff14;color:#bac3d3;font:700 8px Manrope,sans-serif;letter-spacing:.08em}.model-switcher button:hover{background:#ffffff29;color:#fff}.model-switcher button:disabled{opacity:.45;cursor:wait;transform:none}button{border:0;cursor:pointer;transition:.18s ease}button:hover{transform:translateY(-1px)}.icon-button,.primary-button{height:38px;padding:0 14px;border-radius:10px;background:#fff1;border:1px solid rgba(255,255,255,.07);font-size:12px}.icon-button:hover,.icon-button[aria-pressed=true]{background:#ffffff21}.primary-button{background:#f1f4f9;color:#15181f;font-weight:700}.panel{position:fixed;z-index:25;top:18px;right:18px;bottom:18px;width:344px;border-radius:20px;padding:22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b414f transparent}.panel-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:18px}.eyebrow{color:#778198;font-size:9px;letter-spacing:.18em;font-weight:700}.panel h1{font:700 24px Manrope;margin:5px 0 0}.panel h2{margin:0;font-size:12px;font-weight:600;color:#dce0e8}.panel section{padding:19px 0;border-top:1px solid rgba(255,255,255,.07)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title h2 span{margin-left:5px;font-weight:400;color:#6f788b}.text-button,.danger-button{background:none;color:#8791a5;font-size:10px;padding:3px 0}.danger-button{color:#ee8592}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset{display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:10px;padding:10px 5px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);font-size:10px;color:#9aa3b5}.preset.active,.preset:hover{background:#ffffff17;color:#fff;border-color:#ffffff29}.preset-dot{width:22px;height:12px;border-radius:50%;filter:blur(1px)}.preset-dot.studio{background:#e5efff;box-shadow:0 0 13px #abc8ff}.preset-dot.warm{background:#ffb672;box-shadow:0 0 13px #ff8d42}.preset-dot.rim{background:#829dff;box-shadow:0 0 13px #6a7fff}.control-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px;font-size:11px;color:#9fa7b7}.control-row output{color:#d7dbe4;font-variant-numeric:tabular-nums}input[type=color]{width:31px;height:23px;background:none;padding:0;border:0;cursor:pointer}input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.2);border-radius:6px}input[type=range]{appearance:none;width:100%;height:3px;border-radius:4px;background:#343946;accent-color:#cbd5e8;margin:3px 0 9px}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#ecf1fa;box-shadow:0 0 0 3px #ffffff1a}.toggle-grid{display:flex;gap:15px;margin-top:11px;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#8f98aa;cursor:pointer}.toggle input{display:none}.toggle span{width:22px;height:12px;border-radius:9px;background:#333845;position:relative}.toggle span:after{content:"";position:absolute;width:8px;height:8px;top:2px;left:2px;background:#8992a4;border-radius:50%;transition:.18s}.toggle input:checked+span{background:#596579}.toggle input:checked+span:after{left:12px;background:#fff}.add-group{display:flex;gap:5px}.add-button{padding:5px 7px;border-radius:6px;background:#ffffff12;color:#aab2c1;font-size:9px}.add-button:hover{background:#ffffff24;color:#fff}.light-list{display:flex;flex-direction:column;gap:6px}.light-item{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;border-radius:9px;padding:8px;background:#ffffff09;border:1px solid transparent;cursor:pointer}.light-item:hover,.light-item.selected{background:#ffffff16}.light-item.selected{border-color:#ffffff24}.light-swatch{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff40}.light-meta strong,.light-meta small{display:block}.light-meta strong{font-size:10px;font-weight:500}.light-meta small{font-size:8px;color:#717a8d;margin-top:2px}.light-enabled{appearance:none;width:26px;height:14px;border-radius:8px;background:#343a47;position:relative;cursor:pointer}.light-enabled:after{content:"";position:absolute;width:10px;height:10px;top:2px;left:2px;border-radius:50%;background:#777f90;transition:.18s}.light-enabled:checked{background:#60728f}.light-enabled:checked:after{left:14px;background:#fff}.text-input{width:145px;color:#dce1e9;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:6px;padding:5px 7px;font-size:10px;outline:none}.text-input:focus{border-color:#768299}.editor-hint{margin:10px 0 0;color:#667084;font-size:9px;line-height:1.5}.editor-section.disabled{opacity:.4;pointer-events:none}.rotation-control{margin-top:13px;padding:12px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.rotation-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#aeb6c5;font-size:10px}.rotation-row{display:grid;grid-template-columns:17px 1fr 43px;align-items:center;gap:7px;min-height:30px}.rotation-row b{width:17px;height:17px;display:grid;place-items:center;border-radius:5px;font:700 9px Manrope,sans-serif}.rotation-row .axis-x{color:#ff9b9b;background:#ff5a5a1f}.rotation-row .axis-y{color:#9ce5ae;background:#4fcd6e1f}.rotation-row .axis-z{color:#a9c7ff;background:#5082ff24}.rotation-row input[type=range]{margin:0}.rotation-row output{color:#cbd2df;font-size:9px;text-align:right;font-variant-numeric:tabular-nums}.rotation-hint{margin:7px 0 0;color:#657084;font-size:8px;line-height:1.5}.viewport-status,.help{position:fixed;z-index:15;left:20px;bottom:18px;border-radius:11px;padding:10px 12px;font-size:9px;color:#9099aa}.viewport-status{display:flex;align-items:center;gap:8px}.viewport-status span:first-child{width:6px;height:6px;border-radius:50%;background:#e6a25f;box-shadow:0 0 8px #e6a25f}.viewport-status.ready span:first-child{background:#67d6a0;box-shadow:0 0 8px #67d6a0}.help{left:50%;transform:translate(-65%)}.help b{color:#dce1e8;font-weight:500;margin-left:7px}.help b:first-child{margin-left:0}.loading-screen{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0d12;transition:opacity .55s,visibility .55s}.loading-screen.hidden{opacity:0;visibility:hidden}.loader-ring{width:48px;height:48px;border:1px solid #303746;border-top-color:#e8edf6;border-radius:50%;animation:spin 1s linear infinite}.loading-title{margin-top:20px;font:600 13px Manrope;letter-spacing:.08em}.progress-track{width:180px;height:2px;background:#242a35;margin:16px 0 8px}.progress-track div{height:100%;width:0;background:#e9eef6;transition:width .2s}.loading-screen span{font-size:9px;color:#747e91}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;z-index:60;left:50%;bottom:65px;transform:translate(-50%,15px);background:#eef2f8;color:#171a20;border-radius:9px;padding:9px 14px;font-size:10px;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%)}.mobile-only{display:none}.close-button{background:none;font-size:24px;color:#8790a0}@media(max-width:800px){.topbar{right:12px;left:12px;top:12px;height:56px}.top-actions>.icon-button{display:none}.brand-mark{width:32px;height:32px}.model-switcher>span{display:none}.model-switcher{padding:0 5px}.model-switcher select{min-width:72px}.panel{transform:translate(110%);transition:transform .3s;top:8px;right:8px;bottom:8px;width:min(344px,calc(100vw - 16px))}.panel.open{transform:none}.mobile-only{display:block}.help{display:none}.viewport-status{left:12px;bottom:12px}.primary-button{display:none}}