.cp-finish{background:radial-gradient(55% 45% at 15% 0,#0d94881f,#0000 62%),#f6fbfa;padding:64px 56px 72px}.cp-finish__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:44px;max-width:1000px;margin:0 auto;display:grid}.cp-finish__stage{aspect-ratio:4/3;border-radius:var(--pat-radius-lg);background:radial-gradient(60% 55% at 50% 45%,#fff,#0000 70%),linear-gradient(150deg,#e6f0ee 0%,#d0e3df 100%);border:1px solid #123b361a;justify-content:center;align-items:center;display:flex}.cp-finish__shape{aspect-ratio:2/3;background:linear-gradient(155deg,#6f7681 0%,#3f4550 55%,#2a2f38 100%);border-radius:48% 48% 44% 44%/34% 34% 66% 66%;width:26%;box-shadow:inset 0 -10px 22px #00000059,inset 0 8px 16px #ffffff2e,0 20px 36px #123b3638}.cp-finish__kicker{letter-spacing:.16em;text-transform:uppercase;color:#0f766e;font-size:.73rem;font-weight:700}.cp-finish__title{letter-spacing:-.04em;color:#123b36;margin:14px 0 0;font-size:clamp(1.7rem,3.2vw,2.2rem);font-weight:750}.cp-finish__lede{color:#4a6b66;max-width:42ch;margin:14px 0 24px;font-size:.98rem;line-height:1.75}.cp-finish__swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cp-finish__swatch{border-radius:var(--pat-radius-sm);background:#fff;border:1px solid #123b361f;flex-direction:column;align-items:center;gap:9px;padding:14px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.cp-finish__swatch:hover{border-color:#0f766e}.cp-finish__swatch--active{border-color:#0f766e;box-shadow:0 0 0 1px #0f766e}.cp-finish__dot{border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 1px #0000001f}.cp-finish__swatch-name{color:#123b36;font-size:.8rem;font-weight:650}.cp-finish__swatch-note{text-align:center;color:#8aa8a3;font-size:.7rem;line-height:1.35}.cp-finish__custom{border-radius:var(--pat-radius-sm);background:#fff;border:1px dashed #123b3638;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.cp-finish__custom-text strong{color:#123b36;font-size:.86rem;font-weight:650;display:block}.cp-finish__custom-text span{color:#8aa8a3;margin-top:3px;font-size:.78rem;display:block}.cp-finish__meta{border-radius:var(--pat-radius-sm);background:#123b361f;border:1px solid #123b361f;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:20px;display:grid;overflow:hidden}.cp-finish__meta>div{background:#fff;padding:12px 14px}.cp-finish__meta dt{letter-spacing:.12em;text-transform:uppercase;color:#8aa8a3;font-size:.64rem;font-weight:700}.cp-finish__meta dd{color:#123b36;margin:5px 0 0;font-size:.84rem;font-weight:650}.cp-token{background:#f7f8fa;padding:56px 56px 72px}.cp-token__inner{max-width:900px;margin:0 auto}.cp-token__crumb{font-family:var(--pat-mono);color:var(--pat-soft);font-size:.78rem}.cp-token__title{letter-spacing:-.04em;color:var(--pat-ink);margin:14px 0 0;font-size:1.7rem;font-weight:750}.cp-token__lede{max-width:56ch;color:var(--pat-body);margin:12px 0 26px;font-size:.96rem;line-height:1.7}.cp-token__table{border:1px solid var(--pat-line);border-radius:var(--pat-radius-md);box-shadow:var(--pat-shadow-sm);background:#fff;overflow:hidden}.cp-token__row{border-bottom:1px solid #0f172a0d;grid-template-columns:44px 170px 96px minmax(0,1fr);align-items:center;gap:16px;padding:14px 20px;display:grid}.cp-token__row:last-child{border-bottom:none}.cp-token__row--head{letter-spacing:.1em;text-transform:uppercase;color:var(--pat-soft);background:#fbfcfd;font-size:.7rem;font-weight:700}.cp-token__name{font-family:var(--pat-mono);color:var(--pat-ink);font-size:.84rem;font-weight:600}.cp-token__hex{font-family:var(--pat-mono);text-transform:uppercase;color:var(--pat-body);font-size:.82rem}.cp-token__usage{color:var(--pat-body);font-size:.86rem}.cp-token__audit{border:1px solid var(--pat-line);border-radius:var(--pat-radius-md);background:#fff;margin-top:26px;padding:22px 24px}.cp-token__audit-title{letter-spacing:.12em;text-transform:uppercase;color:var(--pat-soft);margin:0 0 14px;font-size:.74rem;font-weight:700}.cp-token__check{border-bottom:1px solid #0f172a0d;grid-template-columns:minmax(0,1fr) 70px 62px;align-items:center;gap:14px;padding:10px 0;display:grid}.cp-token__check:last-child{border-bottom:none}.cp-token__pair{color:var(--pat-ink);font-size:.88rem}.cp-token__ratio{font-family:var(--pat-mono);color:var(--pat-body);font-size:.82rem}.cp-token__grade{text-align:center;border-radius:5px;padding:3px 9px;font-size:.74rem;font-weight:700}.cp-token__grade--pass{color:#15803d;background:#16a34a1f}.cp-token__grade--fail{color:#b91c1c;background:#dc26261a}.cp-token__foot{color:var(--pat-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:.84rem;display:flex}.cp-paint{background:#f4f2ec;justify-content:center;padding:64px 32px 72px;display:flex}.cp-paint__card{border-radius:var(--pat-radius-md);background:#fdfcf8;border:1px solid #1c1a151f;width:100%;max-width:520px;overflow:hidden;box-shadow:0 24px 56px #1c1a151f}.cp-paint__field{background:#8b8d84;height:200px}.cp-paint__body{padding:26px 28px}.cp-paint__code{font-family:var(--pat-mono);letter-spacing:.08em;color:#8a8578;font-size:.78rem}.cp-paint__name{font-family:var(--pat-serif);letter-spacing:-.025em;color:#1c1a15;margin:10px 0 0;font-size:1.8rem;font-weight:400}.cp-paint__finish{color:#8a8578;margin:8px 0 0;font-size:.88rem;font-style:italic}.cp-paint__specs{border-top:1px solid #1c1a1524;flex-direction:column;margin:22px 0 0;padding-top:18px;display:flex}.cp-paint__spec{color:#3b382f;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;font-size:.88rem;display:flex}.cp-paint__spec dt{color:#8a8578}.cp-paint__coords{border-top:1px solid #1c1a1524;margin-top:22px;padding-top:18px}.cp-paint__coords-title{letter-spacing:.14em;text-transform:uppercase;color:#8a8578;margin:0 0 12px;font-size:.7rem;font-weight:700}.cp-paint__coord-row{gap:10px;display:flex}.cp-paint__coord{text-align:center;flex:1}.cp-paint__coord-chip{border-radius:4px;height:44px;margin-bottom:8px;display:block;box-shadow:inset 0 0 0 1px #0000001a}.cp-paint__coord-name{color:#8a8578;font-size:.74rem}.cp-paint__match{border-radius:var(--pat-radius-xs);background:#f7f5ee;border:1px solid #1c1a1524;align-items:center;gap:12px;margin-top:22px;padding:14px 16px;display:flex}.cp-paint__match-text strong{color:#1c1a15;font-size:.85rem;display:block}.cp-paint__match-text span{color:#8a8578;margin-top:3px;font-size:.76rem;display:block}.cp-paint__foot{background:#f7f5ee;border-top:1px solid #1c1a151f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.cp-paint__price{color:#1c1a15;font-size:.95rem;font-weight:700}.cp-paint .btn--primary{--btn-bg:#1c1a15}.cp-paint .btn--primary:hover{--btn-bg:#3b382f}.cp-label{background:#fbfcfe;padding:56px 56px 72px}.cp-label__inner{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:32px;max-width:940px;margin:0 auto;display:grid}.cp-label__panel{border:1px solid var(--pat-line);border-radius:var(--pat-radius-md);box-shadow:var(--pat-shadow-sm);background:#fff;padding:22px}.cp-label__panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--pat-soft);margin:0 0 16px;font-size:.74rem;font-weight:700}.cp-label__row{border-bottom:1px solid #0f172a0d;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0;display:grid}.cp-label__row:last-of-type{border-bottom:none}.cp-label__name{color:var(--pat-ink);font-size:.9rem}.cp-label__count{font-family:var(--pat-mono);color:var(--pat-soft);font-size:.76rem}.cp-label__add{margin-top:16px}.cp-label__day{border:1px solid var(--pat-line);border-radius:var(--pat-radius-md);box-shadow:var(--pat-shadow-sm);background:#fff;padding:22px 24px}.cp-label__day-head{border-bottom:1px solid var(--pat-line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;padding-bottom:16px;display:flex}.cp-label__day-title{letter-spacing:-.025em;color:var(--pat-ink);font-size:1.05rem;font-weight:700}.cp-label__day-meta{color:var(--pat-soft);font-size:.83rem}.cp-label__event{border-radius:0 var(--pat-radius-xs) var(--pat-radius-xs) 0;border-left:3px solid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;margin-top:8px;padding:12px 14px;display:grid}.cp-label__event-time{font-family:var(--pat-mono);color:var(--pat-body);font-size:.78rem}.cp-label__event-label{color:var(--pat-ink);font-size:.9rem;font-weight:600}.cp-label__event-cat{color:var(--pat-soft);margin-top:3px;font-size:.76rem}.cp-kit{background:radial-gradient(50% 45% at 20% 0,#0f4c8159,#0000 60%),linear-gradient(170deg,#0d1117 0%,#07090d 100%);padding:56px 56px 72px}.cp-kit__inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:44px;max-width:1000px;margin:0 auto;display:grid}.cp-kit__stage{aspect-ratio:4/5;border-radius:var(--pat-radius-lg);background:radial-gradient(55% 50% at 50% 40%,#ffffff0f,#0000 70%),#ffffff05;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.cp-kit__shirt{aspect-ratio:4/5;width:62%;position:relative}.cp-kit__body{background:#0f4c81;border-radius:12px 12px 8px 8px;position:absolute;inset:14% 12% 0}.cp-kit__sleeve{background:#e8b427;width:20%;height:34%;position:absolute;top:14%}.cp-kit__sleeve--l{border-radius:10px 0 0 14px;left:0}.cp-kit__sleeve--r{border-radius:0 10px 14px 0;right:0}.cp-kit__collar{background:#fff;border-radius:0 0 40% 40%;width:26%;height:9%;position:absolute;top:10%;left:50%;transform:translate(-50%)}.cp-kit__number{letter-spacing:-.05em;color:#ffffffe6;font-size:3.2rem;font-weight:800;position:absolute;top:44%;left:50%;transform:translate(-50%)}.cp-kit__club{letter-spacing:.26em;text-transform:uppercase;color:#e8b427d9;font-size:.72rem;font-weight:700}.cp-kit__title{letter-spacing:-.045em;color:#f8fafc;margin:14px 0 0;font-size:clamp(1.7rem,3.2vw,2.2rem);font-weight:800}.cp-kit__lede{color:#f8fafc7a;max-width:42ch;margin:12px 0 24px;font-size:.95rem;line-height:1.7}.cp-kit__zone{border-bottom:1px solid #ffffff14;grid-template-columns:44px minmax(0,1fr) 84px;align-items:center;gap:14px;padding:11px 0;display:grid}.cp-kit__zone:last-of-type{border-bottom:none}.cp-kit__zone-name{color:#f8fafccc;font-size:.9rem}.cp-kit__zone-hex{text-align:right;font-family:var(--pat-mono);text-transform:uppercase;color:#f8fafc66;font-size:.8rem}.cp-kit__presets{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:20px;display:flex}.cp-kit__preset{border-radius:var(--pat-radius-pill);color:#f8fafcbf;border:1px solid #ffffff24;align-items:center;gap:9px;padding:8px 14px;font-size:.82rem;display:flex}.cp-kit__preset-dots{display:flex}.cp-kit__preset-dot{border:1px solid #00000040;border-radius:50%;width:12px;height:12px}.cp-kit__preset-dot+.cp-kit__preset-dot{margin-left:-4px}.cp-kit__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.cp-kit__lead{color:#f8fafc61;font-size:.83rem}@media (width<=1000px){.cp-finish{padding:52px 32px 64px}.cp-finish__inner{grid-template-columns:minmax(0,1fr);gap:32px}.cp-token{padding:48px 32px 64px}.cp-token__row{grid-template-columns:40px minmax(0,1fr) 90px}.cp-token__usage{grid-column:1/-1}.cp-label{padding:48px 32px 64px}.cp-label__inner{grid-template-columns:minmax(0,1fr)}.cp-kit{padding:48px 32px 64px}.cp-kit__inner{grid-template-columns:minmax(0,1fr);gap:32px}.cp-kit__stage{aspect-ratio:16/10}}@media (width<=720px){.cp-finish{padding:40px 20px 52px}.cp-finish__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-finish__meta{grid-template-columns:minmax(0,1fr)}.cp-token{padding:36px 20px 52px}.cp-token__row--head{display:none}.cp-token__check{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.cp-token__ratio{grid-column:1}.cp-paint{padding:44px 16px 56px}.cp-paint__body{padding:22px 20px}.cp-paint__foot{padding:16px 20px}.cp-paint__foot .btn{width:100%}.cp-label,.cp-kit{padding:36px 20px 52px}.cp-kit__foot .btn{width:100%}}@media (prefers-reduced-motion:reduce){.cp-finish__swatch{transition:none}}.ds-color-picker{justify-content:center;align-items:center;display:inline-flex}.ds-color-picker__input{border:1px solid var(--ds-border,#d1d5db);background:var(--ds-surface,#fff);cursor:pointer;border-radius:10px;width:44px;height:44px;padding:2px;transition:border-color .2s,box-shadow .2s}.ds-color-picker__input:hover{border-color:var(--ds-primary,#2563eb)}.ds-color-picker__input:focus-visible{border-color:var(--ds-primary,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb2e}.ds-color-picker__input:disabled{cursor:not-allowed;opacity:.5}