:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#191817;background:#faf8f4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.section{margin-bottom:20px}.label{display:block;font-size:13px;margin:12px 0 6px}h1{font-size:24px}h2{font-size:20px}.slider{margin:14px 0}.slider label{display:flex;justify-content:space-between;font-size:13px}.slider input{width:100%;margin-top:7px}select,.button{border:0;padding:8px;width:100%;font-size:13px}.upload input{display:none}.upload label{display:block;cursor:pointer;text-align:center}.muted,.status{font-size:12px;line-height:1.6}.palette-actions,.exports{display:flex;gap:8px;margin-top:10px}.palette-actions button{height:38px;flex:1;border:1px solid #aaa!important;cursor:pointer}.exports button{flex:1;border:0;padding:9px;cursor:pointer}.workspace{display:flex;align-items:center;justify-content:center;padding:32px}.preview{object-fit:contain;background:transparent}.empty{font-family:Georgia,serif;font-size:22px;color:#928e87;text-align:center}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;margin:12px 0}.transfer{display:block;width:100%;border:0;padding:9px;margin-top:9px;cursor:pointer}.color-dialog{width:454px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.wheel-layout{display:flex;align-items:center}.swatches{display:grid}.sample{display:block}.brightness{display:block}.brightness input,#rgbCode{display:block;width:100%}.dialog-actions{display:flex;justify-content:flex-end}.error{min-height:16px}.busy{opacity:.7}.compare{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);border:0;border-radius:3px;padding:9px 12px;background:#191919;color:#fff;font:inherit;font-size:12px;cursor:pointer}.workspace{position:relative}

#colorWheel{touch-action:none;cursor:crosshair}.color-dialog button{font:inherit;cursor:pointer}.preview[hidden],.compare[hidden]{display:none}

.workspace #preview{background-color:#fff;background-image:conic-gradient(#e5e5e5 25%,transparent 0 50%,#e5e5e5 0 75%,transparent 0);background-size:16px 16px}