@font-face{font-family:Heading Futura Regular;font-style:normal;font-weight:400;font-display:swap;src:local("Futura PT Book"),local("FuturaPT-Book"),local("Futura Medium"),local("Futura-Medium")}@font-face{font-family:Heading Futura;font-style:normal;font-weight:700;font-display:swap;src:local("Futura Bold"),local("Futura-Bold")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/heading-0.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/heading-1.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/heading-2.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/heading-3.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/heading-4.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/heading-5.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/heading-6.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/heading-7.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/heading-8.ttf) format("truetype")}@font-face{font-family:Heading Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-0.ttf) format("truetype")}@font-face{font-family:Heading Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-1.ttf) format("truetype")}:root{font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef0f6;background:#10151e;font-synthesis:none;--accent:#acb8ff;--muted:#939db0;--line:#ffffff12;--panel:#161d2cec;--cyan:#a4ebeb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .18s,transform .18s,color .18s}button:hover:not(:disabled){background:#ffffff12}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.32;cursor:not-allowed}svg{width:19px;height:19px;flex-shrink:0;stroke-width:1.7}input,select{color:inherit}#app{height:100dvh;min-height:660px;display:flex;flex-direction:column}header{height:82px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:0 30px;background:#10151e;z-index:4}.brand{display:flex;align-items:center;gap:12px;color:#f3f5fc;text-decoration:none;font-size:16px;font-weight:800;letter-spacing:-.6px;line-height:1.1}.brand-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#c6ceff;color:#242d50}.brand-symbol svg{width:26px;height:26px}.brand-light{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:3.5px;color:#99a5ba;margin-top:6px}.project-title{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;gap:5px;flex:1}.project-title input{background:none;border:0;font-size:13px;font-weight:700;max-width:320px;width:100%;padding:0}.project-title>span{font-size:10px;color:#8290a4}.header-actions{display:flex;gap:10px;align-items:center}.quiet,.secondary,.primary{border-radius:9px;min-height:42px;padding:11px 17px;font-size:12px;font-weight:600}.quiet{color:#b3bed0}.primary{background:#bac4ff;color:#1d2444;box-shadow:0 4px 24px #91a2ff0c}.primary:hover:not(:disabled){background:#cdd5ff}.primary svg{width:17px}.primary.small{min-height:38px}.secondary{background:#ffffff07;border:1px solid #ffffff14;color:#dce2ef}.wide{width:100%}.restore{font-size:11px;color:var(--cyan)}nav{display:flex;justify-content:center;gap:0;min-height:62px;background:#131a25;border-bottom:1px solid var(--line);z-index:3}nav button{font-size:11px;padding:0 25px;position:relative;color:#8b97ac;white-space:nowrap}nav button>span{border:1px solid #52607865;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:9px}nav button>span svg{width:13px}nav button.active{color:#e8edff;background:#9eb4ff08}nav button.active:after{content:"";height:2px;background:#b9c6ff;bottom:0;position:absolute;left:25px;right:25px}nav button.active>span{background:#b9c6ff;color:#1f2948;border:0}nav button.complete>span{color:var(--cyan);border-color:#a4ebeb40}main{flex:1;min-height:0;position:relative;overflow:hidden}#viewport{position:absolute;top:0;right:0;bottom:0;left:0}#viewport canvas{display:block;touch-action:none}.viewport-heading{position:absolute;top:36px;left:38px;pointer-events:none;max-width:440px;text-shadow:0 2px 20px #0008}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#a3b1c9}h1{font-size:clamp(22px,2.5vw,36px);letter-spacing:-1.3px;font-weight:500;margin:10px 0 6px}.viewport-heading p{margin:0;color:#a9b4c6;font-size:12px}.view-controls{position:absolute;top:30px;right:420px;display:flex;gap:3px;padding:4px;background:#121a28b5;border:1px solid #ffffff10;border-radius:11px}.view-controls button{width:32px;height:32px;border-radius:7px}.view-controls svg{width:16px}.view-controls>span,.floating-tools>span{width:1px;background:#ffffff20;margin:6px}.object-label{position:absolute;bottom:108px;left:calc((100% - 390px)/2);transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#d1dbea;font-size:11px;background:#101723bb;border:1px solid #ffffff15;border-radius:99px;padding:10px 14px;white-space:nowrap}.object-label svg{width:14px;color:#9ce4ed}.object-label span{color:#718199;font-size:10px}.floating-tools{position:absolute;bottom:55px;left:calc((100% - 390px)/2);transform:translate(-50%);display:flex;gap:5px;padding:7px;border:1px solid #ffffff18;border-radius:13px;background:#141d2ef2;box-shadow:0 8px 24px #0004}.floating-tools button{width:39px;height:38px;border-radius:8px;color:#a2afc6}.floating-tools button.active{background:#bdc8ff;color:#1d2747}.viewport-footer{position:absolute;bottom:18px;left:28px;right:418px;display:flex;justify-content:space-between;gap:8px;color:#7d8ba2;font-size:9px;pointer-events:none}.viewport-footer span{display:flex;align-items:center;gap:6px}.viewport-footer svg{width:12px;height:12px}aside{position:absolute;right:18px;top:18px;bottom:18px;width:354px;border:1px solid #ffffff12;background:var(--panel);border-radius:17px;padding:25px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#566276 transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 40px #0002}aside.dragover{outline:2px dashed var(--cyan);background:#233847}.panel-intro{margin-bottom:25px}.panel-intro .eyebrow{font-size:8px;color:#929fc0}.panel-intro h2{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.7px;margin:12px 0}.panel-intro p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.drop-zone{width:100%;border:1px dashed #798aa965;border-radius:13px;min-height:182px;flex-direction:column;padding:20px 12px;background:linear-gradient(135deg,#7c91bc0b,#7c91bc04);gap:8px}.drop-zone>svg{height:27px;width:27px;color:#c3ccff;margin-bottom:8px}.drop-zone strong{font-size:12px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.drop-zone span{font-size:10px;color:#97a4bc}.drop-zone small{font-size:8px;letter-spacing:.3px;color:#71809a;margin-top:12px}.drop-zone.loaded{min-height:145px;border-color:#96e2c95c}.or{display:flex;gap:12px;align-items:center;font-size:9px;color:#738099;margin:20px 0}.or span{flex:1;height:1px;background:var(--line)}.help-card{border-top:1px solid var(--line);display:flex;gap:12px;padding:21px 0 0;margin-top:25px;color:#9aa9c1}.help-card>svg{width:16px;height:16px;margin-top:1px;color:#9caac2}.help-card strong{font-size:10px;font-weight:600;color:#b6c2d7}.help-card p,.note{font-size:10px;color:#8190a9;line-height:1.8;margin:8px 0 0}.success-line{font-size:10px;color:#9ed7c1;display:flex;align-items:center;gap:7px;margin:16px 0}.success-line svg{width:14px}.metrics{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{display:flex;flex-direction:column;gap:5px}.metrics strong{font-size:13px;font-weight:500}.metrics span{font-size:8px;color:#8a97ae}.environment-card{width:100%;border-radius:11px;border:1px solid #ffffff12;display:block;text-align:left;padding:7px;margin-bottom:11px;background:#ffffff02}.environment-card.selected{border-color:#b8c6ff;background:#9aaefc0a}.env-preview{height:98px;position:relative;border-radius:7px;overflow:hidden;background:#263145}.env-preview img{width:100%;height:100%;object-fit:cover}.env-preview.studio{background:#c8cbd2}.selection-dot{position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:50%;border:1px solid #a8b9d580;color:transparent;background:#131a2855;display:grid;place-items:center}.selection-dot svg{width:12px}.selected .selection-dot{background:#b8c6ff;color:#202c48;border:0}.environment-card>strong{display:block;font-size:12px;margin:10px 8px 4px;font-weight:600}.environment-card>small{display:block;font-size:9px;color:#8b9ab3;margin:0 8px 7px}.section-label{font-size:8px;letter-spacing:1.2px;color:#94a2b9;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px}.section-label:first-child{margin-top:0}.section-label strong{font-size:12px;letter-spacing:1px;color:#dbe3f1}.transform-row{margin-bottom:18px}.transform-row>span{font-size:10px;color:#9daac1;display:flex;gap:5px;margin-bottom:9px}.transform-row small{font-size:9px;color:#626f85}.transform-row>div{display:flex;gap:7px}.number-label{display:flex;align-items:center;background:#0b111d80;border:1px solid #ffffff12;border-radius:7px;min-width:0;flex:1;padding-left:8px}.number-label span{font-size:9px;color:#a3afc4}.number-label:first-child span{color:#e3a0ac}.number-label:nth-child(2) span{color:#9cdbc1}.number-label:nth-child(3) span{color:#a0b6ed}.number-label input{width:100%;min-width:0;padding:9px 3px 9px 6px;background:none;border:0;font-size:10px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.number-label input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-pair{display:flex;gap:7px;margin:12px 0}.button-pair>button{flex:1;padding-left:8px;padding-right:8px;font-size:10px}.button-pair svg{width:16px}.daylight{background:#0d1423b0;padding:14px;border-radius:12px;border:1px solid #ffffff08}.daylight .section-label{margin:0 0 15px}.light-presets{display:flex;flex-direction:column;gap:6px}.light-preset{display:flex;text-align:left;padding:6px;border-radius:10px;border:1px solid transparent;width:100%;gap:10px}.light-preset.selected{background:#b6c8ff13;border-color:#b6c8ff2a}.light-preset>svg{width:18px;color:#b6bfd0}.light-thumb{height:59px;width:105px;border-radius:7px;background:#4c5465;overflow:hidden;flex-shrink:0}.light-thumb img{width:100%;height:100%;object-fit:cover}.light-preset>span{display:flex;flex-direction:column;gap:5px}.light-preset strong{font-size:10px;font-weight:600}.light-preset small{font-size:8px;color:#7f91af}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#56647a;border-radius:99px;height:3px;width:100%;cursor:pointer;display:block;margin:18px 0 10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e1e9ff;box-shadow:0 2px 6px #0007}input[type=range].day-range{background:linear-gradient(90deg,#141d38,#b7a8d7,#ffcba0,#f6f1d4,#c3d7ed,#faac89,#596287,#162039);height:5px;margin-top:20px}.range-caption{display:flex;justify-content:space-between;font-size:7px;color:#7584a0}.slider-label{display:block;font-size:10px;color:#a5b1c6;margin-top:23px}.slider-label output{float:right;color:#d5dff0;font-size:10px}select{width:100%;border:1px solid #ffffff18;background:#101827;border-radius:7px;padding:10px;font-size:11px;color:#d3deef}select option{background:#151c2c}.check-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a9b6cb;margin:16px 0}input[type=checkbox]{accent-color:#b4c2ff;width:16px;height:16px;cursor:pointer}.section-divider{height:1px;background:var(--line);margin:24px 0}.zone-item{width:100%;padding:10px 12px;border-radius:8px;background:#ffffff04;border:1px solid #ffffff10;margin-bottom:6px;text-align:left}.zone-item.selected{border-color:#8b9ed780;background:#9baaff12}.zone-item>svg{color:#9fe1d2;width:17px}.zone-item>span{flex:1;font-size:11px}.zone-item small{display:block;color:#7d8eaa;font-size:8px;margin-top:4px}.zone-editor{margin-top:20px}.field-label{display:block;font-size:10px;color:#98a8c1;margin:13px 0}.field-label select{display:block;margin-top:8px}.danger{color:#efa9ad}.review-list{margin:24px 0;border-top:1px solid var(--line)}.review-list>span{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#91a0b9;border-bottom:1px solid var(--line);padding:15px 0}.review-list strong{font-weight:500;color:#d9e2f2;max-width:60%;overflow-wrap:anywhere;text-align:right}.simulation{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:10px}.simulation>span{font-size:10px;color:#a9b8cf}#preview-banner{position:absolute;left:24px;right:410px;bottom:52px;background:#142a28e8;border:1px solid #a6ffe02a;border-radius:10px;display:flex;align-items:center;gap:10px;padding:14px;font-size:9px;letter-spacing:.7px;color:#b2eadb}#preview-banner>span:not(.live-dot){font-size:9px;letter-spacing:0;color:#91a9a7;flex:1}#preview-banner button{font-size:9px}.live-dot{height:6px;width:6px;background:#a4eed1;border-radius:50%}footer{height:72px;flex-shrink:0;border-top:1px solid var(--line);background:#10151e;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:3}footer>div{display:flex;align-items:center;gap:20px}#step-count{font-size:9px;color:#c4cfe2;letter-spacing:1px}#footer-hint{font-size:9px;color:#6e7e98}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,12px);z-index:20;max-width:650px;padding:13px 22px;background:#243c3a;border:1px solid #95e3c94a;border-radius:10px;font-size:12px;color:#d2f4e7;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%)}#toast.error{background:#482b35;border-color:#d690a1;color:#ffd8e1}[hidden]{display:none!important}@media(min-width:1700px){aside{width:390px;padding:28px}#viewport{right:428px}.view-controls,.viewport-footer{right:458px}.object-label,.floating-tools{left:calc((100% - 428px)/2)}}@media(max-width:1100px){header{gap:20px;padding:0 18px}.header-actions .quiet span{display:none}nav button{padding:0 13px;font-size:10px}aside{width:315px;padding:19px;right:12px}#viewport{right:339px}.viewport-heading{left:24px;top:28px}.viewport-heading h1{font-size:25px}.view-controls{right:365px;top:112px}.viewport-footer{right:365px}.viewport-footer span:first-child{max-width:210px;line-height:1.6}.object-label,.floating-tools{left:calc((100% - 339px)/2)}.light-thumb{width:91px}#preview-banner{right:350px;flex-wrap:wrap}.project-title{padding-left:15px}}@media(max-width:760px){#app{height:auto;min-height:100dvh}header{height:70px;flex-wrap:wrap}.brand{font-size:12px}.brand-symbol{width:30px;height:30px}.project-title{display:none}.header-actions{margin-left:auto;gap:4px}.header-actions button{padding:8px}.header-actions button span{display:none}nav{overflow-x:auto;justify-content:flex-start;min-height:56px}nav button{padding:0 12px;flex-shrink:0}main{overflow:visible;min-height:850px;display:flex;flex-direction:column;padding-top:340px}#viewport{right:0;height:340px}.viewport-heading{top:20px;left:18px}.viewport-heading h1{font-size:24px}.viewport-heading p{font-size:10px}.eyebrow{font-size:7px}.view-controls{right:14px;top:110px}.viewport-footer{display:none}.object-label{top:270px;bottom:auto;left:50%}.floating-tools{top:275px;bottom:auto;left:50%}aside{position:relative;inset:auto;width:auto;margin:12px;overflow:visible;flex:1}.panel-intro{margin-bottom:18px}.environment-card .env-preview{height:130px}.light-thumb{height:65px;width:45%}footer{height:70px;padding:0 14px;position:sticky;bottom:0}#footer-hint{display:none}footer>div{gap:7px}.header-actions .restore{display:none}#preview-banner{top:250px;bottom:auto;left:12px;right:12px;padding:8px}.viewport-heading{max-width:80%}#toast{width:90%;font-size:11px}.panel-intro h2{font-size:24px}}#sun-control{position:absolute;left:45px;bottom:60px;width:320px;height:124px;color:#c3d7ee;-webkit-user-select:none;user-select:none}#sun-control>.eyebrow{font-size:8px;opacity:.6}#sun-control>svg{position:absolute;inset:24px 0 auto;width:320px;height:90px;pointer-events:none}#sun-handle{position:absolute;width:32px;height:32px;border-radius:50%;background:#fff1c9;color:#433c2e;box-shadow:0 0 28px #ffe1a970;transform:translate(-50%,-50%);touch-action:none;font-size:20px;cursor:ew-resize}#sun-time{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1px}#sun-handle:active{transform:translate(-50%,-50%)}@media(max-width:760px){#sun-control{top:195px;bottom:auto;left:22px;transform:scale(.8);transform-origin:left top}}.dimension-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;border-radius:5px;background:#101827e8;border:1px solid #ffffff20;color:#dae5f7;padding:5px 8px;font-size:10px;white-space:nowrap;box-shadow:0 2px 8px #0003}.dimension-label[data-axis=X]{color:#f1b6c0}.dimension-label[data-axis=Y]{color:#a4e4c8}.dimension-label[data-axis=Z]{color:#b4c8ff}.size-readout{background:#bac4ff0b;border:1px solid #bac4ff22;border-radius:9px;padding:14px;margin-bottom:22px;display:flex;flex-direction:column;gap:8px}.size-readout>span{font-size:8px;letter-spacing:1px;color:#8e9fbb}.size-readout strong{font-weight:500;font-size:17px;color:#e0e7fc}.size-readout small{font-size:8px;color:#7e90ac}.viewport-heading{max-width:calc(100% - 460px);top:32px;left:38px;font-family:Outfit,Montserrat,sans-serif;text-shadow:0 2px 24px #0009}.viewport-heading .eyebrow{display:block;font-size:clamp(18px,1.7vw,27px);line-height:1.05;letter-spacing:.6px;color:#dfe6f5;font-weight:700;text-transform:uppercase}.viewport-heading h1{font-family:Outfit,Montserrat,sans-serif;font-size:clamp(32px,3.4vw,56px);font-weight:800;line-height:1.04;letter-spacing:-1.3px;color:#7fe3ff;text-transform:uppercase;margin:3px 0 18px;overflow-wrap:anywhere}.viewport-heading p{font-family:Outfit,Montserrat,sans-serif;font-size:clamp(13px,1.15vw,18px);font-weight:500;line-height:1.5;color:#dce2ef;max-width:540px}@media(min-width:761px){#viewport{right:0}}@media(max-width:1100px)and (min-width:761px){.viewport-heading{max-width:calc(100% - 380px);left:24px}.viewport-heading h1{font-size:32px}.view-controls{top:175px}}@media(max-width:760px){.viewport-heading{left:18px;top:18px;max-width:92%}.viewport-heading .eyebrow{font-size:15px}.viewport-heading h1{font-size:28px;margin-bottom:8px}.viewport-heading p{font-size:11px;max-width:280px}}.viewport-heading,.viewport-heading *{user-select:none;-webkit-user-select:none}.viewport-heading{isolation:isolate}.viewport-heading:before{content:"";position:absolute;top:-22px;right:-32px;bottom:-22px;left:-32px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#0009 0%,#0005 48%,transparent 75%);filter:blur(15px)}.viewport-heading .eyebrow,.viewport-heading h1,.viewport-heading p{text-shadow:0 0 8px #000b,0 0 22px #000a,0 0 42px #0008}.viewport-heading .eyebrow{font-weight:600}.viewport-heading h1{font-weight:800;letter-spacing:-.7px;line-height:1}.viewport-heading .eyebrow{font-size:clamp(12px,1.13vw,18px);font-weight:800;letter-spacing:.4px}.viewport-heading h1{font-size:clamp(22px,2.27vw,37px);letter-spacing:-.47px;margin:2px 0 12px}.viewport-heading p{font-size:clamp(9px,.77vw,10px);line-height:1.5}@media(max-width:1100px)and (min-width:761px){.viewport-heading h1{font-size:22px}}@media(max-width:760px){.viewport-heading .eyebrow{font-size:10px}.viewport-heading h1{font-size:19px;margin-bottom:6px}.viewport-heading p{font-size:9px}}.viewport-heading .eyebrow,.viewport-heading h1{font-family:Heading Futura,Heading Manrope,sans-serif;font-weight:700}.viewport-heading .eyebrow{font-family:Heading Futura Regular,sans-serif;font-weight:400}.viewport-heading .eyebrow{font-size:clamp(14px,calc(1.13vw + 2px),20px);line-height:.95}.viewport-heading h1{line-height:.96;margin:-1px 0 8px}.viewport-heading p{font-size:12px;line-height:1.3}@media(max-width:760px){.viewport-heading .eyebrow{font-size:12px}.viewport-heading h1{margin-top:0;margin-bottom:5px}.viewport-heading p{font-size:11px}}.save-name-dialog{width:min(420px,calc(100vw - 40px));box-sizing:border-box;padding:28px;border:1px solid #ffffff22;border-radius:20px;background:#252b38;color:#edf0fa;box-shadow:0 24px 90px #0008;font:inherit}.save-name-dialog::backdrop{background:#080d1680;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.save-name-dialog h2{font-size:22px;margin:0 0 24px}.save-name-dialog label{display:block;font-size:13px;margin-bottom:10px;color:#c9cedc}.save-name-dialog input{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #ffffff26;border-radius:10px;background:#151b27;color:#fff;font:inherit}.save-name-dialog input:focus{outline:2px solid #b9bcff;outline-offset:2px}.save-name-dialog p{font-size:12px;color:#a8afbf;margin:12px 0 24px}.save-name-actions{display:flex;justify-content:flex-end;gap:12px}.geometry-warning{padding:14px 16px;border:1px solid #f6ad5555;background:#392d22;color:#ffd49b;border-radius:12px;font-size:13px;line-height:1.5}.brand-logo{display:block;width:190px;height:auto;max-height:48px;object-fit:contain;object-position:left center}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px 34px 10px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23d3deef' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}.hdr-preview{width:25%;aspect-ratio:1;touch-action:none;cursor:grab;margin:8px 0 16px;border-radius:50%}.hdr-preview:active{cursor:grabbing}.hdr-preview:focus-visible{outline:2px solid #9ce9ff}.hdr-preview canvas{display:block;width:100%;height:100%}.hdr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.hdr-card{border:1px solid #ffffff18;border-radius:12px;padding:8px;text-align:center;min-width:0}.hdr-card.selected{border-color:#9ce9ff;background:#9ce9ff12}.hdr-card span{font-size:10px;line-height:1.25;display:block;overflow-wrap:anywhere}.hdr-ball{width:100%;aspect-ratio:1;cursor:grab;touch-action:none}.hdr-ball canvas{width:100%;height:100%}.preview-parts{max-height:220px;overflow:auto}.preview-parts button{width:100%;text-align:left;margin:3px 0;font-size:12px}.preview-parts button.selected{color:#9ce9ff;border-color:#9ce9ff}.panel-settings{margin:-12px 0 18px;padding:12px;border:1px solid #46506a;border-top:0;border-radius:0 0 18px 18px;background:#161c2bd9}.panel-settings [aria-expanded=true] svg{transform:rotate(90deg)}.panel-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-image-slot{min-width:0;background:#101522;border:1px solid #343e53;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.panel-image-slot strong{font-size:13px}.panel-image-slot small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#adb7ca}.panel-image-upload{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#2a3242,#2a3242 25%,#202736 0%,#202736 50%) 0/16px 16px;border:1px dashed #67768e;border-radius:8px}.panel-image-upload img{width:100%;height:100%;object-fit:contain}.panel-image-slot .quiet{font-size:11px;padding:5px}.environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.environment-grid .environment-card{width:100%;min-width:0;margin:0}.environment-grid .env-preview{height:100px}.environment-grid .environment-card strong{font-size:13px;line-height:1.3}.environment-grid .environment-card small{font-size:11px;line-height:1.4}.env-preview.floor-asphalt img,.env-preview.floor-square img{transform:scale(4);transform-origin:center}