: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:20px;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[hidden]{display:none}.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}.render-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:3px;border-radius:9px;background:#0000002e}.render-mode-switch button{min-height:30px;border-radius:7px;background:transparent;color:#8f99aa;font-size:10px}.render-mode-switch button:hover,.render-mode-switch button[aria-pressed=true]{background:#ffffff1c;color:#fff}.pose-hint{margin:0 0 10px;color:#778195;font-size:9px;line-height:1.55}.pose-joint-groups{display:flex;flex-direction:column;gap:11px}.pose-joint-group h3{margin:0 0 6px;color:#7f899b;font-size:9px;font-weight:600;letter-spacing:.08em}.pose-joint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.pose-joint-grid button,.pose-reset-button{min-height:31px;border-radius:7px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);color:#9ca6b7;font-size:10px}.pose-joint-grid button:hover,.pose-joint-grid button[aria-pressed=true]{background:#ffffff1f;border-color:#ffffff2e;color:#fff}.pose-joint-grid button:disabled,.pose-reset-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.pose-rotation-editor{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.pose-rotation-editor h3{margin:0;font-size:10px;font-weight:600;color:#d6dbe5}.pose-reset-button{width:100%;margin:0 0 12px;background:linear-gradient(135deg,#8492aa2e,#71678724);border-color:#bcc6d929;color:#d9deea;font-weight:600}.pose-reset-button:hover:not(:disabled){background:linear-gradient(135deg,#96a6c145,#84779e38);border-color:#cfd8e940;color:#fff}.pose-io{margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}.pose-io-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pose-io-title h3{margin:0;color:#d6dbe5;font-size:10px;font-weight:600}.pose-io-title span{color:#677286;font-size:8px;letter-spacing:.08em}.pose-io-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pose-io-grid button,.pose-import-button{min-height:31px;display:grid;place-items:center;border-radius:7px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);color:#9ca6b7;font-size:9px;cursor:pointer;transition:.18s ease}.pose-io-grid button:hover:not(:disabled),.pose-import-button:hover{background:#ffffff1c;color:#fff}.pose-io-grid button:disabled{opacity:.35;cursor:not-allowed}.icon-button:disabled{opacity:.38;cursor:not-allowed;transform:none}.reference-panel{position:fixed;z-index:27;left:24px;top:102px;width:310px;max-height:calc(100vh - 126px);border-radius:17px;overflow:hidden}.reference-panel[hidden]{display:none}.reference-panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px 12px;cursor:move;user-select:none;border-bottom:1px solid rgba(255,255,255,.07)}.reference-panel-head h2{margin:4px 0 0;font-size:15px}.reference-panel-head h2 small{margin-left:5px;color:#778195;font-size:9px;font-weight:400}.reference-panel-body{max-height:calc(100vh - 190px);padding:14px;overflow-y:auto}.reference-add-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.reference-add-grid button,.reference-tool-row button,.reference-actions button{min-height:31px;border-radius:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:#aab3c3;font-size:9px}.reference-add-grid button:last-child{grid-column:1/-1}.reference-add-grid button:hover,.reference-tool-row button:hover,.reference-tool-row button[aria-pressed=true],.reference-actions button:hover{background:#ffffff1f;color:#fff}.reference-add-grid button:disabled{opacity:.35;cursor:not-allowed}.reference-list{display:flex;flex-direction:column;gap:5px;max-height:155px;margin:12px 0;overflow-y:auto}.reference-list button{display:flex;justify-content:space-between;width:100%;min-height:31px;padding:0 9px;align-items:center;border-radius:7px;background:#ffffff09;color:#9ca6b7;font-size:9px}.reference-list button[aria-pressed=true]{background:#ffffff21;color:#fff}.reference-list small{color:#657084}.reference-editor{padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}.reference-editor.disabled{opacity:.35;pointer-events:none}.reference-name-row{display:flex;align-items:center;justify-content:space-between;color:#9fa7b7;font-size:10px}.reference-tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.reference-parameter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.reference-parameter-grid label{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#8993a5;font-size:9px}.reference-parameter-grid input{width:66px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:6px;outline:none;background:#ffffff0a;color:#e0e5ed;font-size:9px}.reference-material-row{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:11px}.reference-material-row label{display:flex;align-items:center;justify-content:space-between;color:#8993a5;font-size:9px}.reference-material-row input[type=range]{width:82px;margin:0}.reference-toggles{gap:10px}.reference-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:11px}.reference-actions .danger-button{background:#ee5a6e14;color:#ee8592}.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,.mobile-panel-trigger,.panel-backdrop{display:none}.close-button{background:none;font-size:24px;color:#8790a0}.panel-handle{width:42px;height:4px;margin:0 auto 14px;border-radius:999px;background:#ffffff3d}.mobile-panel-trigger{position:fixed;z-index:23;right:14px;bottom:max(16px,env(safe-area-inset-bottom));min-height:46px;align-items:center;gap:8px;padding:0 16px;border-radius:14px;color:#171b22;background:#eef2f8;box-shadow:0 12px 30px #00000057}.mobile-panel-trigger span{font-size:19px;line-height:1}.mobile-panel-trigger b{font-size:11px;letter-spacing:.06em}.panel-backdrop{position:fixed;z-index:24;inset:0;background:transparent;opacity:0;visibility:hidden;pointer-events:none}.panel-backdrop.visible{opacity:1;visibility:visible}.camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.camera-grid button,.photo-actions button{min-height:34px;border-radius:8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);color:#aab3c3;font-size:10px}.camera-grid button:hover,.photo-actions button:hover{background:#ffffff1c;border-color:#ffffff24;color:#fff}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.photo-actions button:last-child{background:#e8edf5;color:#171b22;font-weight:700}.topbar,.panel,.viewport-status,.help{transition:opacity .2s ease,visibility .2s ease}body.focus-mode .topbar,body.focus-mode .panel,body.focus-mode .viewport-status,body.focus-mode .help,body.focus-mode .mobile-panel-trigger{opacity:0;visibility:hidden;pointer-events:none}@media(min-width:1280px){body.control-panel-open .topbar{right:380px}}@media(min-width:801px)and (max-width:1279px){.panel{top:94px;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));box-shadow:0 24px 80px #00000073}.topbar{right:20px}.top-actions{gap:5px}.icon-button,.primary-button{padding:0 10px;white-space:nowrap}#autoRotateBtn,#resetViewBtn,#resetStudioBtn{display:none}}@media(max-width:800px){.topbar{right:12px;left:12px;top:12px;height:56px;padding:0 9px 0 11px}.top-actions{min-width:0;gap:5px}.top-actions>.icon-button{display:none}.top-actions>#referencePanelBtn{display:block}.brand{gap:8px}.brand-mark{width:32px;height:32px}.brand small{display:none}.model-switcher>span{display:none}.model-switcher{min-width:0;padding:0 5px}.model-switcher select{min-width:68px;max-width:92px}.model-switcher button{padding:0 7px}.mobile-only{display:block}.mobile-panel-trigger{display:flex}.panel{z-index:26;inset:auto 0 0;width:100%;height:min(68dvh,620px);max-height:calc(100dvh - 76px);padding:12px 18px max(22px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-bottom:0;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease;overscroll-behavior:contain;touch-action:pan-y}.panel.open{transform:translateY(0)}.panel-head{padding-bottom:14px}.panel section{padding:16px 0}.help{display:none}.viewport-status{left:12px;bottom:max(14px,env(safe-area-inset-bottom))}.primary-button{display:none}body.panel-open .mobile-panel-trigger{opacity:0;visibility:hidden;pointer-events:none}.reference-panel{left:10px!important;right:10px;top:auto!important;bottom:10px;width:auto;max-height:72dvh}.reference-panel-head{cursor:default}.reference-panel-body{max-height:calc(72dvh - 62px)}}@media(max-width:800px)and (orientation:portrait){.panel{height:62dvh}}@media(max-width:420px){.brand>div{display:none}.model-switcher select{max-width:86px}.mobile-panel-trigger{right:12px}}