.dc-tool{gap:1rem;max-width:820px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.dc-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.dc-panel legend{padding:0 .5rem;font-weight:700}.dc-panel h2{margin:0;font-size:1.05rem}.dc-pad{border:2px dashed var(--border,#b9b9b9);text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:.9rem;justify-items:center;gap:.75rem;padding:1.75rem 1rem;display:grid}.dc-hint{opacity:.85;margin:0;font-size:.92rem}.dc-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.dc-btn{border:1px solid var(--border,#c9c9c9);border-radius:.6rem;justify-content:center;align-items:center;min-width:64px;min-height:44px;padding:.4rem .8rem;font-weight:600;display:inline-flex}.dc-btn.is-on{background:var(--focus,#1a73e8);border-color:var(--focus,#1a73e8);color:#fff}.dc-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin:0;display:grid}.dc-metric{border:1px solid var(--border,#e2e2e2);border-radius:.7rem;gap:.15rem;padding:.55rem .7rem;display:grid}.dc-metric dt{opacity:.8;font-size:.82rem}.dc-metric dd{margin:0;font-size:1.15rem;font-weight:700}.dc-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dc-row label{align-items:center;gap:.45rem;display:inline-flex}.dc-row select,.dc-row button{min-height:44px}.dc-note{opacity:.85;margin:0;font-size:.9rem}.dc-warn{color:#451a03;background:#fef3c7;border-radius:.6rem;margin:0;padding:.6rem .8rem;font-weight:600}.dc-dragstrip{border:2px solid var(--border,#b9b9b9);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:.9rem;justify-content:center;align-items:center;min-height:88px;display:flex}.dc-dragstrip span{background:var(--border,#b9b9b9);border-radius:6px;width:56px;height:12px}.dc-verdict{margin:0;font-weight:700}@media (prefers-color-scheme:dark){.dc-warn{color:#fde68a;background:#451a03}}