/* SUBARA / About: floating neutral surfaces and We plant green-yellow accents. */
:root{color-scheme:light;--bg:#f1efe9;--panel:#faf9f6;--line:#dfdfd8;--text:#202724;--muted:#717870;--lime:#286a4b;--brand-green:#47da93;--brand-yellow:#fff230;--brand-gradient:linear-gradient(297.53deg,#fff230 12.21%,#47da93 91.81%);--surface:#fff;--shadow:0 12px 30px -16px #17211b3d,0 3px 9px #17211b09}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text)}
header{background:#fff;border-bottom-color:#e5e5de;padding-inline:26px}
.brand-logo{filter:none}.brand-title{font-weight:600}.header-actions{color:var(--muted)}.local-dot{background:var(--brand-green)}
button{border-color:#dcdfd7;border-radius:18px;background:#fff;color:var(--text);transition:background 140ms ease,box-shadow 140ms ease,border-color 140ms ease}
button:hover{background:#f1f3ec;border-color:#cbd2c8}
button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#268254}
.primary,.primary:hover{background:var(--brand-gradient);color:#17261d;border:0;font-weight:600;box-shadow:0 3px 9px #51a76a16}
.primary:hover{filter:brightness(1.025)}button:disabled{filter:none}
input,select{accent-color:#359f68}
select,.extended-stats input[type=number],.light-number-field input{background:#f3f3ef;border:1px solid #dedfd7;border-radius:12px;color:var(--text)}
select{padding:10px 12px}.text-button{color:#286a4b}.text-button:hover{color:#17492f}
aside.left,aside.right{background:var(--panel)}aside.left{border-right-color:#e1e1d9}aside.right{border-left-color:#e1e1d9}
.left section,.right section{border-bottom-color:#e4e4dd}.left .stats-heading,.right .stats-heading,.stats-subheading,.left .light-control-group h3{color:#4f5b52}
#filename{font-weight:600}.section-heading{color:#737c73}.section-heading span{background:#e5f2e6;color:#286546;border-radius:7px;padding:3px 7px}
.stat-row{border-bottom-color:#20272408}.stat-row dt{color:#707970}.stat-row dd{color:#242e26}.selection-geometry .stat-row:first-child dd{color:#24754d}
.left .selection-stats{background:#edf4e9;border-left:3px solid #47da93}.selected-part-name{color:#26372b}.stats-caption,.material-name-list{color:#697a68}
.texture-stat{background:#fff;border:1px solid #e4e7dd;border-radius:14px;padding:11px 12px}.texture-stat-title{color:#364337}.texture-stat-material{color:#778571}
.left label,.right label,.extended-stats label{color:#5e6a5e}.light-control-group{border-color:#e0e4d9}.light-number-field input{color:#263329}.light-control-group .toggle{color:#526151}
.lighting-save-actions button:first-child{background:var(--brand-gradient);border:0;color:#17261d}.viewer-version{border-top-color:#e4e4dd;color:#848a81}
.validation-panel>.section-heading{color:#667262}.validation-row{border-top-color:#e2e6dc}.validation-title{color:#354332}.validation-detail,#validationSummary{color:#66735e}
.pass{color:#2b7b49}.fail{color:#b9443d}.review{color:#92701c}.check-icon.pass{background:#e0f2e4;color:#28744b}.check-icon.fail{background:#f9e3df;color:#b64239}.check-icon.review{background:#f6edce;color:#8d6a1c}.hint{border-left-color:#b9cbb0;color:#78836d}
.submission-footer{background:#faf9f6;border-top-color:#e3e6dd;padding:18px}.submission-footer .primary{border-radius:22px;min-height:44px}
.submission-footer button:disabled{background:#e6e8e0;color:#8f9687;border-color:transparent;opacity:1;box-shadow:none}
.gallery{background:#eeede7;border-top:1px solid #dedfd5;padding:12px 16px 0}
.gallery-heading{color:#7a8275;margin-bottom:4px}.gallery-heading b{color:#2b6e47;background:#e1efdf;border-radius:6px;padding:1px 6px}
.gallery-body{height:calc(100% - 27px);gap:8px}.gallery-track{padding:12px 16px 24px;gap:18px;scrollbar-color:#c6cebf transparent}
.asset-card{border:1px solid #ffffffd9;border-radius:26px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.asset-card.active{border-color:#fff;box-shadow:var(--shadow),0 0 0 1px #48b77a44}
.asset-card .asset-heading{border-bottom:1px solid #edf0e7;padding:8px 18px;background:#fff;position:relative}
.asset-card.active .asset-heading:before{content:'';position:absolute;left:24px;right:24px;top:0;height:3px;background:var(--brand-gradient);border-radius:0 0 5px 5px}
.asset-title{color:#27362b;font-weight:600}.asset-card .asset-remove{color:#879380;border-radius:50%;width:28px;height:28px}
.asset-card .asset-remove:hover{background:#f9e5df;color:#ae5141}
.asset-card .hierarchy{background:#fff;border-left:0;padding:12px 16px}.parts-heading{color:#78866d;font-size:14px;font-weight:600}
.part-row{border-radius:10px}.part-row.active{background:#eaf4e5}.part-name,.part-name.active{color:#3d513c}.part-eye{color:#7e9474}.part-eye:hover{color:#28744a;background:#e9f3e2}.part-hidden .part-eye{color:#a2ac99}
.asset-card .properties{background:#fff;border-left:0;padding:12px 18px}.editor-heading{margin-bottom:14px;gap:8px}
.editor-heading>select{background-color:#f1f3ec;border-color:#e1e6d8;border-radius:14px;padding-left:12px;color:#41503a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2368755f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.properties .icon-button{color:#79906c;border-radius:10px}.editor-heading .icon-button:hover{background:#edf4e5}
.properties .graphic-slot>label,.properties .material-controls label{color:#6a795c;font-weight:500}.properties .slider-control output{color:#69765f}
.properties .color-control input[type=color]{background:#f3f5ee;border:1px solid #cfd8c3;border-radius:10px}
.properties .texture-tile{background:#f2f6ec;border:1px dashed #a6b99a;border-radius:16px}.properties .texture-tile:hover{background:#e8f2df;border-color:#73a56b}
.texture-tile .tile-empty{color:#809873}.properties .texture-tile.has-texture{border:1px solid #d7e2cd;border-radius:16px;background:#f1f4ec}
.properties .texture-remove{background:#fff;border:1px solid #d5dfca;color:#6c865c;box-shadow:0 2px 5px #29412712}.properties .texture-remove:hover{background:#f8e4df;color:#ac4c40}
.gallery-add-fixed{border:1px dashed #b4c5a5;border-radius:26px;background:#f5f7ee;padding:14px 11px;box-shadow:0 4px 15px #263b1d05;margin-block:12px 24px}
.gallery-add-fixed .add-icon{color:#55a871}.gallery-add-fixed strong{color:#536b45}.gallery-add-fixed p{color:#819071}.gallery-add-fixed .text-button{color:#5c7a46}
.gallery-track:empty:after{color:#88937d}.gallery-add-fixed button{border-radius:18px}.texture-dragging .texture-tile{outline-color:#47da93}
.float-button,.view-controls button{border:1px solid #ffffffab;border-radius:18px;background:#fffffff2;color:#38423a;box-shadow:0 4px 12px #0000000d}
.float-button:hover,.view-controls button:hover{background:#fff;color:#1c3325}
.view-controls button.active,.surface-toolbar button[aria-pressed=true],#measureToggle[aria-pressed=true]{background:var(--brand-gradient);color:#1b3724;border-color:transparent;box-shadow:none}
.surface-toolbar{padding:7px;gap:5px;border-radius:24px;background:#fffffff0;border-color:#ffffffc9;box-shadow:0 6px 24px #00000012}.surface-toolbar button{border-radius:15px;color:#5d705a}.surface-toolbar button:hover{background:#e9efdf}.surface-divider{background:#c7d0bd}
.camera-actions #rotate[aria-pressed=true]{background:var(--brand-gradient);color:#1b3724;border-color:transparent}.camera-actions #rotate[aria-pressed=true]:hover{background:var(--brand-gradient)}
.visualization-menu{color:#3f4d3c}.visualization-menu>.visualization-trigger{background:#fffffff5;border-color:#e1e7d7;border-radius:18px;color:#3f4d3c;box-shadow:0 6px 20px #00000014}
.visualization-menu[open]>.visualization-trigger{border-radius:0 0 18px 18px;border-top-color:#e1e7d7}.visualization-options{background:#fffffff5;border-color:#e1e7d7;border-radius:20px 20px 0 0;box-shadow:0 -8px 24px #0000000c}.visualization-options .toggle{color:#66755b}.visualization-options .range-label{border-top-color:#e1e7d7}.visualization-menu>.visualization-trigger svg{stroke:#7d8e71}
.part-rotation{border-radius:22px;background:#fffffff0;border-color:#ffffffad;box-shadow:0 8px 24px #00000018;color:#556b48}.rotation-axis button{border-color:#d8e1ce;border-radius:10px;color:#526d43;background:#f4f7ee}.part-rotation #resetPartRotation{color:#6a8058}.rotation-reset-group{border-left-color:#d3dec8}
#notice,#loading{background:#fff;border:1px solid #e3e8db;border-radius:18px;color:#42503b;box-shadow:0 10px 30px #00000020}
#emptyState{background:#fafcf5;color:#33462c;border:1px dashed #b5cba0;border-radius:28px;box-shadow:0 18px 64px #0004}
#emptyState:hover{background:#fff;border-color:#71c88c}#emptyState>span:not(.empty-icon),#emptyState small{color:#7e8f6d}#emptyState .empty-icon{color:#48b87b}
#dropOverlay{border-color:#47da93;background:#e7f3dded;color:#2c6d45;border-radius:24px}
@media(max-width:1100px){.gallery{padding-inline:12px}.asset-card,.gallery-add-fixed{border-radius:22px}.asset-card .properties{padding-inline:14px}.gallery-track{padding-inline:12px}}
/* Leave enough vertical space for the larger radii, shadows and texture controls. */
.workspace{grid-template-rows:minmax(220px,1fr) 364px}