/* UNI-RWD-001: status strip sits directly above the HUD (or the public note), same left gutter and width; never on top of it. */
.asset-status{position:fixed;left:var(--gut-l,12px);bottom:calc(var(--hud-h,110px) + var(--gut-b,12px) + 6px);z-index:40;width:max-content;max-width:min(560px,calc(100vw - var(--gut-l,12px) - var(--gut-r,12px) - var(--zoom-w,42px) - 12px));padding:9px 12px;border:1px solid rgba(220,178,85,.45);border-radius:12px;background:rgba(3,4,8,.82);color:#d9bc77;font:700 10px/1.45 system-ui;backdrop-filter:blur(12px);pointer-events:none}
.material-proof{margin:7px 0;padding:6px 8px;border:1px solid rgba(218,174,86,.25);border-radius:9px;background:#080706;color:#e4c16d;display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;font-size:10px}
.material-proof b{display:none}.material-proof img{display:block;width:36px;height:36px;object-fit:cover;border-radius:7px;background:#020205;margin:0}.material-proof small{display:block;color:#aa976d;line-height:1.35}
.editor select{background:#070604!important;color:#e5c269!important;border-color:rgba(222,181,87,.55)!important}
.editor select:hover,.editor select:focus{outline:none;border-color:#e7bd58!important;box-shadow:0 0 0 1px #e7bd58,0 0 18px rgba(231,189,88,.18)}
.editor option{background:#090806;color:#e5c269}.art-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.art-control-grid label{min-width:0}.art-control-grid output{float:right;color:#e8c66f}
.colors[data-compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.colors[data-compact] label{min-width:0}.color-caption{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-field{position:relative;height:46px;margin-top:6px}.editor .color-field>input[type=color]{width:100%;height:46px;padding:4px;border-color:rgba(232,195,112,.5);cursor:pointer}.editor .color-field>.color-hex{position:absolute;z-index:1;right:7px;top:7px;width:calc(100% - 54px);height:32px;padding:5px 8px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(5,6,11,.7);color:#fffbea;font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-align:center;text-shadow:0 1px 3px #000}.color-field:focus-within{filter:drop-shadow(0 0 8px rgba(239,198,95,.32))}.colors .si-disabled .color-field{opacity:.45}
.panel,.panelBody,.editor{overflow-x:hidden;max-width:100%;box-sizing:border-box}.editor>*{max-width:100%;box-sizing:border-box}
.inspectStage{background:transparent!important;box-shadow:0 0 28px rgba(94,73,140,.12)!important}
.editor label.si-disabled{opacity:.42}.editor label.si-disabled input{cursor:not-allowed;filter:saturate(.15)}.color-binding-note{display:block;margin:8px 0 12px;color:#b79b63;line-height:1.55}
.material-proof small{white-space:normal;overflow-wrap:anywhere}.material-proof img[hidden]{display:none}.material-proof:has(img[hidden]){grid-template-columns:1fr}
.editor input[type=range]{appearance:none;-webkit-appearance:none;height:8px;padding:0;border:1px solid rgba(222,181,87,.48);border-radius:999px;background:linear-gradient(90deg,#d9ae56 0 52%,#15110a 52% 100%);accent-color:#d9ae56}
.editor input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #2b1c08;background:#f1cf75;box-shadow:0 0 0 2px rgba(241,207,117,.18),0 0 12px rgba(217,174,86,.5)}
.editor input[type=range]::-moz-range-track{height:7px;border:1px solid rgba(222,181,87,.48);border-radius:999px;background:#15110a}.editor input[type=range]::-moz-range-progress{height:7px;border-radius:999px;background:#d9ae56}.editor input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #2b1c08;background:#f1cf75;box-shadow:0 0 12px rgba(217,174,86,.5)}
.si-combo{position:relative;margin-top:6px;max-width:100%}.si-combo>select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.si-combo-btn{width:100%;min-height:42px;display:flex;align-items:center;gap:9px;justify-content:flex-start;padding:7px 11px;border:1px solid rgba(222,181,87,.5);border-radius:10px;background:#070604;color:#e5c269;text-align:left}.si-combo-btn:focus,.si-combo-btn:hover,.si-combo.open .si-combo-btn{outline:none;border-color:#efc65f;box-shadow:0 0 0 1px #efc65f,0 0 18px rgba(239,198,95,.2)}.si-combo-btn:after{content:'⌄';margin-left:auto;color:#dcb557}.si-combo-thumb,.si-option-thumb{width:34px;height:34px;object-fit:cover;border-radius:7px;border:1px solid rgba(229,194,105,.3);flex:0 0 auto}.si-combo-list{display:none;position:absolute;z-index:100;left:0;right:0;top:calc(100% + 5px);max-height:238px;overflow-y:auto;overflow-x:hidden;padding:5px;border:1px solid #c99f46;border-radius:11px;background:#070604;box-shadow:0 18px 42px rgba(0,0,0,.72)}.si-combo.open .si-combo-list{display:block}.si-combo-option{width:100%;display:flex;align-items:center;gap:9px;min-height:40px;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:#070604;color:#e5c269;text-align:left}.si-combo-option:hover,.si-combo-option:focus{outline:none;border-color:#e9bc55;box-shadow:inset 0 0 12px rgba(233,188,85,.1)}.si-combo-option[aria-selected=true]{background:#241b08;border-color:#e9bc55;color:#ffe49b}.si-combo-option[aria-selected=true]:after{content:'●';margin-left:auto;color:#e9bc55;font-size:8px}
@media(max-height:680px){.asset-status{padding:6px 10px;line-height:1.35}}
@media(max-width:700px){.asset-status{font-size:9px;padding:7px 10px}.material-proof{grid-template-columns:32px 1fr}.material-proof img{width:32px;height:32px}.art-control-grid{grid-template-columns:1fr}.colors[data-compact]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .actions .icon,.actions .pill{display:grid;place-items:center;font-size:10px}
  .modeNote{width:auto;max-width:calc(100vw - 20px);padding:4px 9px;border:1px solid rgba(217,174,86,.22);border-radius:999px;background:rgba(5,6,11,.82);font-size:9px;line-height:1.35}
  .panel{max-width:calc(100vw - 16px)}
  .panelHead{padding-top:16px}
  .inspectStage{transform:translateY(35px) scale(.74);transform-origin:center center}
  .inspectStage span{display:none}
}
@media(max-width:420px){
  .brand b{font-size:11px}
}