.shadow-panel { border-top: 1px solid rgba(255,255,255,.16); margin-top: 18px; padding-top: 4px; }
.shadow-toggle { display: flex; align-items: center; gap: 10px; font: 700 12px/1.5 'Space Mono', monospace; cursor: pointer; }
.shadow-toggle input { width: 18px; height: 18px; accent-color: var(--accent); cursor: pointer; flex: 0 0 auto; }
.shadow-note { color: var(--muted); font: 10px/1.7 'Space Mono', monospace; margin: 8px 0; }
.shadow-panel summary { cursor: pointer; color: var(--cream); font: 11px/1.6 'Space Mono', monospace; padding: 8px 0; }
.shadow-panel fieldset { border: 0; padding: 8px 0 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; min-width: 0; }
.shadow-panel fieldset:disabled { opacity: .5; }
.shadow-panel legend { padding: 0; }
.shadow-panel fieldset label { display: block; font: 10px/1.6 'Space Mono', monospace; min-width: 0; }
.shadow-panel output { float: right; color: var(--accent); }
.shadow-panel input[type=number] { display: block; box-sizing: border-box; width: 100%; min-height: 40px; margin-top: 5px; padding: 8px; color: var(--cream); background: #15100d; border: 1px solid rgba(255,255,255,.25); border-radius: 3px; font: 13px 'Space Mono', monospace; }
.shadow-panel input[type=range] { margin: 8px 0 0; }
.shadow-panel :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.shadow-wide { grid-column: 1 / -1; }
.shadow-badge { position: absolute; left: 6px; bottom: 6px; padding: 3px 5px; border: 1px solid var(--accent); border-radius: 3px; background: rgba(0,0,0,.85); color: var(--cream); font: 9px/1.3 'Space Mono', monospace; pointer-events: none; }