#surfaceControls[hidden]{display:none!important}
#surfaceControls{display:grid;grid-template-columns:minmax(205px,.8fr) minmax(230px,1.2fr);gap:7px 20px;align-items:center;padding:0 2px 8px;border-bottom:1px solid #5b9fb633;color:#c3e2ed;font-family:var(--sans,system-ui)}
.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.surface-heading>label{display:grid;gap:4px;flex-shrink:0}.surface-heading b{font-size:12px;font-weight:550}.surface-heading>label>span{font:9px var(--mono,monospace);color:#739bac}.surface-actions{display:flex;gap:5px;min-width:0}
#surfaceControls button{min-height:40px;padding:6px 10px;border:1px solid #49778c80;border-radius:7px;background:#112d3e;color:#acd6e8;font:11px var(--sans,system-ui);cursor:pointer;white-space:nowrap}#surfaceControls button:hover{background:#1c4255;border-color:#8bc4d9}#surfaceControls button:disabled{opacity:.45;cursor:default}#surfaceControls :focus-visible{outline:2px solid #b0e8f5;outline-offset:2px}
#surfaceThrough{overflow:hidden;text-overflow:ellipsis;max-width:170px}
.surface-adjust{display:grid;grid-template-columns:40px minmax(50px,1fr) 40px 108px;gap:7px;align-items:center;min-width:0}#surfaceControls .surface-adjust>button{padding:0;font-size:20px}#surfaceHeight{display:block;width:100%;height:40px;min-width:0;margin:0;accent-color:#7ed9ef;cursor:ns-resize;background-clip:content-box}
.surface-number{display:flex;align-items:center;gap:4px;min-width:0;padding:0 7px;border:1px solid #47758b80;border-radius:7px;background:#081e2c;font:10px var(--mono,monospace);color:#77a7bc}.surface-number input{width:100%;min-width:0;height:40px;border:0;outline-offset:0;background:transparent;color:#dcf4fb;font:12px var(--mono,monospace);appearance:textfield}.surface-number input::-webkit-inner-spin-button,.surface-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#surfaceHeight{box-sizing:border-box;padding:18px 0;cursor:ew-resize}
#surfaceStatus{grid-column:1/-1;color:#e9bd9d;font-size:11px;line-height:1.5}#surfaceStatus:empty{display:none}
@media(max-width:900px){#surfaceControls{grid-template-columns:1fr;gap:5px;padding-bottom:6px}.surface-heading>label{display:flex;align-items:baseline;gap:8px}.surface-heading>label>span{font-size:8px}.surface-actions{gap:4px}#surfaceControls button{min-height:36px;padding:5px 7px;font-size:10px}.surface-adjust{grid-template-columns:36px minmax(30px,1fr) 36px 96px;gap:5px}.surface-number input{height:36px;font-size:16px}#surfaceHeight{height:36px}#surfaceThrough{max-width:140px}}
@media(max-width:380px){.surface-heading>label>span{display:none}.surface-heading b{font-size:11px}.surface-heading{gap:6px}#surfaceThrough{max-width:125px}.surface-adjust{grid-template-columns:32px minmax(25px,1fr) 32px 89px;gap:4px}}
@media(max-width:900px){#surfaceHeight{padding:16px 0}}
@media(max-width:900px) and (max-height:520px){#surfaceControls{grid-template-columns:minmax(230px,.9fr) minmax(200px,1.1fr);gap:10px}.surface-heading>label>span{display:none}}
#uniSurfaceSlot #surfaceHeight{height:44px;padding:20px 0}