.cc-picker{--cp-bg:light-dark(#f4f5ed,#0a0d09);--cp-panel:light-dark(#fffef8,#111610);--cp-ink:light-dark(#142018,#f1f5e9);--cp-muted:light-dark(#566052,#a3af9a);--cp-line:light-dark(#d1d8c7,#34442c);--cp-focus:light-dark(#426f0a,#a9fb42);box-sizing:border-box;width:min(1040px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:auto;overscroll-behavior:contain;background:var(--cp-bg);color:var(--cp-ink);border:1px solid var(--cp-line);border-radius:16px;box-shadow:0 30px 120px #0006;font-family:'DM Sans',sans-serif;text-align:left}
.cc-picker::backdrop{background:#050905bf;backdrop-filter:blur(8px)}
.cc-picker *{box-sizing:border-box}
.cc-picker button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.cc-picker button:focus-visible{outline:3px solid var(--cp-focus);outline-offset:4px}
.cc-picker button:disabled{cursor:wait;opacity:.55}
.cc-picker-shell{padding:28px}
.cc-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}
.cc-picker-kicker{font:11px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:var(--cp-muted);margin:0 0 10px}
.cc-picker-header h2{font:600 clamp(24px,4vw,34px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-1.3px;margin:0}
.cc-picker-close{width:39px;height:39px;flex:0 0 auto;border:1px solid var(--cp-line);border-radius:50%;background:var(--cp-panel);font-size:25px!important;line-height:1}
.cc-picker-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(265px,1fr);gap:28px;align-items:start}
.cc-picker-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:8px;overflow:hidden}
.cc-picker-preview canvas{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1}
.cc-picker-loading{padding:24px;text-align:center;color:var(--cp-muted);font-size:14px}
.cc-picker-controls{min-width:0}
.cc-picker-description{margin:0 0 21px;color:var(--cp-muted);font-size:14px;line-height:1.65}
.cc-picker-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cc-picker-style{min-width:0;padding:5px 5px 9px;border:1px solid var(--cp-line);border-radius:7px;background:var(--cp-panel);transition:border-color .15s,transform .15s}
.cc-picker-style:hover{border-color:var(--cp-focus);transform:translateY(-2px)}
.cc-picker-style[aria-checked=true]{border-color:var(--cp-focus);box-shadow:0 0 0 1px var(--cp-focus)}
.cc-picker-style canvas{display:block;aspect-ratio:1;width:100%;height:auto;border-radius:3px;margin-bottom:8px}
.cc-picker-style span{display:block;text-align:center;font-size:12px;font-weight:600}
.cc-picker-note{margin:15px 0 26px;min-height:38px;font-size:12px;line-height:1.5;color:var(--cp-muted)}
.cc-picker-format{margin:0 0 12px;font:10px/1.6 'IBM Plex Mono',monospace;color:var(--cp-muted)}
.cc-picker-download{width:100%;min-height:49px;padding:13px 20px;display:block;background:#a9fb42;color:#172209!important;border:1px solid #a9fb42;border-radius:6px;font-weight:700!important;font-size:14px!important;transition:transform .15s}
.cc-picker-download:hover:not(:disabled){transform:translateY(-2px)}
.cc-picker-status{margin:12px 0;min-height:20px;font-size:12px;line-height:1.6;color:var(--cp-ink)}
.cc-picker-hint{margin:0;padding-top:16px;border-top:1px solid var(--cp-line);font-size:11px;line-height:1.6;color:var(--cp-muted)}
@media(max-width:740px){.cc-picker{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.cc-picker-shell{padding:20px}.cc-picker-layout{grid-template-columns:1fr;gap:20px}.cc-picker-preview{max-width:430px;margin-inline:auto}.cc-picker-description{font-size:13px;margin-bottom:15px}.cc-picker-style{display:flex;align-items:center;gap:8px;padding:6px}.cc-picker-style canvas{width:38px;margin:0}.cc-picker-style span{font-size:11px}.cc-picker-note{min-height:0;margin:13px 0 18px}.cc-picker-format{font-size:10px}.cc-picker-header{margin-bottom:18px}}
@media(max-width:380px){.cc-picker-shell{padding:14px}.cc-picker-style{flex-direction:column;gap:5px;padding:5px}.cc-picker-style canvas{width:100%;max-width:64px}.cc-picker-header h2{font-size:25px}.cc-picker-kicker{font-size:9px}.cc-picker-close{width:34px;height:34px}.cc-picker-format{font-size:9px}.cc-picker-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cc-picker *{transition:none!important}}