/* Review UI: compact controls, stable categories, quiet glass surfaces. */
:root{font-size:13px;color:#293e48;--ink:#293e48;--muted:#637680;--accent:#3e7378;--line:#dce5e7}body{background:radial-gradient(ellipse at 20% 0,#fafbf7,transparent 60%),#edf1f2}select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,#scene:focus-visible{outline:2px solid #3f7e8d;outline-offset:3px}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:default}.header{height:68px;max-width:1680px;padding:0 28px}.brand{gap:10px}.brand-mark{width:30px;height:30px;border-radius:9px;font-size:25px;background:#35535b;padding-bottom:3px}.brand h1{font-size:17px}.workspace{max-width:1680px;grid-template-columns:minmax(0,1fr) 360px;gap:16px;padding:0 24px 24px}.viewer{height:calc(100dvh - 92px);min-height:480px;border-radius:20px;border-color:#d5dfe2}.panel{background:linear-gradient(145deg,#ffffffed,#f8fbfbe8);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:18px;box-shadow:0 8px 30px #3b55590a;padding:0 18px 10px;max-height:calc(100dvh - 92px);scrollbar-color:#bdcdd1 transparent}.panel-top{position:sticky;top:0;z-index:3;background:#f9fbfbf5;backdrop-filter:blur(18px);padding:17px 0 12px}.panel-heading{align-items:baseline;gap:8px;margin-bottom:12px}.panel-heading h2{font-size:14px;font-weight:600;margin:0;letter-spacing:0}.panel-heading span{font-size:10px;color:#75878f}.workspace-tabs,.tabs{display:flex;gap:3px;background:#e8eeef;border:1px solid #e2e9ea;border-radius:9px;padding:3px;margin:0}.workspace-tabs button,.tabs button{flex:1;min-width:0;border:0;background:none;border-radius:6px;padding:8px 4px;font-size:12px;color:#647880}.workspace-tabs button[aria-selected=true],.tabs button[aria-selected=true]{background:#fff;color:#294d54;box-shadow:0 1px 4px #293e4810;font-weight:600}.section-title{font-size:12px;font-weight:600;letter-spacing:.035em;margin:0 0 14px;color:#5b727b}.source-section{padding:2px 0 14px;border-bottom:1px solid var(--line);margin-bottom:18px}.source-section>label{display:inline-block;font-size:12px;font-weight:500;margin:0 0 8px}.source-section #source-type{float:right;width:135px;margin-top:-5px;min-height:32px;padding:5px 9px}.source-section>div{clear:both}.source-section>div>label{display:block;font-size:11px;color:#61757f;margin:11px 0 6px}.source-section select,.source-section input[type=url],textarea,.shape-control select{border:1px solid #d7e1e4;border-radius:7px;background:#fff;color:#2e4651}.source-section textarea{min-height:74px;height:74px;font-size:13px;padding:10px 11px;line-height:1.7}.source-section input[type=url]{padding:8px 10px}.source-section input[type=file]{font-size:12px;padding:6px 0}.source-section .primary-button,.primary-button{align-items:center;justify-content:center;gap:8px;min-height:36px;margin:10px 0 0;padding:7px 12px;border:1px solid #345d65;border-radius:8px;background:#3d6870;font-size:12px;font-weight:500;box-shadow:inset 0 1px #ffffff1a}.source-section .data-status,.data-status{font-size:12px;line-height:1.6;margin:8px 0;min-height:0}.data-status:empty{display:none}.field-hint{font-size:11px;line-height:1.65;color:#647984;margin:7px 0}.panel details.mapping{margin:10px 0 0;border:0;background:none;border-radius:0;overflow:visible}.panel details.mapping>summary{justify-content:flex-start;padding:4px 0;gap:8px;font-size:11px;font-weight:400;color:#627b84}.panel details.mapping>summary::after{width:6px;height:6px;border-width:1px}.panel details.mapping[open]>summary{background:none;border:0}.mapping>div,.mapping>dl{margin-left:0;margin-right:0}.mapping dd,.mapping dt,.feature-row{font-size:11px}.mapping dd{line-height:1.7}.quick-style{padding-bottom:6px}.shape-control,.parameter-group>.shape-control{display:grid;grid-template-columns:minmax(80px,.85fr) minmax(0,1.15fr);align-items:center;gap:10px;margin:0 0 10px;font-size:12px}.shape-control select{padding:6px 8px;min-height:34px;font-size:12px;min-width:0;max-width:100%}.control,.parameter-group .control{margin:0 0 12px}.control-label,.parameter-group .control-label{gap:8px;margin-bottom:2px;font-size:12px}.value,.parameter-group .value{gap:4px;min-width:67px;background:#eff4f4;border:1px solid #e2e9e9;border-radius:6px;padding:3px 6px;font-size:11px;color:#5e747e;font-variant-numeric:tabular-nums}.value input,.parameter-group .value input{width:51px;font-size:12px;color:#284c57}.seed-control .value input{width:116px!important}.control input[type=range],.lens-panel input[type=range]{height:24px;margin:0;appearance:none;background:transparent}.control input[type=range]::-webkit-slider-runnable-track,.lens-panel input[type=range]::-webkit-slider-runnable-track{height:4px;background:#dfe8e9;border-radius:4px}.control input[type=range]::-webkit-slider-thumb,.lens-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border:3px solid #477b81;background:#fff;border-radius:50%;box-shadow:0 1px 3px #304b5520}.control input[type=range]::-moz-range-track,.lens-panel input[type=range]::-moz-range-track{height:4px;background:#dfe8e9;border-radius:4px}.advanced{border:0;margin:0;padding:0;font-size:12px}.advanced>.tabs,.advanced>#controls-panel,.advanced>#data-panel{margin-left:0;margin-right:0}.advanced>.tabs{margin:1px 0 12px}.tabs button{padding:6px 4px;font-size:11px}.setting-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.setting-nav button{min-height:32px;border:1px solid #dce6e7;background:#ffffff80;border-radius:7px;padding:5px 2px;font-size:11px;color:#57727b}.setting-nav button[aria-selected=true]{background:#e0eeee;border-color:#a2c0c3;color:#245b65;font-weight:600}.parameter-group{padding:0 0 3px;border:0}.parameter-group>[id^=params-],.parameter-group>[id^=options-],.parameter-group>.roof-field,.parameter-group>.color-row,.parameter-group>#reset-style-overrides{margin-left:0;margin-right:0}.boolean-row{font-size:12px;min-height:34px;margin:2px 0}.roof-field{margin-bottom:14px}.roof-field legend{font-size:12px;margin-bottom:8px}.roof-options{gap:5px}.roof-options label>span{min-height:51px;padding:5px 2px;gap:3px;border-radius:7px;font-size:10px}.roof-options svg{width:29px;height:20px}.color-row,.custom-color{font-size:12px;min-height:39px;margin:6px 0}.swatches{gap:7px}.swatch{width:27px;height:27px}.custom-color input{width:39px;height:28px;border-radius:6px}.lens-panel{padding:0;border:0;margin:0}.lens-content{padding:0;margin:0}.lens-presets{gap:5px;margin-bottom:16px}.lens-presets button{border-radius:7px;padding:7px 3px;font-size:12px;min-height:34px}.lens-label,.lens-focus{gap:8px;font-size:12px;margin:12px 0 2px}.lens-secondary{border-radius:7px;padding:7px 9px;min-height:34px;font-size:12px;margin:7px 0}.lens-panel #lens-reset,.reset-button{font-size:11px;padding:7px 3px;min-height:30px;color:#647b85}.lens-panel #lens-reset{margin-top:10px}.panel-footer{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}.data-label{font-size:12px}#json-input{min-height:285px;font:12px/1.7 ui-monospace,Consolas,monospace}.view-tools{top:16px;right:16px;background:#ffffffc4;backdrop-filter:blur(16px);border:1px solid #ffffffdf;border-radius:11px;padding:3px}.view-tools button{width:34px;height:34px;border-radius:7px;font-size:19px}.view-tools .random-button{padding:0 10px;font-size:12px}.tool-divider{height:15px;margin:0 3px}.view-tools #save-image svg{width:18px;height:18px}.light-control{top:auto;bottom:16px;left:16px;width:268px;padding:6px 10px;border:1px solid #ffffffdf;border-radius:11px;background:#ffffffc4;backdrop-filter:blur(16px)}.light-control label,.light-control output{font-size:12px}.light-control #sun-play{border:0;background:#e8f0f0;font-size:12px}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 326px;padding:0 16px 16px;gap:12px}.header{padding:0 20px}.panel{padding-left:14px;padding-right:14px}.panel-heading span{font-size:9px}.view-tools{right:12px;top:12px}}
@media(max-width:760px){.header{height:55px;padding:0 16px}.brand h1{font-size:15px}.brand-mark{width:27px;height:27px;font-size:23px}.workspace{display:flex;flex-direction:column;padding:0 12px 20px;gap:12px}.viewer{width:100%;height:52dvh;min-height:330px;max-height:510px;border-radius:16px}.panel{width:100%;max-height:none;overflow:visible;padding:0 16px 10px;border-radius:16px;contain:none}.panel-top{position:relative;padding-top:14px}.panel-heading span{font-size:10px}.workspace-tabs button{min-height:40px;font-size:13px}.shape-control,.parameter-group>.shape-control{font-size:13px;margin-bottom:12px;grid-template-columns:minmax(90px,.85fr) minmax(0,1.15fr)}.shape-control select{min-height:40px;font-size:13px}.control-label,.parameter-group .control-label,.boolean-row,.color-row,.custom-color,.lens-label,.lens-focus{font-size:13px}.value input,.parameter-group .value input{font-size:16px;width:54px}.value{min-height:32px}.control input[type=range],.lens-panel input[type=range]{height:32px}.control input[type=range]::-webkit-slider-thumb,.lens-panel input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px}.setting-nav button{min-height:40px;font-size:12px}.boolean-row{min-height:40px}.source-section .primary-button,.primary-button{min-height:40px;font-size:13px}.lens-presets button,.lens-secondary{min-height:40px}.view-tools button{width:32px;height:36px}.view-tools .random-button{font-size:12px;padding:0 8px}.light-control{left:12px;bottom:12px;width:250px}.roof-options label>span{min-height:58px;font-size:11px}.swatch{width:30px;height:30px}.source-section textarea{font-size:16px;height:80px}.source-section input[type=url]{font-size:16px}.source-section #source-type{min-height:36px;width:140px}.reset-button{min-height:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}