#color-dialog{display:none!important}
#finger-dialog{box-sizing:border-box;width:min(94vw,500px);max-height:95dvh;overflow:auto;padding:16px;border:4px solid #49756a;border-radius:24px;background:#fffae8;color:#234d51;text-align:center}
#finger-dialog::backdrop{background:#163b48a8}
#finger-dialog h2{font-size:26px;margin:0 0 6px}#finger-dialog p{font-size:17px;margin:6px 0}
.finger-field{position:relative;height:180px;margin:14px 8px;border:3px solid #234d51;border-radius:16px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue,15) 100% 50%));touch-action:none;overflow:hidden;cursor:crosshair}
#finger-dot{position:absolute;left:65%;top:15%;width:24px;height:24px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 2px #203c52;transform:translate(-50%,-50%);pointer-events:none}
#finger-dialog input[type=range]{box-sizing:border-box;display:block;width:100%;height:44px;margin:4px 0;accent-color:#6e3ac0;touch-action:pan-y}
#finger-hue{appearance:none;border-radius:20px;border:2px solid #47655e;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}
#finger-hue::-webkit-slider-thumb{appearance:none;width:28px;height:42px;background:white;border:3px solid #3c4e61;border-radius:14px;box-shadow:0 0 4px #0008}
.finger-preview{display:flex;justify-content:center;align-items:center;gap:12px}#finger-preview{width:52px;height:40px;border:3px solid #294a51;border-radius:12px;background:#d7a38c}
.finger-adjust{display:flex;gap:16px}.finger-adjust>label{width:50%;font-size:16px}
#finger-close{width:100%;min-height:60px;border:3px solid #315c63;border-radius:18px;font-size:22px}
@media(max-height:480px){#finger-dialog{width:min(96vw,700px);padding:8px}#finger-dialog[open]{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.finger-field{grid-column:1;grid-row:2/7;height:140px;margin:0}#finger-dialog h2{grid-column:1/-1;font-size:22px}#finger-dialog>p{display:none}#finger-dialog>label,#finger-dialog>input,.finger-preview,.finger-adjust,#finger-close{grid-column:2}#finger-dialog input[type=range]{height:32px}.finger-adjust{display:none}#finger-close{min-height:52px}}