.cc-page .cc-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:26px;align-items:start}.cc-page .cc-layout .nf-panel{margin:0}.cc-page .cc-result{position:sticky;top:110px}.cc-page .cc-fields{display:grid;grid-template-columns:minmax(0,1fr) 70px;align-items:end;gap:16px}.cc-page .cc-fields label{margin:12px 0}.cc-page input[type=color]{padding:4px;height:47px}.cc-page .cc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.cc-page .cc-ratio{font-size:clamp(38px,4vw,62px);font-weight:750;margin:8px 0;color:#f1dbff;line-height:1.2}.cc-page .cc-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.cc-page .cc-check{padding:14px;border:1px solid #705580;border-radius:10px;background:#191221}.cc-page .cc-check strong{display:block;color:#d6f2d7}.cc-page .cc-check[data-pass=false] strong{color:#ffd0b8}.cc-page .cc-layer{padding:20px;border:1px solid #705580;border-radius:12px}.cc-page .cc-sample{padding:28px;border-radius:9px;overflow-wrap:anywhere}.cc-page .cc-sample *{color:inherit!important}.cc-page .cc-sample h3{font-size:32px;margin:0 0 16px}.cc-page #ccSampleText{line-height:1.65;margin:0 0 16px}.cc-page .cc-icon{display:flex;align-items:center;gap:12px;border:2px solid currentColor;border-radius:8px;padding:12px;width:max-content;max-width:100%;font-size:14px}.cc-page .cc-icon svg{width:28px;height:28px;flex:0 0 28px}.cc-page .cc-note{font-size:13px;line-height:1.6}.cc-page .cc-settings{display:flex;flex-wrap:wrap;gap:16px}.cc-page .cc-settings label{flex:1;min-width:150px}.cc-page .cc-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cc-page .cc-suggestion{padding:18px;border:1px solid #705580;border-radius:12px;background:#181121}.cc-page .cc-swatch{display:block;height:44px;border:1px solid #9874ad;border-radius:6px;margin:10px 0}.cc-page .cc-batch{margin-top:26px}.cc-page .cc-batch-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}.cc-page #ccPalette{height:250px;min-height:250px;font-family:monospace}.cc-page .cc-scroll{max-height:520px;overflow:auto;border:1px solid #705580;border-radius:12px}.cc-page table{width:100%;min-width:570px;border-collapse:collapse;font-size:14px;text-align:left}.cc-page td,.cc-page th{padding:14px;border-bottom:1px solid #705580}.cc-page th{position:sticky;top:0;background:#2c1f39}.cc-page .cc-tiny-sample{padding:10px;border-radius:6px;font-weight:700}.cc-page [hidden]{display:none!important}@media(max-width:1050px){.cc-page .cc-layout{grid-template-columns:340px minmax(0,1fr)}}@media(max-width:850px){.cc-page .cc-layout,.cc-page .cc-batch-layout{grid-template-columns:minmax(0,1fr)}.cc-page .cc-result{position:static}}@media(max-width:550px){.cc-page .cc-suggestions{grid-template-columns:minmax(0,1fr)}.cc-page .cc-checks{gap:10px}.cc-page .cc-layer{padding:12px}.cc-page .cc-sample{padding:18px}}