.cs-site{--cs-line:#d7d7ce;--cs-wash:#f0ede5;--cs-white:#fffefa}.cs-header{padding-block:52px 40px}.cs-header h1{margin:0 0 22px;font-size:clamp(3rem,5.8vw,5.8rem);line-height:1.04}.cs-header>p:not(.b-kicker){max-width:560px;color:var(--b-muted);font-size:1.1rem}.cs-site h2{margin:0 0 18px;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.12}.cs-site h3{margin:12px 0;font-size:1.6rem}.cs-site button,.cs-site a,.cs-site input,.cs-site select{touch-action:manipulation}.cs-site input,.cs-site select{background:var(--cs-white);min-height:46px;color:var(--b-ink);border:1px solid #95998e;border-radius:0;width:100%;padding:10px 12px}.cs-site label{flex-direction:column;gap:8px;font-size:.85rem;display:flex}.cs-site button:disabled{opacity:.5;cursor:not-allowed}.cs-site :focus-visible{outline:3px solid var(--b-rose);outline-offset:4px}.cs-board{border:1px solid var(--cs-line);background:var(--cs-white);padding:34px}.cs-board-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.cs-board-heading>p{max-width:340px;color:var(--b-muted);margin:0 0 18px}.cs-composition{grid-template-columns:minmax(0,1fr) 230px;gap:32px;display:grid}.cs-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.cs-slot{text-align:center;min-width:0}.cs-slot-color,.cs-slot-empty{border:1px solid var(--cs-line);width:100%;min-height:174px;font:inherit;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 5px;text-decoration:none;display:flex}.cs-slot-color>span:first-child{font:1.2rem var(--display)}.cs-slot-color small{font-size:.7rem}.cs-change{text-underline-offset:3px;font-size:.7rem;text-decoration:underline}.cs-slot-empty{color:var(--b-muted);background:#f7f6f1;border:1px dashed #a8ad9e;font-size:.8rem}.cs-slot-empty>span:first-child{font-size:2rem}.cs-role{color:var(--b-muted);margin-top:10px;font-size:.72rem;display:block}.cs-remove{font:inherit;min-height:44px;color:var(--b-muted);background:0 0;border:0;padding:5px 10px;font-size:.75rem;text-decoration:underline}.cs-slot.is-replacing .cs-slot-color{outline:3px solid var(--b-rose);outline-offset:2px}.cs-proportion{background:var(--cs-wash);height:24px;display:flex;overflow:hidden}.cs-help{color:var(--b-muted);margin:12px 0 0;font-size:.78rem;line-height:1.6}.cs-actions{flex-wrap:wrap;align-items:end;gap:16px;margin-top:24px;display:flex}.cs-name{flex:1;min-width:180px}.cs-paper-size{width:120px}.cs-actions .b-button{gap:12px;min-height:46px}.cs-minor-actions{flex-wrap:wrap;align-items:center;gap:6px 20px;margin-top:14px;display:flex}.cs-minor-actions .b-text-button{padding-inline:0}.cs-status{min-height:24px;color:var(--b-rose);margin:10px 0;font-size:.9rem}.cs-replace-note,.cs-storage{background:#f1ece6;padding:12px 18px}.cs-replace-note .b-text-button{font-size:.8rem}.cs-styling{border:1px solid var(--cs-line);height:242px;position:relative;overflow:hidden}.cs-cloth{opacity:.9;width:75px;height:290px;position:absolute;top:-15px;left:24px;transform:rotate(-13deg)}.cs-plate{background:#fffdfa;border:7px solid;border-radius:50%;width:135px;height:135px;position:absolute;top:53px;left:38px;box-shadow:0 3px 10px #343b3412}.cs-plate>span{width:42px;height:100px;margin:12px auto;display:block;transform:rotate(18deg)}.cs-paper{text-align:center;background:#fbfaf6;width:90px;padding:16px 9px;position:absolute;bottom:18px;right:12px;transform:rotate(8deg);box-shadow:0 2px 9px #343b3415}.cs-paper span{letter-spacing:1.5px;font-size:6px;display:block}.cs-paper strong{font:italic 20px var(--display);margin:10px 0;display:block}.cs-paper i{width:24px;height:3px;margin:auto;display:block}.cs-bloom{border:12px solid;border-radius:50%;width:44px;height:44px;position:absolute;top:16px;right:14px}.cs-picker{grid-template-columns:minmax(0,1fr) 310px;gap:64px;padding-block:70px;scroll-margin-top:24px;display:grid}.cs-chooser>p:not(.b-kicker){max-width:590px;color:var(--b-muted)}.cs-starters{flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0;display:flex}.cs-starters>span{width:100%;color:var(--b-muted);font-size:.8rem}.cs-starters button{border:1px solid var(--cs-line);min-height:44px;font:inherit;color:var(--b-ink);background:0 0;align-items:center;gap:4px;padding:8px 12px;font-size:.78rem;display:flex}.cs-starters i{border-radius:50%;width:12px;height:12px}.cs-starters i:last-of-type{margin-right:6px}.cs-filters{grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.cs-color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 10px;display:grid}.cs-color{color:var(--b-ink);font:inherit;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:9px;min-height:96px;padding:6px 2px;font-size:.75rem;display:flex}.cs-color[aria-pressed=true]{border-color:var(--b-rose);background:#f3ece9}.cs-dot{border:1px solid #343b3425;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.25rem;display:grid}.cs-color:not(:disabled):hover .cs-dot{outline:1px solid var(--b-rose);outline-offset:4px}.cs-live-strip{z-index:2;background:var(--b-paper);border:1px solid var(--cs-line);align-items:stretch;height:44px;margin:0 0 20px;display:flex;position:sticky;top:0}.cs-live-strip>span{flex:1}.cs-live-strip>a{background:var(--b-paper);align-items:center;padding:0 12px;font-size:.75rem;display:flex}.cs-strip-empty{color:var(--b-muted);justify-content:center;align-items:center;font-size:.75rem;display:flex}.cs-suggestions{border-left:1px solid var(--cs-line);align-self:start;padding-left:28px;position:sticky;top:20px}.cs-suggestions h2{font-size:2.3rem}.cs-suggestions>p:not(.b-kicker){color:var(--b-muted);font-size:.9rem}.cs-suggestion-list{margin-block:20px}.cs-suggestion-list button{text-align:left;border:0;border-top:1px solid var(--cs-line);width:100%;min-height:64px;color:var(--b-ink);font:inherit;background:0 0;align-items:center;gap:12px;padding:10px 0;display:flex}.cs-suggestion-list button>span:first-child{border:1px solid #343b3420;border-radius:50%;flex-shrink:0;width:38px;height:38px}.cs-suggestion-list strong{font-size:.9rem;font-weight:500;display:block}.cs-suggestion-list small{color:var(--b-muted);margin-top:3px;font-size:.73rem;line-height:1.4;display:block}.cs-suggestion-list b{margin-left:auto;font-size:1.3rem;font-weight:400}.cs-suggestions .b-button{gap:0;width:100%;padding:12px;font-size:.78rem}.cs-compare{border-block:1px solid var(--cs-line);padding-block:48px;scroll-margin-top:24px}.cs-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.cs-compare-grid article{min-width:0}.cs-compare-grid h3{overflow-wrap:anywhere}.cs-compare-ribbon{height:110px;margin:20px 0;display:flex}.cs-compare-ribbon span{flex:1}.cs-compare-grid ul{margin:0;padding:0;list-style:none}.cs-compare-grid li{justify-content:space-between;gap:8px;margin:10px 0;font-size:.8rem;display:flex}.cs-compare-grid code{color:var(--b-muted);font-size:.75rem}.cs-empty{max-width:650px;color:var(--b-muted);padding:20px 0}.cs-uses{padding-block:60px}.cs-uses>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:30px;display:grid}.cs-uses article>span{border:1px solid var(--cs-line);border-radius:50%;width:38px;height:38px;display:block}.cs-uses h3{font-size:1.4rem}.cs-uses .b-kicker{letter-spacing:.08em;margin:0 0 12px;font-size:.65rem}.cs-uses p:not(.b-kicker){color:var(--b-muted);font-size:.85rem}.cs-print-note{padding-block:40px 64px}.cs-print-note h2{font-size:2rem}.cs-print-note p{max-width:760px;color:var(--b-muted);font-size:.9rem}@media (max-width:1000px){.cs-composition{grid-template-columns:1fr}.cs-composition>div:last-child{display:none}.cs-picker{grid-template-columns:minmax(0,1fr) 260px;gap:28px}.cs-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-suggestions{padding-left:20px}.cs-board{padding:24px}.cs-compare-grid{gap:18px}.cs-uses>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.cs-header{padding-block:32px 24px}.cs-board{padding:22px 14px}.cs-board-heading{flex-direction:column;align-items:start;gap:4px}.cs-board-heading>p{max-width:none}.cs-slots{gap:5px}.cs-slot-color,.cs-slot-empty{min-height:132px;padding:8px 3px}.cs-slot-color>span:first-child{overflow-wrap:anywhere;font-size:.9rem}.cs-slot-color small{font-size:.58rem}.cs-role{font-size:.62rem}.cs-remove{padding-inline:2px;font-size:.68rem}.cs-actions{gap:12px}.cs-name{flex-basis:100%}.cs-actions>.b-button{flex:1;padding:12px;font-size:.78rem}.cs-actions .cs-paper-size{width:100px}.cs-picker{grid-template-columns:1fr;gap:36px;padding-block:40px}.cs-suggestions{border-left:0;border-top:1px solid var(--cs-line);padding:28px 0 0;position:static}.cs-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.cs-filters{grid-template-columns:1fr;gap:10px}.cs-compare-grid{scroll-snap-type:x proximity;padding-bottom:14px;display:flex;overflow-x:auto}.cs-compare-grid article{scroll-snap-align:start;flex:0 0 78%}.cs-uses>div{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-uses{padding-block:40px}.cs-minor-actions{gap:0 14px}.cs-minor-actions .b-text-link,.cs-minor-actions .b-text-button{font-size:.78rem}}