:root{color-scheme:dark;--background: #101010;--panel: #181818;--text: #eeeeea;--muted: #858585}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif}main{max-width:1500px;margin:auto;padding:12px 28px 28px}h1{margin:0;font-size:34px;letter-spacing:-.04em}p,h2,label{font-size:11px;letter-spacing:.08em}#status{margin:5px 0 0;color:var(--muted)}h2{margin:0 0 10px;color:#bcbcb8}.toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:8px 0 16px;margin-bottom:42px}.scheme-controls label{position:relative;width:280px}.toolbar label:not(.file-button){display:grid;gap:6px;color:var(--muted);font-weight:700}.toolbar label:not(.file-button){min-width:110px}input,button,.file-button{border:0;border-radius:0;font:inherit}button,.file-button{height:34px;min-height:34px;padding:0 15px;background:#e9e9e4;color:#111;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer}button{margin:0}button.active{background:#8bffcf}#dotsButton.active{background:#ffe600;color:#080808}.file-button{display:flex;align-items:center;justify-content:center;margin:0;color:#111;line-height:1}.file-button input{display:none}#schemeName{height:34px;min-height:34px;padding:0 10px;background:#202020;color:var(--text)}#themeWarning{position:absolute;top:calc(100% + 4px);left:0;display:block;color:#ff8bad;font-size:10px;line-height:12px;letter-spacing:.04em;white-space:nowrap}#themeWarning[hidden]{display:block;visibility:hidden}#schemeName.warning{box-shadow:inset 0 -2px #ff8bad}#manualColorPicker{position:fixed;width:24px;height:24px;padding:0;opacity:0;pointer-events:none;z-index:100}.toolbar input[type=range]{width:130px;height:16px;-webkit-appearance:none;appearance:none;background:transparent;outline:none}.toolbar input[type=range]::-webkit-slider-runnable-track{height:3px;background:#555}.toolbar input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;-webkit-appearance:none;appearance:none;border:0;border-radius:50%;background:#eee}.toolbar input[type=range]::-moz-range-track{height:3px;border:0;background:#555}.toolbar input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#eee}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:34px}.canvas-shell{position:relative;display:grid;place-items:center;height:min(52vh,560px);min-height:320px;background:var(--panel);overflow:hidden}canvas{position:absolute;max-width:calc(100% - 28px);max-height:calc(100% - 28px);image-rendering:pixelated}#dotCanvas{pointer-events:auto;cursor:crosshair;image-rendering:auto}.empty{color:var(--text);font-size:20px;font-weight:700}#palette{display:flex;min-height:68px}.swatch{position:relative;flex:1 1 0;min-width:44px;height:68px;padding:9px;color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 3px #000;cursor:grab;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .12s;-webkit-user-select:none;user-select:none;touch-action:none}.swatch.selected{box-shadow:inset 0 0 0 4px #fff;z-index:2}.swatch.dragging{opacity:.82;cursor:grabbing;z-index:20;transition:none}.manual-dot{display:inline-block;width:8px;height:8px;margin-left:7px;border:1px solid currentColor;border-radius:50%;background:currentColor;vertical-align:middle}#status{margin-top:10px}@media(max-width:1120px){.scheme-controls{order:-1;flex-basis:100%;justify-content:flex-end}}@media(max-width:850px){main{padding:12px 18px 24px}.scheme-controls{width:100%}.scheme-controls label{width:auto;flex:1}.workspace{grid-template-columns:1fr}.canvas-shell{height:420px}#palette{flex-wrap:wrap}.swatch{flex-basis:20%}}.scheme-controls{display:flex;align-items:flex-end;gap:12px;margin-left:auto}.scheme-controls label{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;width:380px;margin:0;padding:0}#schemeName{display:block;width:300px;height:34px;min-height:34px;margin:0;padding:0 10px;border:0;border-radius:0;background:#202020;color:var(--text);line-height:34px}#copyButton{margin:0;height:34px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/uacolors.css.map */