#draw-panel{border:1px solid var(--border);z-index:300;background:#fff;border-radius:12px;flex-direction:column;width:250px;max-height:calc(100vh - 90px);display:flex;position:fixed;top:62px;right:14px;overflow:hidden;box-shadow:0 8px 30px #1a2b3c33}#draw-panel .dp-head{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}#draw-panel .dp-head span{align-items:center;gap:7px;display:inline-flex}#draw-panel .dp-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.25rem;line-height:1}#draw-panel .dp-body{padding:12px 14px;overflow-y:auto}#draw-panel .dp-section{margin-bottom:12px}#draw-panel .dp-label{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);margin-bottom:7px;font-size:.7rem;font-weight:700}#draw-panel .dp-colors{gap:8px;display:flex}#draw-panel .dp-sw{cursor:pointer;border:1px solid #0000002e;border-radius:50%;width:26px;height:26px;padding:0}#draw-panel .dp-sw.is-on{outline:2px solid var(--navy);outline-offset:2px}#draw-panel .dp-igroup{color:var(--teal-dark);text-transform:uppercase;letter-spacing:.03em;margin:9px 0 5px;font-size:.66rem;font-weight:700}#draw-panel .dp-igrid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}#draw-panel .dp-ibtn{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;color:var(--navy);background:#fff;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:1.05rem;display:flex}#draw-panel .dp-ibtn:hover{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-pale)}#draw-panel .dp-ibtn.is-on{background:var(--teal);color:#fff;border-color:var(--teal)}#draw-panel .dp-hint{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.4}@media print{#draw-panel{display:none}}