.cor-balao{z-index:92;background:var(--vidro-menu,#fbfaf7f2);-webkit-backdrop-filter:blur(18px)saturate(165%);border:1px solid var(--linha,#0000001a);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:10px;width:240px;padding:12px;display:grid;position:fixed;box-shadow:0 12px 36px #15130f2e,inset 0 1px #ffffff80}.cor-balao[hidden]{display:none}.cor-sv{--matiz:red;cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, #0000), linear-gradient(to right, #fff, #fff0), var(--matiz);border-radius:10px;height:150px;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.cor-matiz{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);border-radius:999px;height:12px;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.cor-sv-pino,.cor-matiz-pino{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 2px 6px #00000040}.cor-matiz-pino{top:50%}.cor-sv:focus-visible,.cor-matiz:focus-visible{outline:2px solid var(--tinta,#15130f);outline-offset:2px}.cor-linha{align-items:center;gap:6px;display:flex}.cor-balao-amostra{border-radius:8px;flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000001f}.cor-hex-campo{background:var(--branco,#fff);border:1px solid var(--linha,#00000024);border-radius:8px;flex:1;align-items:center;gap:6px;min-width:0;padding:0 8px;display:flex}.cor-hex-campo:focus-within{border-color:var(--tinta,#15130f)}.cor-hex-campo span{font:600 10px var(--mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--tinta3-texto,#8a847a)}.cor-balao-hex{width:100%;min-width:0;font:500 13px/1.3 var(--mono,ui-monospace, monospace);letter-spacing:.03em;color:var(--tinta,#15130f);background:0 0;border:0;outline:none;flex:1;padding:6px 0}.cor-hex-campo:has(.invalido){border-color:#d64545}.cor-bt{border:1px solid var(--linha,#00000024);background:var(--branco,#fff);width:28px;height:28px;color:var(--tinta2,#4a453e);cursor:pointer;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.cor-bt:hover{color:var(--tinta,#15130f);border-color:var(--tinta,#15130f)}.cor-bt.feito{color:#1f9d55;border-color:#1f9d55}.cor-bt[hidden]{display:none}.cor-balao-recentes{flex-wrap:wrap;gap:5px;display:flex}.cor-balao-recentes[hidden]{display:none}.cor-balao-rec{cursor:pointer;border:0;border-radius:6px;width:20px;height:20px;padding:0;box-shadow:inset 0 0 0 1px #00000024}.cor-balao-rec:hover{transform:scale(1.12)}