/* Static icon studio — dedicated layout, unified with the other two labs. */
body.lab-icons-static .page{width:auto!important;max-width:none!important;margin:0!important;padding:14px!important}
body.lab-icons-static .hero{
  min-height:52px!important;margin:0 0 10px!important;padding:0 2px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
}
body.lab-icons-static .hero .kicker{font:7px var(--studio-mono)!important;letter-spacing:.15em!important;color:#a86f45!important}
body.lab-icons-static .hero h1{margin:4px 0 0!important;font-size:18px!important;line-height:1!important;letter-spacing:-.025em!important;font-weight:620!important}
body.lab-icons-static .hero .subtitle{margin-top:5px!important;font-size:9px!important;line-height:1.35!important;color:#6f6a65!important}
body.lab-icons-static .hero-actions{gap:6px!important}
body.lab-icons-static .workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 336px!important;gap:8px!important;align-items:stretch!important;min-height:calc(100vh - 130px)!important}
body.lab-icons-static .card{border-radius:9px!important;border:1px solid var(--studio-line)!important;background:#0b0b0c!important;box-shadow:none!important}
body.lab-icons-static .preview-card{min-height:calc(100vh - 130px)!important;overflow:hidden!important}
body.lab-icons-static .preview-toolbar{height:43px!important;padding:0 10px!important;background:#0c0c0d!important;border-color:var(--studio-line)!important}
body.lab-icons-static .file-chip{font-size:9px!important;color:#8c8680!important;gap:7px!important}
body.lab-icons-static .file-icon{width:25px!important;height:25px!important;border-radius:5px!important;background:#111112!important;border-color:var(--studio-line)!important;color:#716c67!important}
body.lab-icons-static #filename{max-width:520px!important}
body.lab-icons-static .view-tabs,body.lab-icons-static .segmented{border-radius:6px!important;border-color:var(--studio-line)!important;background:#09090a!important;padding:2px!important}
body.lab-icons-static .view-tabs button,body.lab-icons-static .segmented button{min-height:25px!important;border-radius:4px!important;font:8px var(--studio-mono)!important;color:#69645f!important;padding:0 8px!important}
body.lab-icons-static .view-tabs button.active,body.lab-icons-static .segmented button.active{background:#171718!important;color:#e6dfd8!important;box-shadow:none!important}
body.lab-icons-static .preview-stage{background:#090909!important}
body.lab-icons-static .preview-stage.grid::before{background-size:32px 32px!important;background-image:linear-gradient(rgba(255,255,255,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.021) 1px,transparent 1px)!important;mask-image:none!important}
body.lab-icons-static .preview-stage::after{display:none!important}
body.lab-icons-static .preview-stage::selection{background:transparent}
body.lab-icons-static .drop-hint{top:13px!important;left:13px!important;border-radius:5px!important;padding:0 8px!important;height:25px!important;background:rgba(10,10,10,.84)!important;border-color:var(--studio-line)!important;color:#625d58!important;font:8px var(--studio-mono)!important;gap:6px!important}
body.lab-icons-static .drop-hint svg{width:11px!important;height:11px!important}
body.lab-icons-static .icon-shell{
  width:min(40vw,410px)!important;border-radius:22%!important;border-color:rgba(255,255,255,.095)!important;background:#101011!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
body.lab-icons-static .icon-shell::before{background:none!important}
body.lab-icons-static .preview-footer{height:43px!important;padding:0 10px!important;background:#0c0c0d!important;border-color:var(--studio-line)!important}
body.lab-icons-static .status-wrap{font:8px var(--studio-mono)!important;color:#716c67!important;gap:6px!important}
body.lab-icons-static .status-dot{width:5px!important;height:5px!important;background:var(--studio-orange)!important}
body.lab-icons-static .stage-actions{gap:5px!important}

body.lab-icons-static .inspector{position:sticky!important;top:68px!important;max-height:calc(100vh - 82px)!important;align-self:start!important;overflow:hidden!important}
body.lab-icons-static .inspector-head{height:43px!important;padding:0 12px!important;border-color:var(--studio-line)!important}
body.lab-icons-static .inspector-head h2{font-size:9px!important;font-weight:580!important;color:#c1bbb5!important}
body.lab-icons-static .value{border-radius:5px!important;background:#121213!important;border-color:var(--studio-line)!important;color:#9a948e!important;font:8px var(--studio-mono)!important;padding:3px 6px!important}
body.lab-icons-static .inspector-body{padding:0 12px 14px!important;display:block!important;max-height:calc(100vh - 126px)!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#2b2927 transparent}
body.lab-icons-static .section{border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
body.lab-icons-static .section:last-of-type{border-bottom:0!important}
body.lab-icons-static .section-title{height:39px!important;padding:0!important;border:0!important;font:8px var(--studio-mono)!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#aaa49e!important}
body.lab-icons-static .section-title span:last-child{font:7px var(--studio-mono)!important;color:#504c48!important;letter-spacing:.08em!important}
body.lab-icons-static .section-body{padding:0 0 14px!important;gap:11px!important}
body.lab-icons-static .upload{min-height:65px!important;padding:10px!important;border-radius:7px!important;background:#0f0f10!important;border-color:#302d2a!important}
body.lab-icons-static .upload:hover{border-color:rgba(255,122,24,.42)!important;background:#121213!important}
body.lab-icons-static .upload-icon{width:30px!important;height:30px!important;border-radius:6px!important;background:#151516!important;border-color:var(--studio-line)!important;color:#8b8580!important}
body.lab-icons-static .upload strong{font-size:9px!important;font-weight:580!important;color:#c9c3bd!important}
body.lab-icons-static .upload small{font:7px var(--studio-mono)!important;color:#5f5a55!important}
body.lab-icons-static .upload-badge{border-radius:5px!important;background:#141415!important;border-color:var(--studio-line)!important;color:#625d58!important;font:7px var(--studio-mono)!important}
body.lab-icons-static .examples{gap:5px!important}
body.lab-icons-static .control{gap:7px!important}
body.lab-icons-static .control-top{margin:0!important}
body.lab-icons-static .control label{font:8.5px var(--studio-mono)!important;color:#7e7974!important}
body.lab-icons-static input[type=range]::-webkit-slider-runnable-track{height:2px!important;background:linear-gradient(90deg,var(--studio-orange) 0 var(--fill,50%),#282625 var(--fill,50%) 100%)!important}
body.lab-icons-static input[type=range]::-webkit-slider-thumb{width:11px!important;height:11px!important;margin-top:-4.5px!important;background:#f8eee6!important;border:2px solid var(--studio-orange)!important;box-shadow:none!important}
body.lab-icons-static .color-row{grid-template-columns:38px 1fr!important;gap:6px!important}
body.lab-icons-static input[type=color]{width:38px!important;height:32px!important;padding:3px!important}
body.lab-icons-static .hex{height:32px!important;font:9px var(--studio-mono)!important;border-radius:6px!important;background:#101011!important}
body.lab-icons-static .hex:focus{border-color:rgba(255,122,24,.5)!important;box-shadow:none!important}
body.lab-icons-static .btn.active{background:var(--studio-orange-soft)!important;border-color:var(--studio-orange-line)!important;color:#ffc18e!important}
body.lab-icons-static .btn.primary{background:var(--studio-orange)!important;border-color:var(--studio-orange)!important;color:#160b03!important;box-shadow:none!important}
body.lab-icons-static .btn.primary:hover{background:#ff8b30!important;border-color:#ff8b30!important}
body.lab-icons-static .toggle-row{min-height:35px!important}
body.lab-icons-static .toggle-copy strong{font-size:9px!important;color:#aaa49e!important}.lab-icons-static .toggle-copy small{font:7px var(--studio-mono)!important;color:#58534f!important}
body.lab-icons-static .switch{width:30px!important;height:17px!important;background:#222122!important;border-color:var(--studio-line)!important}
body.lab-icons-static .switch::after{width:11px!important;height:11px!important;top:2px!important;left:2px!important}
body.lab-icons-static .switch.on{background:#eee8e2!important;border-color:#eee8e2!important}
body.lab-icons-static .switch.on::after{left:15px!important;background:#181512!important}
body.lab-icons-static .export-row{gap:5px!important}
body.lab-icons-static .export-row .primary{min-height:37px!important}
body.lab-icons-static .footer-note{padding:11px 0 0!important;border-top:1px solid rgba(255,255,255,.045);font:7px/1.5 var(--studio-mono)!important;color:#504c48!important}

@media(max-width:1100px){body.lab-icons-static .workspace{grid-template-columns:minmax(0,1fr) 310px!important}.lab-icons-static .icon-shell{width:min(45vw,380px)!important}}
@media(max-width:860px){body.lab-icons-static .workspace{grid-template-columns:1fr!important}.lab-icons-static .inspector{position:relative!important;top:auto!important;max-height:none!important}.lab-icons-static .inspector-body{max-height:none!important}.lab-icons-static .preview-card{min-height:560px!important}.lab-icons-static .hero{align-items:flex-start!important}}
@media(max-width:560px){body.lab-icons-static .page{padding:10px!important}.lab-icons-static .hero{display:none!important}.lab-icons-static .preview-card{min-height:520px!important}.lab-icons-static .icon-shell{width:min(74vw,330px)!important}.lab-icons-static .workspace{min-height:calc(100vh - 64px)!important}}