.design-picker{border:1px solid #7a8b7166;margin:28px 0;background:#171c1b;color:#f5f3ed}.design-picker summary{padding:20px 24px;cursor:pointer;display:flex;align-items:center;gap:16px;flex-wrap:wrap;list-style:none}.design-picker summary::-webkit-details-marker{display:none}.design-picker summary>span:first-child{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:#a5b6a4}.design-picker summary>strong{font-size:23px;font-weight:500}.design-expand{margin-left:auto;color:#b9cf43;font-size:14px}.design-picker[open] .design-expand{opacity:.65}.design-picker-body{padding:0 24px 24px}.design-intro{max-width:740px;font-size:15px;line-height:1.5;color:#bdc9b7;margin:0 0 22px}.design-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.design-world{padding:0 0 15px;text-align:left;min-width:0;border:1px solid #697766;background:transparent;color:#f5f3ed;cursor:pointer;overflow:hidden}.design-world-art{display:block;aspect-ratio:1.1;overflow:hidden;background:#f5f3ed;pointer-events:none}.design-world-art>svg{display:block;width:100%;height:100%;transform:none}.design-world>strong{display:block;font:500 17px Arial,sans-serif;padding:13px 12px 5px}.design-world>small{display:block;font:12px/1.4 Arial,sans-serif;color:#b5c4b0;padding:0 12px}.design-world[aria-pressed=true]{border-color:#b9cf43;box-shadow:0 0 0 2px #b9cf43}.design-world[aria-pressed=true]>strong{color:#b9cf43}.design-control{border:0;margin:24px 0 0;padding:0}.design-control legend{font-size:14px;font-weight:600;margin-bottom:10px}.design-control-row{display:flex;flex-wrap:wrap;gap:8px}.design-control-row button,.design-surprise{min-height:44px;border:1px solid #758677;background:transparent;color:#f5f3ed;padding:12px 18px;font:inherit;cursor:pointer}.design-control-row button[aria-pressed=true]{background:#b9cf43;color:#171c1b;border-color:#b9cf43}.design-surprise{margin-top:24px;border-color:#b9cf43;color:#b9cf43}.design-status{font-size:13px;color:#bdc9b7;min-height:22px;margin:18px 0 0}.design-picker :focus-visible{outline:3px solid #b9cf43;outline-offset:4px}.strategy-preview:has(.strategy-live-art){display:block;min-height:0;padding:20px;background:#202a23;box-shadow:none;border-radius:0}.strategy-live-art{max-width:360px;margin:auto;filter:drop-shadow(0 14px 24px #0003)}.strategy-live-art>svg{display:block;width:100%;height:auto}.strategy-preview:has(.strategy-live-art) .strategy-kicker{display:block;color:#b9cf43;line-height:1.5;margin:0 0 18px}.strategy-preview:has(.strategy-live-art) .strategy-live-label{display:block;font-size:13px;color:#c3cdb9;margin:16px 0 0}.strategy-grid+.design-picker{margin-top:30px}.video-premiere>.design-picker{scroll-margin-top:100px}.design-world:hover .design-world-art>svg{transform:scale(1.025);transition:transform .25s ease}
@media(max-width:760px){.design-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-picker summary{padding:18px;gap:9px 14px}.design-picker summary>strong{font-size:21px}.design-expand{flex-basis:100%;margin:0}.design-picker-body{padding:0 16px 20px}.design-world-art{aspect-ratio:1.25}.design-world>strong{font-size:15px;padding:11px 10px 4px}.design-world>small{padding:0 10px;font-size:11px}.design-control-row{gap:6px}.design-control-row button{font-size:14px;padding:10px 13px}.strategy-live-art{max-width:285px}.strategy-preview:has(.strategy-live-art){padding:18px}}
@media(prefers-reduced-motion:reduce){.design-world:hover .design-world-art>svg{transition:none;transform:none}}.paused .design-world:hover .design-world-art>svg{transition:none;transform:none}

#strategy-workshop{scroll-margin-top:125px}.design-world-art>svg{object-fit:contain}

.design-tuning{display:grid;grid-template-columns:1fr 260px;gap:30px;margin-top:24px;align-items:center}.design-live{height:290px;min-width:0}.design-live>svg{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 24px #0003)}@media(max-width:760px){.design-tuning{grid-template-columns:1fr;gap:20px}.design-live{height:290px;max-width:255px;width:100%;margin:auto}.design-tuning .design-control:first-child{margin-top:0}}
