.qpt-palette{color:#f3f4f6;font:15px/1.6 system-ui;--line:#343940}.qpt-palette *{box-sizing:border-box}.qpt-palette h2{font:clamp(28px,4vw,44px)/1.15 Georgia;margin:16px 0}.qpt-palette h3{font:22px/1.3 Georgia}.qpp-kicker{letter-spacing:.16em;font:12px monospace}.qpp-toolbar,.qpp-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.qpt-palette label{display:block}.qpt-palette button,.qpt-palette input,.qpt-palette select,.qpt-palette textarea,.qpp-download{font:inherit;color:inherit;background:#191d23;border:1px solid #424952;border-radius:8px;max-width:100%;padding:10px 12px}.qpt-palette button,.qpp-download{cursor:pointer}.qpt-palette button:hover{border-color:#b8c2cf}.qpt-palette :focus-visible{outline:3px solid #9ecbff;outline-offset:3px}.qpt-palette input[type=color]{width:64px;height:45px;padding:4px}.qpp-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0}.qpp-card{min-width:0;background:#101318;border:1px solid var(--line);border-radius:12px;overflow:hidden}.qpp-chip{height:104px;border-bottom:1px solid var(--line)}.qpp-card-body{padding:12px}.qpp-card input[type=text]{width:100%;font:14px monospace;margin:8px 0}.qpp-card small{display:block;color:#bfc8d4;font:11px/1.7 monospace;overflow-wrap:anywhere}.qpp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.qpp-panel{min-width:0;padding:22px;border:1px solid var(--line);border-radius:14px;background:#101318}.qpp-panel h3{margin-top:0}.qpp-game{border-radius:10px;padding:24px;min-height:240px}.qpp-game section{padding:20px;border-radius:8px}.qpp-game strong{font-size:22px}.qpp-game p{margin:12px 0}.qpp-game .qpp-demo-button{display:inline-block;padding:10px 22px;border-radius:6px;font-weight:650}.qpp-game .qpp-badge{display:inline-block;border:1px solid currentColor;padding:2px 8px;border-radius:20px;font-size:12px}.qpp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qpp-pair select{width:100%}.qpp-note{color:#bdc6d2;font-size:13px}.qpp-result{font:24px Georgia}.qpt-palette textarea{width:100%;min-height:100px;resize:vertical;font:13px/1.5 monospace}.qpp-article{max-width:850px;font:16px/1.8 system-ui;margin-top:48px;color:#dce2e9}.qpp-article h2,.qpp-article h3{font-family:Georgia;color:#fff}.qpp-article a{color:#b9d8ff}.qpt-palette [hidden]{display:none!important}.qpp-status{min-height:26px}.qpp-status[data-error=true]{color:#ffb8a8}@media(max-width:900px){.qpp-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.qpp-grid{grid-template-columns:1fr}}@media(max-width:480px){.qpp-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.qpp-panel{padding:16px}.qpp-game{padding:14px}.qpp-pair{grid-template-columns:1fr}.qpp-toolbar>*{max-width:100%}}