/* The advanced workbench shares PATIO's stadium greens, paper and toy buttons. */
.crest-upgrade{display:grid;grid-template-columns:1fr auto;gap:12px 20px;margin:0 0 24px;padding:20px;border:2px solid #6d9270;border-radius:12px;background:#204e39}
.crest-upgrade small{font:700 10px var(--font);letter-spacing:1.4px;color:#f5cd61}.crest-upgrade h3{font:400 25px var(--toon-display);color:#fff0cb;margin:6px 0}.crest-upgrade p{font-size:13px;color:#c0d4b3;line-height:1.5;margin:0;max-width:40ch}
.crest-upgrade #openCrestWorkshop{grid-column:1/-1;justify-self:start;min-height:44px;background:var(--toon-yellow);color:#163c2c;padding:11px 15px;border:2px solid #0e3025;border-radius:8px;box-shadow:0 3px #0e3025;font-weight:800;font-size:13px}
#crestStudioSamples{display:flex;align-items:center;gap:2px}#crestStudioSamples svg{width:49px;height:57px;stroke:none;filter:drop-shadow(0 3px #0b2d2433)}#crestStudioSamples svg:nth-child(2){transform:translateY(-8px)}
.advanced-crest-applied{padding:20px;background:#102f25;border:1px solid #76976c;border-radius:10px;line-height:1.6}.advanced-crest-applied strong{color:#ffe39a}.advanced-crest-applied p{font-size:13px;color:#bfceaf}.advanced-crest-applied button{color:#e6dcb2;background:transparent;text-decoration:underline;text-underline-offset:4px;min-height:44px}
#clubStudio.crest-workshop-open>.hub-view-heading,#clubStudio.crest-workshop-open>.studio-layout{display:none}
.crest-workshop{max-width:1300px;margin:auto;color:#fff3d5;--cw-line:#75926b55}
.cw-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.cw-back{font-size:12px;color:#bdd0b3;background:none;padding:0;min-height:32px}.cw-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#eac76b;margin:10px 0}.cw-heading h1{font:400 clamp(28px,3.2vw,46px)/1.1 var(--toon-display);letter-spacing:-.5px!important}.cw-heading h1 em{color:var(--toon-yellow)!important}
.cw-history{display:flex;gap:8px}.cw-history button{width:44px;height:44px;border:2px solid #0c2d24;border-radius:9px;color:#fff1ca;background:#315a41;font:26px var(--font);box-shadow:0 3px #0c2d24}
.cw-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:5px;background:#103025;border:2px solid #0c2c23;border-radius:12px;gap:5px;margin-bottom:26px}.cw-steps button{display:flex;align-items:center;justify-content:center;gap:9px;background:none;color:#b8cead;padding:13px 8px;min-height:48px;border-radius:7px;font-weight:800;font-size:13px}.cw-steps button span{font-size:10px;opacity:.65}.cw-steps button[aria-current=step]{color:#173b2c;background:#ffd349;box-shadow:0 3px #b68928}
.cw-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:38px;align-items:start}.cw-controls{min-width:0}.cw-section-heading h2{font:400 27px/1.15 var(--toon-display);color:#fff2cf}.cw-section-heading p{color:#bacead;font-size:13px;line-height:1.65;margin:10px 0 22px;max-width:59ch}
#cwFields h3{font:800 12px var(--font);letter-spacing:.2px;color:#e9ecd0;margin:24px 0 10px}#cwFields h3:first-child{margin-top:0}
.cw-templates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cw-template{min-width:0;background:#244c38;border:2px solid #527651;border-radius:12px;overflow:hidden;padding:0 0 13px;text-align:left;color:#f6eed1;transition:transform .15s,border-color .15s}.cw-template-art{display:grid;place-items:center;height:122px;background:radial-gradient(ellipse at 50% 60%,#edf0d4,#d8ddb9);margin:0 0 11px}.cw-template-art svg{width:89px;height:98px;stroke:none;filter:drop-shadow(0 4px #263d282a)}.cw-template strong{display:block;font:400 19px var(--toon-display);padding:0 10px}.cw-template small{display:block;font:11px/1.4 var(--font);color:#c1d3b3;padding:5px 10px 0}.cw-template[aria-pressed=true]{border-color:#ffd349;box-shadow:0 0 0 2px #ffd34930}.cw-template:hover{transform:translateY(-2px);border-color:#e0c169}
.cw-preview{position:sticky;top:0;border:3px solid #0d2d23;box-shadow:0 6px #08281e;border-radius:19px;padding:21px 23px 17px;background:#f2efd4;color:#204334;overflow:hidden;text-align:center}.cw-preview:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,#fffbe7,transparent 65%);opacity:.8}.cw-preview>*{position:relative}.cw-preview-top{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#58764c}.cw-preview-top button{flex-shrink:0;width:32px;height:32px;font-size:23px;color:#284e38;border:1px solid #93a780;background:#e0e7c5;border-radius:50%;padding:0}
#cwArt{height:260px;display:grid;place-items:center;margin:9px auto 2px}#cwArt svg{width:220px;height:242px;stroke:none;filter:drop-shadow(0 9px 0 #203f2721)}#cwClubName{font:400 26px var(--toon-display);margin:5px 0 20px;overflow-wrap:anywhere}.cw-contexts{border-top:1px solid #81977155;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:18px;padding-top:16px}.cw-contexts small{font-size:8px;letter-spacing:1px;font-weight:800;color:#678054}.cw-shirt{display:flex;align-items:center;flex-direction:column;gap:5px}.cw-shirt>span{display:block;height:83px}.cw-shirt svg{width:80px;height:83px;stroke:none}.cw-score>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;background:#183c2e;color:#fff0cb;border-radius:8px;margin-bottom:10px}.cw-score #cwSmall svg{width:25px;height:28px;stroke:none;display:block}.cw-score b{font-size:11px}.cw-score-number{font:400 23px var(--toon-display);white-space:nowrap}.cw-preview-note{font-size:10px;color:#69805b;line-height:1.5;margin:17px 0 0}
.cw-dark-preview .cw-preview{background:#132e29;color:#f6e9c3}.cw-dark-preview .cw-preview:before{background:radial-gradient(ellipse at 50% 30%,#355d49,transparent 65%)}.cw-dark-preview .cw-preview-top,.cw-dark-preview .cw-contexts small,.cw-dark-preview .cw-preview-note{color:#bacbab}
.cw-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cw-options button,.cw-symbols button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:46px;border:2px solid #54774f;background:#193e2e;color:#d3e1c0;border-radius:8px;padding:12px 5px;font-size:11px;font-weight:700}.cw-options svg{width:32px;height:35px;stroke:#e6e7c0;fill:#759867;stroke-width:3}.cw-options i{font-size:25px;font-style:normal}.cw-options [aria-pressed=true],.cw-symbols [aria-pressed=true]{color:#ffe597;background:#315d3b;border-color:#ffd349}.cw-symbols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cw-symbols button svg{width:48px;height:48px;stroke:none}.cw-symbols button[hidden]{display:none}
.cw-field-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.cw-link{font-size:11px;color:#f4d37c;min-height:40px;background:none;text-decoration:underline;text-underline-offset:4px;padding:0;text-align:left}.cw-palettes{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.cw-palettes button{display:flex;overflow:hidden;padding:5px;background:#193a2c;border:1px solid #647f59;border-radius:8px;min-height:43px}.cw-palettes i{width:23px;height:29px}.cw-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cw-color-fields>label{font-size:12px;color:#cbdbb8}.cw-color-fields label>span{display:flex;gap:6px;margin-top:7px}.cw-color-fields input[type=color]{width:43px;height:43px;padding:4px;border-radius:7px;flex-shrink:0}.cw-color-fields input[type=text]{width:100%;font:12px var(--mono);padding:8px!important}.cw-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#c2d6b2;margin-bottom:17px}.cw-field input,.cw-field select{width:100%;font-size:14px!important;min-height:44px}.cw-text-fields{margin-top:23px}.cw-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cw-help{font-size:12px;color:#b0c7a3;line-height:1.65;margin:18px 0}.cw-details{border-top:1px solid var(--cw-line);margin-top:22px;padding-top:10px}.cw-details summary{cursor:pointer;font-size:12px;color:#d8e2bf;min-height:44px;align-content:center;font-weight:700}.cw-range{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:12px;color:#bbd0a9}.cw-range>span{display:flex;justify-content:space-between;gap:10px}.cw-range output{font-variant-numeric:tabular-nums;color:#fff0c5}.cw-range input[type=range]{padding:0;background:none;border:0;width:100%;height:28px;accent-color:#ffd349;cursor:pointer}.cw-finish-note{margin-top:23px;padding:19px;border-left:3px solid #ffd349;background:#234e37;border-radius:0 8px 8px 0}.cw-finish-note strong{font:400 22px var(--toon-display)}.cw-finish-note p{font-size:12px;line-height:1.6;color:#bdcfae;margin-bottom:0}
.cw-pagination{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.cw-error{color:#ffb89b;font-size:12px;line-height:1.5}.cw-error:empty{display:none}.crest-workshop [aria-invalid=true]{outline:2px solid #ffb093}.crest-workshop button:disabled{opacity:.4;cursor:default;transform:none}.crest-workshop button:focus-visible{outline:3px solid #ffe691;outline-offset:3px}.crest-workshop button:active:not(:disabled){transform:translateY(2px)}
.cw-footer{position:sticky;bottom:-28px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:18px 0 20px;background:#123c2ef5;border-top:1px solid var(--cw-line);backdrop-filter:blur(12px)}.cw-footer strong{display:block;font-size:12px;font-weight:700;color:#d9e5bf}.cw-footer>div>span{display:block;font-size:11px;color:#aac39d;margin-top:5px}.cw-actions{display:flex;gap:10px;align-items:center}.cw-actions .primary{width:auto;padding:13px 19px;font:400 21px var(--toon-display);gap:20px;white-space:nowrap}
@media(max-width:1100px){.cw-layout{gap:22px;grid-template-columns:minmax(0,1fr) minmax(275px,.8fr)}.cw-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-template-art{height:115px}.cw-preview{padding:15px}#cwArt{height:235px}#cwArt svg{width:200px;height:220px}.cw-steps button{gap:6px;font-size:12px}}
@media(max-width:760px){.crest-upgrade{padding:16px;gap:10px}.crest-upgrade p{font-size:12px}#crestStudioSamples svg{width:31px;height:36px}.crest-upgrade h3{font-size:23px}.crest-workshop{padding-bottom:0}.cw-heading{margin-bottom:15px}.cw-heading h1{font-size:30px!important}.cw-eyebrow{font-size:9px;margin:8px 0}.cw-history{gap:5px}.cw-history button{width:38px;height:40px}.cw-steps{display:flex;overflow-x:auto;margin-bottom:15px;scrollbar-width:thin;gap:4px}.cw-steps button{flex:0 0 auto;padding:10px 13px;min-height:44px}.cw-steps button span{display:none}.cw-layout{display:flex;flex-direction:column;gap:22px}.cw-preview{position:sticky;order:-1;top:-25px;width:100%;z-index:2;display:grid;grid-template-columns:115px 1fr;gap:4px 12px;padding:12px 15px;border-radius:12px;box-shadow:0 4px #08281e}.cw-preview-top{grid-column:2;grid-row:1;align-self:start;letter-spacing:.5px;font-size:7px}.cw-preview-top button{width:26px;height:26px;font-size:18px}#cwArt{grid-row:1/4;grid-column:1;height:128px;margin:0}#cwArt svg{width:110px;height:121px;filter:drop-shadow(0 5px #24402922)}#cwClubName{grid-column:2;grid-row:2;font-size:20px;text-align:left;margin:0;align-self:start}.cw-contexts{grid-column:2;grid-row:3;display:block;border:0;padding:0}.cw-shirt{display:none}.cw-score>div{padding:7px 9px;justify-content:flex-start;margin:0;gap:8px}.cw-score small,.cw-preview-note{display:none}.cw-score #cwSmall svg{width:19px;height:21px}.cw-score-number{font-size:19px;margin-left:auto}.cw-controls{width:100%}.cw-section-heading h2{font-size:25px!important}.cw-section-heading p{font-size:12px;margin-bottom:17px}.cw-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cw-template-art{height:116px}.cw-template strong{font-size:20px}.cw-template small{min-height:38px}.cw-footer{bottom:-25px;gap:8px;padding:12px 0;flex-wrap:wrap;margin-top:15px}.cw-footer>div:first-child{width:100%}.cw-footer>div>span{display:none}.cw-footer strong{font-size:11px}.cw-actions{width:100%}.cw-actions .primary{flex:1;justify-content:center;padding:12px 10px;font-size:19px;gap:10px}.cw-actions .outline-button{font-size:11px;padding:12px}.cw-options{gap:6px}.cw-options button{font-size:10px}.cw-field-heading{align-items:baseline;gap:10px}.cw-palettes{gap:7px}.cw-palettes i{width:21px}.cw-symbols button{font-size:11px;padding:10px 4px}.cw-symbols button svg{width:42px;height:42px}}
@media(max-height:550px) and (orientation:landscape){.cw-preview{position:static}.cw-steps{margin-bottom:18px}.cw-footer{position:static}#cwArt{height:180px}#cwArt svg{height:170px;width:155px}}
.cw-steps{position:sticky;top:0;z-index:4;box-shadow:0 4px 0 #123a2d}
.cw-preview{top:83px}.cw-section-heading h2{scroll-margin-top:100px}
.cw-footer-info{display:flex;align-items:center;gap:14px}.cw-footer-info>div>span{display:block;font-size:11px;color:#aac39d;margin-top:5px}
@media(max-width:760px){.cw-preview{top:80px}.cw-section-heading h2{scroll-margin-top:260px}.cw-footer-info{gap:12px}.cw-footer-info>div>span{display:none}.cw-history button{width:44px;height:44px;font-size:22px}.cw-footer{padding-top:8px}.cw-footer-info strong{font-size:10px}.cw-field input,.cw-field select,.cw-color-fields input[type=text]{font-size:16px!important}}
@media(max-height:550px) and (orientation:landscape){.cw-preview{position:static}}
@media(prefers-reduced-motion:reduce){.cw-template{transition:none}.cw-template:hover{transform:none}}