:root{
  --bg:#090b0f;--panel:#11141a;--panel2:#171b22;--panel3:#1c222b;--line:#2a303b;
  --text:#eef2f8;--muted:#8993a4;--accent:#8b5cf6;--accent2:#22d3ee;--danger:#fb7185;
  --top:56px;--timeline:124px;--left:230px;--right:290px;--safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-user-select:none;user-select:none;overscroll-behavior:none}
body{height:100dvh}
button,input,select{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}
#app{height:100dvh;display:grid;grid-template-rows:calc(var(--top) + var(--safe-top)) minmax(0,1fr) var(--timeline);background:radial-gradient(circle at 50% 35%,#16182a 0,#0a0c10 55%);overflow:hidden}
.topbar{display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(14,17,22,.98);padding:var(--safe-top) calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));gap:14px;min-width:0;position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:9px;min-width:182px;flex:0 0 auto}.brand-mark{width:31px;height:31px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:900;box-shadow:0 0 25px #8b5cf644}.brand div{display:flex;flex-direction:column;line-height:1}.brand b{font-size:13px;letter-spacing:.18em}.brand span:not(.brand-mark){font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.08em}
.toolbar{display:flex;gap:6px;align-items:center;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;flex:1}.toolbar::-webkit-scrollbar{display:none}
.tool,.icon-btn,.viewport-hud button,.pose-grid button,.wide,.segmented button,.transport button,.mobile-workspace-tabs button{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:8px 10px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap;touch-action:manipulation}
.tool:hover,.icon-btn:hover,.pose-grid button:hover,.wide:hover,.segmented button:hover,.transport button:hover,.mobile-workspace-tabs button:hover{background:#202632;border-color:#3a4352}.tool:active,.icon-btn:active,.pose-grid button:active,.wide:active,.segmented button:active,.transport button:active,.mobile-workspace-tabs button:active{transform:translateY(1px)}
.tool.primary,.wide.primary{background:linear-gradient(135deg,#6d4aff,#825bf7);border-color:#936fff;box-shadow:0 0 18px #7c3aed22}.separator{width:1px;height:22px;background:var(--line);margin:0 3px;flex:none}.top-actions{margin-left:auto;display:flex;gap:6px;flex:0 0 auto}.icon-btn{width:34px;height:34px;padding:0;display:grid;place-items:center}.mobile-panel-btn{display:none}
.workspace{display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right);min-height:0;min-width:0;overflow:hidden}.panel{background:rgba(17,20,26,.98);min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain}.panel-section{padding:12px;border-bottom:1px solid var(--line);flex:none}.panel-section.grow{flex:1;min-height:0;display:flex;flex-direction:column}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#aeb7c7;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.badge{font-size:9px;color:var(--muted);letter-spacing:0;background:#1c222c;padding:3px 6px;border-radius:99px;white-space:nowrap}.scene-item{min-height:38px;padding:7px 9px;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:11px;background:#1a1f28;border:1px solid #2b3340;overflow:hidden}.scene-item span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 10px var(--accent2);flex:none}.scene-row{display:flex;gap:12px;margin-top:10px;color:var(--muted);font-size:10px;flex-wrap:wrap}.scene-row label{display:flex;align-items:center;gap:5px}.mini-input{width:88px;min-width:70px;background:#0d1015;border:1px solid var(--line);border-radius:6px;padding:5px 7px;color:white;font-size:10px;outline:none}.bone-list{overflow:auto;overscroll-behavior:contain;flex:1;margin:0 -4px;padding:0 4px 10px}.bone-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:0;border-radius:6px;background:transparent;color:#c8d0dd;text-align:left;font-size:11px;cursor:pointer;min-height:34px}.bone-btn:hover{background:#1b2028}.bone-btn.active{background:#272033;color:#efe9ff}.bone-btn .bone-dot{width:7px;height:7px;border:1px solid #758094;transform:rotate(45deg);flex:none}.bone-btn.active .bone-dot{border-color:#b89cff;background:#8b5cf6}.pose-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pose-grid button{font-size:10px;padding:8px}
.viewport-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#191c26,#090b0f 68%);isolation:isolate}#viewport{width:100%;height:100%;touch-action:none;position:absolute;inset:0}#viewport canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.viewport-hud{position:absolute;display:flex;gap:6px;z-index:4;pointer-events:none;max-width:calc(100% - 24px)}.viewport-hud>*{pointer-events:auto}.top-left{left:12px;top:12px}.top-left span{background:#0f1218dd;border:1px solid #2a303b;padding:6px 8px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-left span:last-child{color:#c5b6ff;max-width:180px}.top-right{right:12px;top:12px}.viewport-hud button{padding:6px 8px;font-size:9px}.viewport-hud button.active{border-color:#7660bf;background:#211c30;color:#d7ccff}.drop-overlay{position:absolute;inset:12px;border:1px dashed #7656c8;border-radius:12px;background:#8b5cf60b;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.16s;z-index:8}.drop-overlay.show{opacity:1}.drop-overlay div{background:#11141eee;border:1px solid #3b2d60;padding:18px 24px;border-radius:10px;color:#c9bee7}.toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%,10px);background:#121720f4;border:1px solid #30394a;border-radius:8px;padding:9px 13px;font-size:11px;color:#dce4ef;opacity:0;pointer-events:none;transition:.2s;z-index:12;max-width:min(90%,420px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
.selected-card{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0e1116;border-radius:7px;padding:9px}.joint-icon{width:26px;height:26px;border-radius:7px;background:#211b30;display:grid;place-items:center;color:#a78bfa;flex:none}.selected-card div{display:flex;flex-direction:column;min-width:0}.selected-card small{font-size:8px;color:var(--muted);letter-spacing:.12em}.selected-card b{font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin-top:9px;gap:4px}.segmented button{font-size:10px;padding:7px}.segmented button.active{background:#302448;border-color:#7357a3;color:#d8c9ff}.property-title{font-size:9px;color:#748094;font-weight:800;letter-spacing:.13em;margin:10px 0 5px}.vector-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.vector-row label{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;background:#0d1015;border:1px solid var(--line);border-radius:5px;padding-left:6px;font-size:9px;color:#7d8796;overflow:hidden}.vector-row label:first-child{color:#fb7185}.vector-row label:nth-child(2){color:#4ade80}.vector-row label:nth-child(3){color:#60a5fa}.vector-row input{width:100%;min-width:0;background:transparent;border:0;color:#dce4ef;padding:7px 3px;outline:none;font-size:10px}.wide{width:100%;margin-top:10px}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9ca6b6;margin-top:10px}.switch-row input{display:none}.switch{width:32px;height:18px;border-radius:99px;background:#252c36;border:1px solid #3b4655;position:relative;transition:.18s;flex:none}.switch:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#798595;top:2px;left:2px;transition:.18s}.switch-row input:checked+.switch{background:#5b3bb7;border-color:#8b5cf6}.switch-row input:checked+.switch:after{left:16px;background:white}.generator select{width:100%;background:#0e1116;border:1px solid var(--line);color:#dfe6ef;border-radius:6px;padding:9px;font-size:10px;outline:none}.text-btn{border:0;background:none;color:#a98bf8;font-size:9px;cursor:pointer;padding:6px}.keyframe-list{display:flex;flex-direction:column;gap:5px;max-height:180px;overflow:auto}.key-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#0e1116;border-radius:6px;padding:7px 8px;font-size:10px;min-height:34px}.key-row button{border:0;background:transparent;color:#7f8a9a;cursor:pointer;font-size:16px;line-height:1}.key-row button:hover{color:var(--danger)}.empty{font-size:10px;color:#697384;padding:8px 0}
.timeline-panel{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;align-items:center;border-top:1px solid var(--line);background:#0f1218;padding:10px calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left));gap:12px;min-height:0;position:relative;z-index:15}.transport{display:flex;align-items:center;gap:5px;min-width:0}.transport button{padding:7px 9px}.transport .play{width:36px;background:#2a2240;border-color:#624c94}.timecode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#cbd4e1;font-size:11px;margin-left:5px;white-space:nowrap}.timeline-main{min-width:0}.timeline-labels{display:flex;justify-content:space-between;color:#657082;font-size:9px;margin-bottom:4px}.scrub-wrap{height:34px;position:relative}.scrub-wrap input[type=range]{position:absolute;z-index:3;inset:0;width:100%;height:34px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-x}.scrub-wrap input::-webkit-slider-runnable-track{height:5px;background:#303744;border-radius:99px}.scrub-wrap input::-webkit-slider-thumb{appearance:none;width:16px;height:24px;border-radius:5px;background:#a98bf8;margin-top:-10px;box-shadow:0 0 0 2px #0f1218}.scrub-wrap input::-moz-range-track{height:5px;background:#303744;border-radius:99px}.scrub-wrap input::-moz-range-thumb{width:16px;height:24px;border:0;border-radius:5px;background:#a98bf8}.marker-layer{position:absolute;z-index:2;left:8px;right:8px;top:14px;height:10px;pointer-events:none}.marker{position:absolute;width:9px;height:9px;transform:translate(-50%,-2px) rotate(45deg);background:#22d3ee;border:1px solid #a5f3fc;cursor:pointer;pointer-events:auto}.timeline-settings{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-width:0}.timeline-settings label{display:flex;align-items:center;gap:5px;color:#7e8998;font-size:9px;white-space:nowrap}.timeline-settings input[type=number]{width:54px;background:#0a0d12;border:1px solid var(--line);border-radius:5px;color:#dce3ee;padding:6px 5px;font-size:10px;outline:none}.timeline-settings .compact{margin:0;gap:6px}
.mobile-workspace-tabs{display:none}
.modal{position:fixed;inset:0;background:#05060ab8;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:50;padding:16px}.modal.hidden{display:none}.modal-card{width:min(480px,94vw);max-height:min(640px,90dvh);overflow:auto;background:#151922;border:1px solid #333b49;border-radius:14px;padding:22px;box-shadow:0 30px 90px #0008;position:relative}.modal-card h2{margin:0 0 18px;font-size:18px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#a7b0c0;font-size:24px;cursor:pointer}.shortcut-grid{display:grid;grid-template-columns:35px 1fr 35px 1fr;gap:9px;align-items:center}.shortcut-grid span{display:grid;place-items:center;height:28px;border:1px solid #3a4352;background:#0d1015;border-radius:6px;font-size:10px;font-weight:800}.shortcut-grid p{margin:0;color:#aeb7c7;font-size:11px}.modal-note{color:#7f8a9a;font-size:11px;line-height:1.5;margin:18px 0 0}

@media (max-width:1100px){
  :root{--left:210px;--right:260px}.brand{min-width:155px}.brand span:not(.brand-mark){display:none}.timeline-panel{grid-template-columns:180px minmax(0,1fr) 260px}.tool{padding-inline:8px}
}

@media (max-width:900px){
  :root{--top:50px;--timeline:108px;--mobile-panel:clamp(230px,38vw,285px)}
  #app{grid-template-rows:calc(var(--top) + var(--safe-top)) minmax(0,1fr) 42px var(--timeline)}
  .topbar{gap:8px;padding-left:calc(7px + var(--safe-left));padding-right:calc(7px + var(--safe-right))}.brand{min-width:auto}.brand div{display:none}.brand-mark{width:34px;height:34px}.separator{display:none}.toolbar{gap:5px}.tool{min-height:34px;padding:8px 9px;font-size:10px}.top-actions{gap:4px}.icon-btn{width:34px;height:34px}.mobile-panel-btn{display:grid}  .workspace{grid-template-columns:0 minmax(0,1fr) 0;transition:grid-template-columns .18s ease}.left-panel,.right-panel{width:100%;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .16s ease}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}
  body[data-mobile-panel="left"] .workspace{grid-template-columns:var(--mobile-panel) minmax(0,1fr) 0}body[data-mobile-panel="left"] .left-panel{visibility:visible;pointer-events:auto;opacity:1}
  body[data-mobile-panel="right"] .workspace{grid-template-columns:0 minmax(0,1fr) var(--mobile-panel)}body[data-mobile-panel="right"] .right-panel{visibility:visible;pointer-events:auto;opacity:1}
  .panel-section{padding:10px}.bone-btn{min-height:40px}.pose-grid button,.segmented button,.wide,.generator select{min-height:38px}.vector-row input{min-height:34px;font-size:11px}.keyframe-list{max-height:130px}
  .viewport-hud{gap:4px}.top-left{left:8px;top:8px}.top-right{right:8px;top:8px}.top-left span{padding:5px 7px}.top-right button{min-height:32px;padding:6px 8px}.toast{bottom:10px}
  .mobile-workspace-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px calc(8px + var(--safe-right)) 5px calc(8px + var(--safe-left));background:#0e1116;border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:16}.mobile-workspace-tabs button{padding:6px 8px;font-size:10px;min-height:31px}.mobile-workspace-tabs button.active{background:#2a2240;border-color:#6e55a6;color:#e4dbff}
  .timeline-panel{grid-template-columns:auto minmax(0,1fr);grid-template-rows:36px 42px;padding:7px calc(8px + var(--safe-right)) calc(7px + var(--safe-bottom)) calc(8px + var(--safe-left));gap:4px 8px}.transport{grid-column:1;grid-row:1}.timeline-main{grid-column:1/-1;grid-row:2}.timeline-settings{grid-column:2;grid-row:1;gap:6px}.timeline-settings label{font-size:8px}.timeline-settings input[type=number]{width:48px;padding:5px}.transport button{min-width:34px;min-height:32px;padding:5px 7px}.timecode{font-size:10px}.scrub-wrap{height:27px}.scrub-wrap input[type=range]{height:27px}.marker-layer{top:11px}.timeline-labels{margin:0}.switch{width:30px;height:17px}.switch:after{width:11px;height:11px}.switch-row input:checked+.switch:after{left:15px}
}

@media (max-width:620px) and (orientation:portrait){
  :root{--timeline:104px}
  #app{grid-template-rows:calc(var(--top) + var(--safe-top)) minmax(0,1fr) 42px var(--timeline)}
  .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) 0}.left-panel,.right-panel{grid-column:1;grid-row:2;border:0;border-top:1px solid var(--line);height:100%;min-height:0}
  body[data-mobile-panel="left"] .workspace,body[data-mobile-panel="right"] .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) min(38dvh,260px)}
  body[data-mobile-panel="left"] .left-panel,body[data-mobile-panel="right"] .right-panel{visibility:visible;pointer-events:auto;opacity:1}
  .viewport-wrap{grid-column:1;grid-row:1}.top-left span:last-child{max-width:120px}.top-right{display:grid;grid-template-columns:repeat(3,auto)}.viewport-hud button{padding:5px;font-size:8px}.toast{bottom:8px;font-size:10px}
  .timeline-panel{grid-template-columns:auto minmax(0,1fr);grid-template-rows:34px 40px}.timeline-settings label:first-child{display:none}.timeline-settings{gap:4px}.timeline-settings label{font-size:8px}.timeline-settings input[type=number]{width:45px}.timecode{display:none}.shortcut-grid{grid-template-columns:34px 1fr}.modal-card{padding:18px}
}

@media (max-height:430px) and (orientation:landscape){
  :root{--top:44px;--timeline:92px;--mobile-panel:250px}
  #app{grid-template-rows:calc(var(--top) + var(--safe-top)) minmax(0,1fr) 38px var(--timeline)}
  .brand-mark{width:30px;height:30px}.tool,.icon-btn{min-height:30px;height:30px}.panel-section{padding:8px}.section-title{margin-bottom:6px}.scene-item{min-height:32px}.scene-row{margin-top:6px}.bone-btn{min-height:32px;padding-block:5px}.pose-grid button,.segmented button,.wide,.generator select{min-height:31px;padding-block:5px}.property-title{margin:7px 0 4px}.vector-row input{min-height:28px;padding-block:4px}.switch-row{margin-top:7px}.keyframe-list{max-height:90px}.mobile-workspace-tabs{padding-block:3px}.mobile-workspace-tabs button{min-height:29px;padding-block:4px}.timeline-panel{grid-template-rows:31px 35px;padding-top:5px;padding-bottom:calc(5px + var(--safe-bottom))}.transport button{min-height:29px;height:29px}.scrub-wrap,.scrub-wrap input[type=range]{height:24px}.marker-layer{top:10px}.top-left,.top-right{top:6px}.top-left{left:6px}.top-right{right:6px}.viewport-hud button{min-height:28px;padding:4px 6px}.toast{bottom:6px}
}

@media (hover:none) and (pointer:coarse){
  input,select,button{font-size:max(10px,1em)}.bone-btn{font-size:11px}.transform-mode,.pose-grid button,.wide{min-height:40px}.mini-input{min-height:32px}.scene-row input{width:18px;height:18px}.scrub-wrap input::-webkit-slider-thumb{width:20px;height:26px}.marker{width:11px;height:11px}
}

/* v0.3 PBR workspace */
.photo-tool{border-color:#4c6b63!important;background:linear-gradient(135deg,#17302c,#22243a)!important;color:#d9fff7!important}
.render-badge{color:#9be9d9!important;border-color:#2c5d55!important;background:#10201ddd!important}.audit-line{font-size:9px;line-height:1.4;color:#697587;margin-top:8px;padding:7px 8px;border:1px solid #222a35;border-radius:6px;background:#0d1015}
.asset-browser{padding-top:9px}.asset-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.asset-tab{border:1px solid var(--line);background:#0e1116;color:#7f8999;border-radius:6px;padding:7px;font-size:9px;font-weight:850;letter-spacing:.1em;cursor:pointer}.asset-tab.active{background:#272033;border-color:#635080;color:#efe9ff}.asset-search-row{margin-bottom:7px}.asset-list.hidden{display:none!important}.mesh-btn{width:100%;display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;border:0;border-radius:6px;background:transparent;color:#c8d0dd;text-align:left;font-size:10px;cursor:pointer;min-height:36px}.mesh-btn:hover{background:#1b2028}.mesh-btn.active{background:#172b29;color:#e7fffb}.mesh-icon{width:8px;height:8px;border-radius:2px;border:1px solid #55b8a6;background:#183b35}.mesh-btn small{color:#687484;font-size:8px}.material-card{margin-bottom:8px}.material-swatch{width:26px;height:26px;border-radius:7px;background:#fff;border:1px solid #46505f;box-shadow:inset 0 0 0 2px #0002;flex:none}.field-label{display:flex;flex-direction:column;gap:5px;color:#7f8a9a;font-size:9px;margin-top:9px}.field-label select,.render-section select{width:100%;background:#0d1015;border:1px solid var(--line);color:#dce3ee;border-radius:6px;padding:8px;font-size:10px;outline:none}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.color-field{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);background:#0d1015;border-radius:6px;padding:6px 7px;color:#818c9c;font-size:9px}.color-field input[type=color]{width:34px;height:24px;border:0;padding:0;background:none}.range-field{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;color:#8d98a8;font-size:9px;margin-top:9px}.range-field span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#cdd6e2}.range-field input[type=range]{grid-column:1/-1;width:100%;accent-color:#8b5cf6;height:20px;margin:0}.texture-stack{display:flex;flex-direction:column;gap:5px;margin-top:10px}.texture-row{display:grid;grid-template-columns:minmax(0,1fr) auto 26px;gap:5px;align-items:center;border:1px solid #242b36;background:#0c0f14;border-radius:6px;padding:6px}.texture-row>span{display:flex;flex-direction:column;min-width:0}.texture-row b{font-size:9px;color:#c8d2df}.texture-row small{font-size:8px;color:#657184;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-file{display:grid;place-items:center;border:1px solid #34404e;background:#161c24;border-radius:5px;padding:6px 7px;color:#aeb9c9;font-size:8px;font-weight:750;cursor:pointer;white-space:nowrap}.texture-clear{width:26px;height:26px;border:1px solid #342932;background:#181116;border-radius:5px;color:#8e6f7a;cursor:pointer}.texture-clear:hover{color:#fb7185;border-color:#6d3442}.morph-list{display:flex;flex-direction:column;gap:7px}.morph-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px 7px;align-items:center}.morph-row label{font-size:9px;color:#b7c0cd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morph-row output{text-align:right;font-size:8px;color:#8d98a8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.morph-row input{grid-column:1/-1;width:100%;accent-color:#22d3ee}.hdr-file{margin-top:10px;min-height:34px}.render-info{font-size:8px;line-height:1.5;color:#657184;margin-top:9px;border-left:2px solid #3b786c;padding-left:7px}.pbr-section .wide{font-size:9px}.right-panel{scrollbar-color:#303845 #11141a;scrollbar-width:thin}

@media(max-width:900px){.audit-line{font-size:8px}.mesh-btn{min-height:40px}.texture-row{min-height:39px}.mini-file{min-height:30px}.range-field input[type=range]{height:26px}.material-grid{grid-template-columns:1fr}.render-badge{display:none}}
@media(max-height:430px) and (orientation:landscape){.pbr-section .range-field,.render-section .range-field{margin-top:6px}.texture-stack{gap:3px}.texture-row{padding:4px}.audit-line{display:none}}

.preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:8px}.preset-row select,.preset-row button{background:#0d1015;border:1px solid var(--line);color:#cdd6e2;border-radius:6px;padding:7px;font-size:9px;min-width:0}.preset-row button{background:#17221f;border-color:#2c5149;cursor:pointer;color:#bdeee5;font-weight:750}