/* box-shadow.css — Box Shadow 생성기 전용 */
.bs-stage{height:260px;border-radius:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#eef0f6}
.bs-box{width:160px;height:160px;background:#fff;border-radius:18px}
.bs-panel,.bs-out{margin-top:14px}
.bs-layers{display:flex;flex-direction:column;gap:6px}
.bs-layer{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card-2)}
.bs-layer.on{border-color:rgba(var(--primary-rgb),.55);background:rgba(var(--primary-rgb),.08)}
.bs-layer input{accent-color:var(--primary);width:16px;height:16px}
.bs-pick{flex:1;display:flex;align-items:center;gap:8px;background:none;color:var(--text);font-size:14px;font-weight:600;padding:8px 6px;text-align:left;border-radius:8px}
.bs-pick i{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.2);flex:none}
.bs-editing{font-size:13px;font-weight:700;color:var(--primary-soft)}
.bs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
@media (max-width:560px){.bs-grid{grid-template-columns:1fr}}
.bs-pair{display:flex;align-items:center;gap:10px}
.bs-pair .pk-input{width:78px;flex:none;padding:8px 10px}
.bs-color{width:52px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--card-2);padding:3px;cursor:pointer}
.bs-more summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--muted);margin-bottom:10px}
.bs-out-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pk-article code{font-family:var(--mono);font-size:.92em;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:5px}