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