.shadow-workspace,.shadow-workspace section{min-width:0}.shadow-workspace .btn{min-height:44px}.shadow-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shadow-toolbar .btn{padding-inline:8px;font-size:12px}.shadow-layers{scrollbar-gutter:stable;gap:12px;max-height:660px;display:grid;overflow:auto}.shadow-layer{border:var(--rule);background:var(--color-paper);border-radius:12px;gap:12px;min-width:0;padding:14px;display:grid}.shadow-layer-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.shadow-layer-heading h3{margin:0;font-size:14px}.shadow-remove{width:44px;padding:0}.shadow-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.shadow-fields label{gap:4px;min-width:0;font-size:12px;display:grid}.shadow-fields label>span{flex-wrap:wrap;justify-content:space-between;gap:4px;min-height:32px;display:flex}.shadow-fields output{font:11px var(--font-mono);color:var(--color-muted);white-space:nowrap}.shadow-fields input{width:100%;min-width:0;min-height:44px;accent-color:var(--color-accent)}.shadow-scale{min-height:20px;margin:-8px 0 0;font-size:11px}.shadow-color-label{gap:8px;font-size:12px;display:grid}.shadow-color{grid-template-columns:44px minmax(0,1fr);gap:8px;display:grid}.shadow-picker{border:var(--rule);background:var(--color-paper);cursor:pointer;border-radius:8px;width:44px;height:44px;padding:4px}.shadow-color .input{width:100%;min-width:0;min-height:44px;font-family:var(--font-mono)}.shadow-checkbox{align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.shadow-checkbox input{width:18px;height:18px;accent-color:var(--color-accent)}.shadow-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shadow-presets .btn{text-align:start;flex-direction:column;align-items:stretch;gap:12px;min-height:84px;font-size:12px;display:flex;overflow:hidden}.shadow-preset-thumb{background:#3b82f6;border-radius:4px;width:100%;height:20px}.shadow-preview-stage{border:var(--rule);background:var(--color-paper);border-radius:12px;justify-content:center;align-items:center;height:280px;display:flex;overflow:hidden}.shadow-preview-element{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:160px;max-width:75%;height:128px;font-weight:600;display:flex}.shadow-output-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.shadow-output-heading h3,.shadow-alternative-heading{margin:0;font-size:13px}.shadow-output-heading .btn{padding-inline:10px;font-size:12px;position:relative}.shadow-code{border:var(--rule);background:var(--color-paper);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:12px/1.7 var(--font-mono);border-radius:10px;max-height:280px;margin:0;padding:14px;overflow:auto}.shadow-code code{font:inherit}.shadow-tailwind{font:13px var(--font-mono);border:var(--rule);background:var(--color-paper);border-radius:8px;padding:12px}.shadow-tips{border-top:var(--rule);padding-top:12px}.shadow-tips summary{cursor:pointer;min-height:44px;font-size:13px}@media (width<=767px){.shadow-layers{max-height:520px}.shadow-layer{padding:10px}.shadow-fields{gap:8px}.shadow-color .input{font-size:16px}.shadow-preview-stage{height:260px}.shadow-output-heading h3{font-size:12px}.shadow-output-heading .btn{padding-inline:8px;font-size:11px}}