@font-face{font-family:Framea;src:local('Inter'),local('Arial');font-display:swap}
:root{color-scheme:dark;--bg:#111618;--panel:#161d20;--surface:#20292d;--line:#303b40;--muted:#a9b5b9;--text:#f2f6f6;--accent:#58dce4;--radius:12px;font-family:Framea,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:8px;transition:background .15s,border-color .15s}button:hover{background:#303e43;border-color:#627a83}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}button,input,select{min-height:38px}h1,h2,h3,p{margin:0}button{font-size:14px}button[aria-pressed=true]{color:var(--accent);background:#183136;border-color:#32707a}[hidden]{display:none!important}.studio-shell{height:100dvh;min-height:560px;display:flex;flex-direction:column;overflow:hidden}.studio-header{height:72px;flex:none;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:22px;background:#111719}.brand{font-size:29px;letter-spacing:-1.8px;font-weight:800}.brand span{color:var(--accent)}.header-divider{height:25px;width:1px;background:var(--line)}.workspace-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:14px}.workspace-name span{font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);padding:5px 7px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.text-button{border:0;padding:8px 12px;color:#d1dadc}.back-link{color:var(--muted);font-size:13px;margin-left:14px}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;flex:1;min-height:0}.panel{background:var(--panel);min-height:0}.library{border-right:1px solid var(--line);padding:25px 18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#425157 transparent}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--accent);font-weight:600}.panel-intro h1{font-size:27px;letter-spacing:-1px;margin:9px 0}.panel-intro>p:last-child{font-size:13px;line-height:1.6;color:var(--muted)}.package-options{display:grid;gap:7px;margin:23px 0 28px}.package-choice{display:flex;align-items:center;text-align:left;gap:12px;padding:8px 11px;background:#1c2528;width:100%;border-color:transparent}.package-choice img{width:48px;height:48px;object-fit:cover;border-radius:6px}.package-choice span{font-size:13px;font-weight:600;flex:1}.package-choice small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.package-choice b{font-size:14px}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.library-heading h2{font-size:16px}.library-heading span{font-size:12px;color:var(--muted)}.filter-row{display:flex;gap:6px;overflow:auto;margin:0 -2px 15px;padding:2px 2px 6px;scrollbar-width:thin}.filter-row button{white-space:nowrap;font-size:12px;min-height:32px;padding:5px 10px;border-radius:20px}.module-list{display:grid;gap:8px}.module-card{display:grid;grid-template-columns:54px 1fr 34px;gap:10px;align-items:center;background:#1d262a;border:1px solid transparent;border-radius:9px;padding:10px 8px;position:relative}.module-card:hover{border-color:#465860}.module-card img{width:54px;height:54px;object-fit:contain;border-radius:5px;background:#dfe3e3}.module-card h3{font-size:13px;line-height:1.3}.module-card p{font-size:12px;color:var(--muted);margin-top:5px}.module-card small{font-size:12px;line-height:1.3;color:#9dd3d7;display:block;margin-top:4px}.module-card>button{border-color:#3b5159;width:32px;min-height:32px;font-size:21px}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 40%,#354449 0,#253238 43%,#172125 100%);min-height:0;isolation:isolate}.viewport canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-4px}.scene-heading{position:absolute;inset:27px 26px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:1}.scene-heading .eyebrow{font-size:12px;color:#b0c3c9}.scene-heading h2{font-size:22px;letter-spacing:-.6px;margin-top:7px;font-weight:500}.scene-badge{font-size:12px;letter-spacing:.08em;display:flex;align-items:center;gap:6px;color:#c3d5d9}.scene-badge i{height:5px;width:5px;border-radius:100%;background:var(--accent);box-shadow:0 0 8px #58dce470}.scene-tools{position:absolute;top:102px;left:26px;display:flex;align-items:center;gap:4px;padding:4px;background:#141e22e6;border:1px solid #44555d;border-radius:9px;z-index:2}.scene-tools button{border-color:transparent;min-height:32px;padding:4px 10px;font-size:19px}.scene-tools button span{font-size:12px;vertical-align:middle}.scene-tools>span{height:20px;width:1px;background:var(--line);margin:0 3px}.view-tools{position:absolute;right:23px;top:100px;display:flex;flex-direction:column;gap:4px;z-index:1}.view-tools button{border:0;color:#b7c9ce;font-size:12px;text-align:right;min-height:27px;padding:4px 8px;background:#172125a6}.view-tools button.active{color:var(--accent);background:#173037}.scene-bottom{position:absolute;bottom:22px;left:15px;right:15px;text-align:center;pointer-events:none}.scene-bottom>p:first-child{font-size:12px;color:#b2c6cc;margin-bottom:15px}.scene-toggles{display:flex;justify-content:center;gap:7px;pointer-events:auto}.scene-toggles button{font-size:12px;border-color:#54676e;background:#1a272bdd;padding:7px 11px;min-height:33px}.scene-toggles button[aria-pressed=true]{color:var(--accent);border-color:#4e939a}.scene-bottom .model-note{font-size:12px;line-height:1.7;color:#8fa6ad;margin-top:12px}.scene-toast{position:absolute;left:50%;bottom:137px;transform:translateX(-50%);background:#0f181df2;border:1px solid #54717b;border-radius:10px;padding:12px 18px;max-width:90%;min-width:240px;color:#d1ecef;font-size:13px;line-height:1.45;opacity:0;transition:opacity .18s;pointer-events:none;z-index:4}.scene-toast.show{opacity:1}.scene-loading,.scene-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1c292d;z-index:3;gap:18px;text-align:center;padding:30px;font-size:14px}.scene-error{inset:150px 20px 125px;border:1px solid var(--line);border-radius:12px;background:#172125ef}.scene-error p{max-width:330px;color:var(--muted);line-height:1.6}.scene-error h2{font-size:22px}.scene-error button{padding:10px 18px}.loading-ring{border:2px solid #31464e;border-top-color:var(--accent);width:28px;height:28px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.build-panel{display:flex;flex-direction:column;border-left:1px solid var(--line);overflow:hidden}.right-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:13px 16px 0;border-bottom:1px solid var(--line);flex:none}.right-tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;padding:15px 4px;color:var(--muted);background:none;font-size:13px}.right-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.right-tabs span{font-size:12px;background:#34494f;padding:2px 5px;border-radius:4px;margin-left:3px}.build-panel>section{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#425157 transparent;padding:20px}.selected-preview{display:flex;gap:12px;align-items:center;margin-bottom:23px}.selected-preview img{width:65px;height:65px;border-radius:8px;object-fit:contain;background:#dfe3e3}.selected-preview h2{font-size:16px;line-height:1.4;margin-top:4px}.selected-preview p{font-size:12px;color:var(--accent)}.selected-description{font-size:12px;color:var(--muted);line-height:1.65;margin:-7px 0 19px}.control-field{display:block;margin:17px 0;font-size:12px}.control-field>span{display:flex;justify-content:space-between;margin-bottom:9px;color:#d5dfe1}.control-field output{color:var(--accent);font-variant-numeric:tabular-nums}.control-field select{width:100%;background:#212e33;color:var(--text);border:1px solid #45595f;border-radius:6px;padding:7px 9px;font-size:13px}.control-field input[type=range]{width:100%;accent-color:var(--accent);display:block;min-height:24px;cursor:pointer;margin:0}.control-field input[type=color]{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:4px;height:36px;cursor:pointer}.inspector-actions{display:flex;gap:8px;margin:23px 0 9px}.inspector-actions button{flex:1;font-size:12px;min-height:36px}.part-note{font-size:12px;color:#94aaaf;line-height:1.6}.small-guide{margin-top:26px;padding-top:21px;border-top:1px solid var(--line);display:grid;grid-template-columns:25px 1fr;gap:13px 6px;font-size:12px;color:var(--muted);line-height:1.5}.small-guide span{color:#73b0b7;font-size:12px;padding-top:1px}.order-section-title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:15px 0 11px}.order-section-title:first-child{margin-top:0}.base-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.base-row strong{font-size:14px;display:block}.base-row b{float:right;color:var(--accent)}.part-row{display:grid;grid-template-columns:36px 1fr 27px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #28353a}.part-row>button:first-child{display:contents;text-align:left;font-size:12px}.part-row img{width:36px;height:36px;border-radius:5px;background:#dfe3e3}.part-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.35}.part-row>button:last-child{min-height:28px;font-size:17px;border-color:transparent;color:#b5c9ce}.part-row.is-selected span{color:var(--accent)}.checkout-dock{padding:21px 20px 17px;border-top:1px solid var(--line);background:#111b1f;flex:none}.total-line{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.total-line small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.total-line strong{font-size:32px;letter-spacing:-1px}.total-line>span{font-size:12px;color:var(--muted);padding-bottom:5px}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:#08252a;border-color:var(--accent);padding:13px 16px;border-radius:7px;font-weight:700;font-size:13px;min-height:45px}.primary:hover{background:#8aeaf0;border-color:#8aeaf0}.checkout-dock .primary{width:100%}.checkout-dock p{font-size:12px;color:#8fa4ac;line-height:1.65;margin-top:12px}.secondary{padding:12px 16px;min-height:45px}.studio-shell:fullscreen{height:100dvh}dialog{color:var(--text);background:#172125;border:1px solid #435960;border-radius:15px;width:min(620px,calc(100% - 28px));max-height:90dvh;padding:0;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#040b0ed6;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--line)}.dialog-toolbar>button{border:0;font-size:28px;width:40px}.checkout-content{padding:30px}.checkout-content h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.checkout-intro{font-size:14px;color:var(--muted);margin-bottom:24px}.checkout-kit{display:flex;align-items:center;gap:18px;margin-bottom:12px}.checkout-kit img{height:92px;width:92px;object-fit:contain;background:#dee3e4;border-radius:8px}.checkout-kit div{flex:1}.checkout-kit strong{font-size:18px;display:block;margin-bottom:8px}.checkout-kit span{color:var(--accent);font-size:14px}.checkout-included{margin:10px 0 23px;padding:13px 17px;border:1px solid var(--line);border-radius:8px}.checkout-included summary{cursor:pointer;font-size:13px}.checkout-included ul{padding-left:15px;font-size:12px;line-height:1.8;color:var(--muted)}.checkout-line{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:13px 0;border-bottom:1px solid var(--line)}.checkout-line small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.checkout-total{display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-size:14px}.checkout-total strong{font-size:28px;color:var(--accent)}.checkout-notice{font-size:13px;line-height:1.6;background:#22353b;border-radius:8px;padding:14px 17px;color:#c6dde2}.checkout-buttons{display:flex;gap:10px;margin-top:20px}.checkout-buttons .primary{flex:1;justify-content:center}.concept-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px}#package-dialog{padding-bottom:25px}#package-dialog>p{font-size:14px;line-height:1.6;padding:25px 28px 0;color:var(--muted)}#package-dialog>.checkout-buttons{padding:0 28px}#package-title{font-size:20px}.no-script{position:fixed;inset:25%;padding:30px;background:#172125;z-index:30}.no-script a{text-decoration:underline}
@media(min-width:1700px){.workspace{grid-template-columns:315px minmax(0,1fr) 330px}.library{padding:30px 25px}.module-card{grid-template-columns:64px 1fr 34px}.module-card img{width:64px;height:64px}.module-card h3{font-size:14px}.scene-heading{inset:32px 35px auto}.scene-tools{left:35px;top:115px}}
@media(max-width:1200px){.workspace{grid-template-columns:230px minmax(0,1fr) 260px}.library{padding:22px 13px}.build-panel>section{padding:17px}.panel-intro h1{font-size:24px}.module-card{grid-template-columns:43px 1fr 29px;gap:7px;padding:8px 6px}.module-card img{width:43px;height:43px}.module-card h3{font-size:12px}.module-card>button{width:28px}.package-choice{padding:8px;gap:8px}.package-choice img{width:35px;height:35px}.scene-heading{inset:24px 20px auto}.scene-heading h2{font-size:19px}.scene-badge{display:none}.scene-tools{left:19px;top:94px}.view-tools{right:16px;top:148px}.scene-tools button{padding:4px 8px}.workspace-name span{display:none}.checkout-dock{padding:18px 17px}.scene-toggles{gap:5px}.scene-toggles button{font-size:12px;padding:5px 8px}.scene-bottom .model-note{font-size:12px}}
@media(max-width:950px){.studio-shell{height:auto;min-height:100dvh;overflow:visible}.studio-header{height:61px;padding:0 18px;gap:15px;position:relative}.workspace-name{font-size:13px}.brand{font-size:26px}.header-actions{gap:3px}.header-actions button{font-size:12px;padding:5px 8px}.back-link{display:none}.workspace{grid-template-columns:1fr 1fr;grid-template-rows:clamp(420px,58dvh,700px) auto;min-height:0}.viewport{grid-column:1/-1;grid-row:1;border-bottom:1px solid var(--line)}.library{grid-column:1;grid-row:2;max-height:640px;min-height:450px;padding:23px 22px}.build-panel{grid-column:2;grid-row:2;border-left:0;max-height:640px;min-height:450px}.scene-heading{inset:20px 25px auto}.scene-tools{left:23px;top:84px}.view-tools{right:23px;top:84px}.scene-heading h2{font-size:20px}.scene-badge{display:flex}.scene-bottom{bottom:16px}.scene-bottom>p:first-child{margin-bottom:9px}.scene-bottom .model-note{margin-top:8px}.package-choice img{width:42px;height:42px}.module-card{grid-template-columns:51px 1fr 34px;gap:10px;padding:9px}.module-card img{width:51px;height:51px}.module-card h3{font-size:13px}.package-options{margin-top:18px;margin-bottom:22px}.scene-toast{bottom:115px}.viewport canvas{min-height:0}.studio-shell:fullscreen{overflow:auto}.studio-shell:fullscreen .workspace{grid-template-rows:58dvh auto}}
@media(max-width:520px){.workspace{grid-template-columns:1fr;grid-template-rows:450px auto auto}.studio-header{padding:0 15px;gap:12px}.header-divider{display:none}.workspace-name{font-size:12px}.header-actions button{font-size:12px;padding:5px}.header-actions #import-build{display:none}.library{grid-column:1;grid-row:2;max-height:430px;min-height:0;padding:20px 17px;border-bottom:1px solid var(--line);border-right:0}.build-panel{grid-column:1;grid-row:3;max-height:none;min-height:400px}.package-options{grid-template-columns:repeat(3,1fr);gap:7px}.package-choice{display:flex;flex-direction:column;text-align:center;gap:7px;padding:10px 4px}.package-choice img{width:50px;height:50px}.package-choice span{font-size:12px}.package-choice small{font-size:12px;line-height:1.3;min-height:26px}.package-choice b{font-size:13px}.panel-intro h1{font-size:23px}.panel-intro>p:last-child{font-size:12px}.module-list{grid-template-columns:1fr 1fr;gap:7px}.module-card{grid-template-columns:40px 1fr;gap:7px;padding:8px;min-height:100px}.module-card img{height:40px;width:40px}.module-card h3{font-size:12px}.module-card p{font-size:12px}.module-card small{font-size:12px}.module-card>button{grid-column:1/-1;width:100%;font-size:18px;min-height:26px}.scene-heading{inset:19px 17px auto}.scene-heading h2{font-size:19px}.scene-tools{left:16px;top:82px}.view-tools{right:13px;top:137px}.scene-badge{font-size:8px}.scene-bottom>p:first-child{font-size:12px}.scene-bottom .model-note{max-width:280px;margin:9px auto 0}.build-panel>section{overflow:visible;padding:20px}.small-guide{display:none}.selected-preview{margin-bottom:17px}.control-field{margin:13px 0}.checkout-dock{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:105px 1fr;gap:3px 12px;padding:13px 20px max(13px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #0002}.total-line{margin:0}.total-line strong{font-size:28px}.total-line>span{display:none}.checkout-dock p{grid-column:1/-1;font-size:12px;margin-top:6px}.checkout-dock p br{display:none}.checkout-content{padding:23px}.checkout-content h2{font-size:27px}.checkout-buttons{flex-direction:column}.dialog-toolbar{padding:16px 23px}.checkout-kit strong{font-size:16px}.checkout-kit img{width:75px;height:75px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Comfortable touch and keyboard targets without changing the compact scene. */
.control-field,.control-field select,.scene-tools button span,.right-tabs button,.filter-row button,.inspector-actions button{font-size:14px}.module-card>button{min-height:36px}.scene-toggles button{font-size:12px;min-height:36px}@media(max-width:520px){.module-list{grid-template-columns:1fr}.module-card{grid-template-columns:48px 1fr 36px;min-height:72px}.module-card>button{grid-column:auto;width:36px}.module-card img{width:48px;height:48px}.module-card h3{font-size:14px}.scene-bottom .model-note{font-size:12px}.scene-bottom>p:first-child{font-size:12px}.scene-bottom{bottom:12px}.scene-toggles{gap:4px}.scene-toggles button{padding:6px}.scene-toast{bottom:150px}.checkout-dock p{font-size:12px}.header-actions #import-build{display:block}.workspace-name{display:none}.checkout-dock{grid-template-columns:90px 1fr}}

.scene-error{inset:20px;z-index:6;padding:22px;gap:14px}