.redraw{--redraw-border:#b9b2a8;--redraw-border-strong:#8f8678;--redraw-panel:#efe9df;--redraw-panel-highlight:#faf7f2;--redraw-shadow:#2b251d2e;--redraw-text:#181512;--redraw-accent:#2b579a;color:var(--redraw-text);width:fit-content;font-family:IBM Plex Sans,Segoe UI,sans-serif}.redraw__workspace{grid-template-columns:minmax(10rem,12rem) minmax(0,1fr);grid-template-areas:"sidebar main""footer footer";align-items:start;gap:.75rem;display:grid}.redraw__sidebar{grid-area:sidebar;align-items:start;gap:.75rem;display:grid}.redraw__main{grid-area:main;gap:.75rem;display:grid}.redraw__panel,.redraw__stage-panel{border:1px solid var(--redraw-border);background:linear-gradient(180deg, var(--redraw-panel-highlight) 0%, var(--redraw-panel) 100%);box-shadow:inset 1px 1px #ffffffb3}.redraw__panel{padding:.7rem}.redraw__panel-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.redraw__panel-title{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:700}.redraw__panel-meta{text-transform:capitalize;font-size:.78rem}.redraw__tools{min-width:0}.redraw__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.redraw__tool-button,.redraw__actions button,.redraw__swap-button,.redraw__dialog-close,.redraw__current-color{font:inherit}.redraw__tool-button,.redraw__actions button,.redraw__swap-button,.redraw__dialog-close{border:1px solid var(--redraw-border-strong);cursor:pointer;background:linear-gradient(#fff 0%,#e8e1d7 100%);padding:.5rem .6rem;box-shadow:inset 1px 1px #fffc}.redraw__tool-button[data-active=true],.redraw__current-color[data-active=true]{outline:2px solid var(--redraw-accent);outline-offset:-2px}.redraw__tool-button{color:#2d2a25;place-items:center;min-height:2.75rem;padding:.35rem;display:grid}.redraw__tool-icon{width:1.45rem;height:1.45rem;display:inline-grid}.redraw__tool-icon-svg{width:100%;height:100%}.redraw__action-icon{width:1.15rem;height:1.15rem;display:inline-grid}.redraw__action-icon-svg{width:100%;height:100%}.redraw__actions button:disabled{opacity:.45;cursor:not-allowed}.redraw__stage-panel{padding:.75rem}.redraw__stage{border:1px solid var(--redraw-border-strong);box-shadow:0 12px 24px var(--redraw-shadow);touch-action:none;background-color:#0000;background-image:linear-gradient(45deg,#ebe6dc 25%,#0000 25% 75%,#ebe6dc 75%),linear-gradient(45deg,#ebe6dc 25%,#0000 25% 75%,#ebe6dc 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:hidden}.redraw__canvas{width:100%;height:100%;position:absolute;inset:0}.redraw__canvas--preview{pointer-events:none}.redraw__footer{grid-area:footer;grid-template-columns:minmax(10rem,12rem) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.redraw__color-preview-stack{min-height:4.35rem;position:relative}.redraw__current-color{border:1px solid var(--redraw-border-strong);cursor:pointer;text-align:left;background:linear-gradient(#fff 0%,#e8e1d7 100%);grid-template-columns:2.2rem 1fr;align-items:center;gap:.5rem;width:6.9rem;padding:.35rem;display:grid;position:absolute;box-shadow:inset 1px 1px #fffc}.redraw__current-color:first-of-type{z-index:2;top:0;left:0}.redraw__current-color:last-of-type{top:1.2rem;left:1.2rem}.redraw__current-color-chip{background-image:linear-gradient(45deg,#00000014 25%,#0000 25% 75%,#00000014 75%);background-size:10px 10px;border:1px solid #00000052;width:2.2rem;height:2.2rem}.redraw__current-color-label{font-size:.76rem;font-weight:600}.redraw__field,.redraw__slider,.redraw__controls{gap:.4rem;display:grid}.redraw__field{font-size:.875rem}.redraw__field input,.redraw__dialog input{font:inherit}.redraw__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.redraw__swatches{grid-template-columns:repeat(16,minmax(0,1fr));gap:.18rem;display:grid}.redraw__swatch{aspect-ratio:1;cursor:pointer;border:1px solid #00000059;width:100%;min-width:1.15rem;padding:0}.redraw__swatch[data-selected=true]{outline:2px solid var(--redraw-accent);outline-offset:1px}.redraw__dialog-backdrop{z-index:20;background:#18151266;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.redraw__dialog{border:1px solid var(--redraw-border-strong);background:linear-gradient(#fffdf9 0%,#e8e0d4 100%);width:min(26rem,100%);padding:.9rem;box-shadow:0 24px 48px #00000038}.redraw__dialog-preview{grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.7rem;margin-bottom:.8rem;display:grid}.redraw__dialog-preview-chip{background-image:linear-gradient(45deg,#00000014 25%,#0000 25% 75%,#00000014 75%);background-size:10px 10px;border:1px solid #00000059;width:4rem;height:4rem}.redraw__sliders{gap:.35rem;display:grid}@media (width<=900px){.redraw__workspace,.redraw__footer{grid-template-columns:1fr}.redraw__swatches{grid-template-columns:repeat(8,minmax(0,1fr))}}