.inspector{position:relative}.layer-access{display:flex;align-items:flex-end;gap:7px;flex-shrink:0;min-width:0}.layer-access>.field{flex:1;min-width:0;margin:0}.layer-access>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;font-size:11px;padding:8px 6px;flex-shrink:0}.layer-access>button svg{width:14px;height:14px}.layer-access>button span{font-size:10px;color:var(--muted)}
.layer-panel{position:absolute;inset:0;z-index:30;background:var(--surface);display:flex;flex-direction:column;padding:0;gap:0;min-height:0;box-shadow:-4px 0 16px var(--shadow)}.layer-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--brand-navy);color:#fff;flex-shrink:0;border-bottom:3px solid var(--brand-cyan)}.layer-panel-heading>div{display:flex;align-items:center;gap:8px}.layer-panel-heading h2{margin:0;color:#fff;font-size:14px}.layer-panel-heading svg{width:17px;height:17px}.layer-total{background:#ffffff20;padding:1px 7px;border-radius:10px;font-size:11px;color:#fff}.layer-panel-heading .icon-button{width:28px;height:28px;padding:0;color:#fff;background:transparent;border-color:#ffffff50}
.layer-options{padding:12px;background:#fff;display:grid;gap:9px;border-bottom:1px solid var(--border);flex-shrink:0}.layer-options label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.layer-options select{font-size:11px;padding:6px 8px;min-width:0;max-width:160px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);color:var(--text)}.layer-options input[type=range]{width:100%;margin:0;height:15px;accent-color:var(--brand-cyan)}.layer-options input:disabled{opacity:.35}.layer-opacity-label output{font-variant-numeric:tabular-nums;font-size:11px;color:var(--brand-navy)}
.layer-list-heading{display:grid;grid-template-columns:47px 1fr 43px;gap:4px;align-items:center;flex-shrink:0;padding:8px 5px;background:var(--surface-strong);border-bottom:1px solid var(--border);font-size:8px;text-transform:uppercase;letter-spacing:.02em;color:var(--muted)}.layer-list-heading span:last-child{text-align:center}
.layer-list{list-style:none;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0;display:flex;flex-direction:column;gap:0;scrollbar-width:thin}.layer-item{display:grid;grid-template-columns:28px 36px minmax(0,1fr) 28px;align-items:center;gap:5px;min-height:58px;padding:7px 6px 7px 3px;border:0;border-left:3px solid transparent;border-bottom:1px solid var(--border);border-radius:0;background:#fff;flex-shrink:0}.layer-item.is-selected{border-left-color:var(--brand-cyan);background:var(--tint-cyan)}.layer-item:focus-within{border-left-color:var(--brand-cyan)}.layer-item.is-hidden .layer-thumb,.layer-item.is-hidden .layer-name{opacity:.5}.layer-item button{display:grid;place-items:center;min-width:0;padding:0;min-height:28px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.layer-item button svg{width:15px;height:15px}.layer-item button:hover{background:var(--surface-strong);color:var(--brand-navy)}.layer-item .layer-visibility[aria-pressed=true]{color:var(--brand-navy)}.layer-item .layer-lock.is-locked{color:var(--accent-ink);background:var(--tint-magenta)}.layer-item .layer-thumb{height:36px;width:36px;border:1px solid var(--border-strong);border-radius:2px;overflow:hidden;background-color:#fff;background-image:conic-gradient(var(--surface-strong) 25%,transparent 0 50%,var(--surface-strong) 0 75%,transparent 0);background-size:10px 10px;color:var(--brand-navy);font-size:23px}.layer-thumb img{display:block;width:100%;height:100%;object-fit:contain}.layer-item .layer-thumb.is-text{background:#fff;font-family:Georgia,serif;font-weight:bold;font-size:25px}
.layer-name{display:grid;min-width:0;gap:2px}.layer-name>span{font-size:9px;color:var(--muted);padding-left:3px}.layer-name input{width:100%;min-width:0;min-height:0;padding:2px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--brand-navy);font-size:11px;text-overflow:ellipsis}.layer-name input:focus{background:#fff;border-color:var(--brand-cyan);outline:0;text-overflow:clip}
.layer-footer{padding:10px 12px;background:#fff;border-top:1px solid var(--border);flex-shrink:0;display:grid;gap:9px}.layer-footer>span{font-size:11px;font-weight:600;color:var(--brand-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-tools{display:flex;gap:6px}.layer-tools button{display:grid;place-items:center;width:34px;height:32px;padding:0;background:var(--surface);border-color:var(--border);color:var(--brand-navy)}.layer-tools button:last-child{margin-left:auto;border-color:var(--brand-cyan);background:var(--tint-cyan)}.layer-tools svg{width:16px;height:16px}.layer-help{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.layer-panel>#layer-empty{padding:18px 12px;font-size:12px}
@media(max-width:960px){.layer-access{align-items:center}.layer-access>.field{display:flex;align-items:center;gap:8px}.layer-access select{flex:1;min-width:0}.layer-access>button{min-height:38px}.layer-panel-heading{padding:8px 12px}.layer-options{grid-template-columns:auto 1fr 52px;align-items:center;gap:10px;padding:8px 12px}.layer-options>label:first-child{grid-column:1/4}.layer-opacity-label{grid-column:1}.layer-opacity-label output{display:none}.layer-options input{grid-column:2/4}.layer-item{grid-template-columns:40px 38px minmax(0,1fr) 40px;min-height:56px;padding:3px 7px 3px 2px;gap:7px}.layer-item .layer-visibility,.layer-item .layer-lock{height:40px}.layer-name input{font-size:16px;min-height:26px}.layer-list-heading{grid-template-columns:49px 1fr 44px;padding-left:10px;font-size:9px}.layer-footer{padding:7px 12px;gap:5px}.layer-footer .layer-help{display:none}.layer-tools button{height:36px;width:40px}.layer-footer>span{font-size:10px}.layer-options select{font-size:16px;padding:4px 8px;max-width:230px}}