/* Design 3: bright, easy-to-use wheel tools with a shared friendly visual language. */
:root{color-scheme:light;--accent:#1879e6;--on-accent:#fff;--ink:#263548;--muted:#617186;--line:#dfe6ee;--surface:#fff;--field:#fff;--focus:#1676da;--pointer:#ef493f;--hub:#fff;--bg:#f7faff;--panel:#fff;--border:#dfe6ee;--lime:#398615;--purple:#7851cf;--pink:#db3984;--soft:#f1f7ff}html{background:#fff;color:#263548;font-family:Arial,Helvetica,sans-serif}body[class*=design-]{margin:0;color:#263548;background:#fff;font:16px/1.55 Arial,Helvetica,sans-serif}button,input,textarea,select{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #1979dc;outline-offset:3px}a{color:#2268b5}button{border-radius:8px;border-color:#dce3ed;min-height:36px;background:#fff;color:#33475b;font-size:14px}button:hover{background:#f1f6fd;filter:none}.primary,button.primary:hover,.actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:none;margin:0;padding:0 32px;background:#fff;border:0;border-bottom:1px solid var(--line);position:relative;z-index:5}.site-header .brand,.brand{display:block;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:800;line-height:1.2;letter-spacing:-1px;white-space:nowrap;text-decoration:none;text-shadow:none}.brand span{display:inline!important;font:inherit!important;background:transparent!important;width:auto!important;height:auto!important;border:0!important;letter-spacing:inherit!important}.nav-label{display:none}.site-header nav{display:flex;align-items:center;gap:25px;margin:0;padding:0;width:auto}.site-header nav a{font:600 14px/1.4 Arial,sans-serif;color:#5b6d82;text-decoration:none;white-space:nowrap;padding:9px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--accent)}.header-actions{display:flex;gap:7px;align-items:center;margin:0}.header-actions button,.header-actions a{padding:9px 12px;background:#fff;border:1px solid var(--line);color:#506279;font-size:12px;border-radius:8px;text-decoration:none;box-shadow:none}.header-actions #theme-toggle{font-size:18px;border:0;padding:5px 8px}.header-cta{display:none}main{padding:0;max-width:1440px;margin:auto}.product-intro{padding:27px 32px 22px}.eyebrow,.panel-kicker{font:700 12px/1.5 Arial,sans-serif;color:#5e7793;letter-spacing:.02em;text-transform:none}.product-intro h1{font:750 35px/1.15 Arial,sans-serif;letter-spacing:-1.1px;color:#25374c;margin:8px 0 10px}.product-intro p{font:15px/1.65 Arial,sans-serif;color:#64768a;max-width:650px;margin:0}.page-tools{display:flex;justify-content:flex-end;align-items:center;gap:13px;margin:8px 32px 15px;font:12px Arial,sans-serif;color:#6c7c8e;height:auto}.page-tools button{font:13px Arial,sans-serif;border:0;background:transparent;padding:6px;min-height:30px}.wheel-card{min-width:0}.wheel-side{min-width:0;text-align:center}.wheel-top{display:flex;align-items:center;gap:6px;margin:0 auto 25px;width:100%}.wheel-top button{border:0;background:transparent;color:#728199;font-size:18px;min-height:32px;padding:6px 9px}.wheel-name{font:600 14px Arial,sans-serif;color:#64758b;text-align:center;padding:10px;min-width:0}.wheel-stage{width:100%;max-width:490px;margin:0 auto;aspect-ratio:1;border:7px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e0e6ed,0 7px 25px #30476e13;background:#fff}.wheel-stage:before{display:none}.wheel-stage canvas{border:0}.pointer{left:calc(50% - 13px);top:-20px;border-left:13px solid transparent;border-right:13px solid transparent;border-top:31px solid #ec443e;filter:drop-shadow(0 2px 1px #ffffff);transform:none}.hub{inset:39%;background:#fff;border:1px solid #e0e6ed;box-shadow:0 2px 8px #23405b15}.spin-invitation{font:700 14px Arial,sans-serif;top:46.5%;left:39%;width:22%;color:#596c85;letter-spacing:0}.stage-action{margin:22px auto 0;min-width:195px;border-radius:9px;padding:12px 23px;font:700 16px Arial,sans-serif;border:0;transform:none;box-shadow:none}.stage-action:hover{transform:none}.stage-caption{font:12px/1.6 Arial,sans-serif;color:#7a899b;margin:11px 0 0}.editor{min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 15px #39517006}.editor .panel-kicker{font-size:16px;color:#334d69;margin-bottom:16px;display:block;font-weight:750}.tabs{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 13px;padding:0 0 10px;border-bottom:1px solid #e5eaf1}.tabs button{font:600 13px Arial,sans-serif;border:0;background:#fff;color:#6c7a90;border-radius:6px;min-height:33px;padding:7px}.tabs button:first-child,.tabs button:nth-child(2){flex:1}.tabs button:nth-child(n+3){font-size:17px}.tabs button.active{background:#eaf3ff;color:#1678da}.entry-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.entry-tools button{font:12px Arial,sans-serif;border:1px solid #dfe6ef;border-radius:6px;background:#f8fafc;color:#61748b;padding:7px;min-height:32px;flex:1 1 40%}.entry-text{min-height:220px;height:240px;background:#fff;border:1px solid #d7e0eb;border-radius:8px;padding:14px 14px 40px;font:15px/1.75 Arial,sans-serif;color:#36485d;resize:vertical}.emoji-button{border:1px solid #e1e7ef;background:#f6f9fd;color:#718198;border-radius:6px;min-height:28px;font-size:15px;padding:3px 9px}.editor-bottom{font:12px/1.5 Arial,sans-serif;color:#758499;margin:9px 0}.editor-note{display:none}.picker-row{border:0;border-top:1px solid #e4eaf2;margin-top:12px;padding:0}.picker-row summary{font:600 12px/1.4 Arial,sans-serif;color:#67809c;letter-spacing:0;padding:13px 0}.style-swatches button{background:transparent;color:#6a7f97;font-size:11px;border:0}.preset-chips button,.preset-chips a{background:#f7faff;border:1px solid #dbe5f1;border-radius:6px;color:#4f759e;font-size:12px;padding:7px;text-decoration:none}.editor-foot{gap:8px;margin-top:12px}.editor-foot button{font:600 13px Arial,sans-serif;padding:9px 12px;border-radius:7px}.results-panel{background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:15px;color:#415871;font-size:14px}.weight-row{font:13px Arial,sans-serif;color:#4f667e}.weight-row input{font:13px Arial,sans-serif;border-color:#dbe4ee;background:#fff;color:#34495f;border-radius:5px}.weights-panel{background:#fafdff;border-color:#dce6f1}.wheel-page #status{font:13px/1.6 Arial,sans-serif;color:#64809b;margin:18px 32px 0;padding:0;border:0;background:transparent;min-height:22px}.guide{padding:32px 0 0;margin:45px 32px 0;border-top:1px solid var(--line);line-height:1.8;font-size:16px;background:transparent;color:#33475c;border-radius:0;box-shadow:none;transform:none}.guide>h2:first-child{font:750 29px/1.25 Arial,sans-serif;margin:0 0 20px;letter-spacing:-.5px}.guide h2{font:700 25px/1.25 Arial,sans-serif;color:#2f455e;letter-spacing:-.3px}.guide h3{font:700 18px/1.35 Arial,sans-serif;color:#34516e;text-transform:none;letter-spacing:0}.guide p,.guide li{font-size:15px;color:#677a8f}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0;border:0}.guide-grid article{padding:22px;background:#f7faff;border:1px solid #e5edf6;border-radius:12px;transform:none}.guide-grid article h3{margin:0 0 13px}.guide-grid article p{font-size:14px;line-height:1.75;margin:0}.guide a{color:#2170be;font-weight:600}footer{display:flex;flex-wrap:wrap;align-items:center;max-width:none;gap:17px;padding:27px 32px;margin:45px 0 0;border-top:1px solid var(--line);font:12px/1.8 Arial,sans-serif;color:#78899b}footer a{color:#637f9d;text-decoration:none}footer span{margin-left:auto}dialog{border:1px solid #d9e3ed;border-radius:14px;background:#fff;color:#30465e;font:15px/1.6 Arial,sans-serif;box-shadow:0 18px 80px #283b5929}dialog h2,dialog h3{font-family:Arial,sans-serif;color:#2d4560}dialog button{font-family:Arial,sans-serif;border-radius:8px;color:#526f8c;background:#fff;border-color:#dce5ef}.modal-head h2{font-size:23px;font-weight:700}.modal-tabs{border-color:#dce5ef}.modal-tabs button.active{background:#edf5ff;border-color:var(--accent);color:var(--accent)}.setting-section select,.setting-section input[type=text],.field{border:1px solid #d7e2ed;border-radius:7px;color:#3b5570;background:#f9fbfd}.winner-head{background:var(--accent);color:white}.winner-head button{background:transparent;color:#fff}.actions button.primary{background:var(--accent)!important;color:#fff!important}#winner-content h2{font:750 42px/1.2 Arial,sans-serif;color:#2a4260}dialog .small{color:#6c8298}.gallery{padding:35px 32px 50px;max-width:1300px}.gallery-hero{position:static}.gallery-hero h1{font:750 38px/1.15 Arial,sans-serif;letter-spacing:-1px;color:#2b4059;margin:12px 0 18px}.gallery-hero p{font:15px/1.75 Arial,sans-serif;color:#6b7f94;margin:0 0 22px}.gallery-hero input{font:15px Arial,sans-serif;background:#f8fbff;border:1px solid #dce5ef;color:#354f6b;border-radius:9px;padding:15px 17px}.gallery-hero input::placeholder{color:#8595a9}.category-tabs{gap:8px;margin:25px 0;padding:0;border:0;display:flex;flex-wrap:wrap}.category-tabs button{font:600 12px Arial,sans-serif;padding:10px 14px;border:1px solid #dde6f1;border-radius:8px;background:#f8fafd;color:#697e96}.category-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}.template-section h2{font:700 23px Arial,sans-serif;color:#354e6c;letter-spacing:-.4px;margin:30px 0 18px;padding-bottom:0;border:0}.template-section h2 span{font:13px Arial,sans-serif;color:#8a9db2}.catalog-grid{display:grid;gap:17px;border:0}.template-card{color:#344d69;text-decoration:none;border:1px solid #dfe7f0;border-radius:13px;background:white;min-height:0;padding:0;position:relative;overflow:hidden;box-shadow:none;transition:transform .15s,border-color .15s}.template-card:hover{transform:translateY(-3px);background:#fff;border-color:#93b9e1}.card-preview{position:static;display:grid;place-items:center;background:#eff5fc;background-image:none}.preview-wheel{display:block;position:relative;width:72px;height:72px;border:4px solid #fff;border-radius:50%;background:conic-gradient(#ef383e 0 17%,#f3a22e 17% 34%,#42b96c 34% 51%,#3e89e8 51% 68%,#985ad4 68% 85%,#ed72ad 85%);box-shadow:0 2px 7px #27446121;transform:none}.preview-wheel:after{inset:36%;background:#fff}.template-card small{font:11px/1.4 Arial,sans-serif;color:#7a91a9;letter-spacing:0;max-width:none}.template-card h3{font:700 19px/1.25 Arial,sans-serif;color:#35516e;letter-spacing:-.3px;margin:9px 0}.template-card p{font:13px/1.6 Arial,sans-serif;color:#8391a3;margin:0}.tool-page main{padding:30px 32px 40px;max-width:1200px}.tool-page h1{font:750 35px/1.15 Arial,sans-serif;margin:12px 0 18px;letter-spacing:-1px;color:#2e4560}.tool-page .eyebrow{font:700 12px Arial,sans-serif;color:#758da7;letter-spacing:.02em}.tool-page #intro{font:15px/1.7 Arial,sans-serif;color:#6b8198;max-width:800px}.tool-page h2{font:700 22px/1.3 Arial,sans-serif;color:#344f6c;letter-spacing:-.4px}.tool-page h3{font:700 17px Arial,sans-serif;color:#476582}.tool-page .grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;border:0;align-items:start}.tool-page .card{background:#fff;border:1px solid #e0e7f0;border-radius:13px;box-shadow:0 4px 18px #28497606;padding:25px;color:#3b5670;font:15px/1.6 Arial,sans-serif}.tool-page .card p,.tool-page .muted,.tool-page small{color:#6f8499}.tool-page label{font:600 14px/1.5 Arial,sans-serif;color:#5c7791}.tool-page input,.tool-page select,.tool-page textarea{font:14px/1.7 Arial,sans-serif;color:#3d5770;background:#fff;border:1px solid #d7e2ed;border-radius:7px}.tool-page button{font:600 13px Arial,sans-serif;color:#55738f;border-color:#dbe5ef;background:#fff;border-radius:8px}.tool-page button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}.tool-page .team,.tool-page .roll{background:#f0f6fd;border-radius:9px}.tool-page .die{background:#f0f7ff;border:2px solid #5199e9;border-radius:11px;color:#3972ae;box-shadow:none;font:700 25px Arial,sans-serif}.tool-page .result{font:750 34px Arial,sans-serif;color:#2f79c9}.tool-page .notice{background:#fff8e8;border:1px solid #ebdbae;border-radius:8px;color:#8e7944}.tool-page #status{font:14px Arial,sans-serif;color:#317bcc}.tool-page .tool-links{display:flex;flex-wrap:wrap;gap:10px;border:0}.tool-page .tool-links a{font:13px/1.5 Arial,sans-serif;padding:11px 14px;background:#f7faff;border:1px solid #dce6f0;border-radius:8px;color:#5b7da0;box-shadow:none}.tool-context{display:flex;align-items:center;flex-wrap:wrap;gap:18px;border:0;border-bottom:1px solid #e0e7f0;padding:0 0 17px;margin:0 0 25px;font:12px/1.5 Arial,sans-serif;color:#728ba4}.tool-context span{font:700 12px Arial,sans-serif;background:transparent;color:#5e7d9f;padding:0;border-radius:0;margin-right:auto;letter-spacing:.02em}.tool-context a{font:12px Arial,sans-serif;color:#327dcb;text-decoration:none;border:0;padding:0}.content-page main{padding:30px 32px;max-width:1340px}.content-page .article{max-width:920px;margin:20px auto;font:16px/1.8 Arial,sans-serif;color:#5e7690}.content-page h1,.content-page .intro h1,.content-page .hero h1,.content-page .article h1{font:750 39px/1.15 Arial,sans-serif;letter-spacing:-1px;color:#2e4864}.content-page h1 span{color:#3186d8}.content-page h2,.content-page .learn-grid h2{font:700 25px/1.3 Arial,sans-serif;letter-spacing:-.4px;color:#3b5a79}.content-page h3{font:700 18px Arial,sans-serif;color:#527391}.content-page p,.content-page li,.content-page .article p,.content-page .article li{color:#70839a}.content-page .intro{padding:0 0 26px}.content-page .intro>p:last-child{font:16px/1.7 Arial,sans-serif;color:#71869c}.content-page .panel,.content-page .control-panel,.content-page .results-panel{border:1px solid #dce5ef;background:#fff;border-radius:12px;padding:25px;box-shadow:none;max-height:none}.content-page .workspace{gap:20px;border:0}.content-page input,.content-page select,.content-page textarea{font:14px/1.7 Arial,sans-serif;color:#3c5e7a;background:#fff;border:1px solid #d7e2ed;border-radius:7px}.content-page label{font:600 14px/1.5 Arial,sans-serif;color:#637f99}.content-page .section-label,.content-page .panel .section-label{font:700 12px Arial,sans-serif;letter-spacing:.02em;color:#6287ab}.content-page button{font:600 14px Arial,sans-serif;background:var(--accent);border:1px solid var(--accent);color:white;border-radius:8px;padding:11px 16px}.content-page .secondary,.content-page .quiet,.content-page .text-button{background:#f1f7fd;border-color:#d9e7f4;color:#5881a8}.content-page .small,.content-page small,.content-page .micro,.content-page .hint{font:13px/1.6 Arial,sans-serif;color:#8192a5}.content-page .status,.content-page #status{font:14px/1.6 Arial,sans-serif;color:#3683c9;background:#f3f8ff;border-color:#82b5e6}.content-page .hero-note,.content-page .quick-draw,.content-page .empty,.content-page .team{background:#f1f8ff;border-radius:12px}.content-page .learn-grid{gap:24px;border:0;padding-top:30px;margin-top:20px}.content-page .learn-grid article,.content-page .below article{padding:22px;background:#f6faff;border:1px solid #e1eaf5;border-radius:12px}.content-page .recipe,.content-page .pack-card,.content-page .article .pack-card{background:#fff;border:1px solid #dce6f0;border-radius:12px;padding:25px;margin:23px 0;box-shadow:none;transform:none}.content-page .recipe pre{background:#f1f7fe;color:#6183a8}.content-page .launch{background:var(--accent)!important;color:#fff!important;border-radius:8px!important;box-shadow:none}.content-page .metrics strong{font:700 30px Arial,sans-serif;color:#377fbf}.content-page .metrics span{font:13px Arial,sans-serif;color:#7c91a7}.content-page table{font:13px/1.6 Arial,sans-serif}.content-page td,.content-page th{border-color:#dfe7f0}.content-page .wheel{border-color:#fff;box-shadow:0 0 0 1px #d7e4f1}.content-page .pill{color:#587dac;border-color:#c1d7ee}.content-page .arena{background:#f6faff}.content-page .arena .wheel-stage{border:0;box-shadow:none;max-width:360px}.content-page .arena .wheel-stage:before{display:block;border:5px solid #fff;box-shadow:0 0 0 1px #d9e4ee;inset:-6px}.content-page .arena .hub{background:#fff;color:#648cb7;border:5px solid #eef4fb;inset:calc(50% - 28px)}.content-page .arena .pointer{top:-17px;left:calc(50% - 12px);border-left-width:12px;border-right-width:12px;border-top:29px solid #ed6557}.content-page .spin{background:#437fde;color:#fff;box-shadow:none;border-radius:10px;padding:16px}.content-page .success{background:#28a763;color:#fff}.content-page .answer{background:#ecf8ee;color:#498751}.content-page #scores li{border-color:#e0e8f1;color:#67819b}.content-page #scores li.active{color:#337fc7}.content-page .timer-row{border-color:#dce6f0}.content-page #timer{color:#607ec0;font-family:Arial,sans-serif}.content-page .below{gap:22px}.content-page .below p{color:#7a8da2}.content-page .article .pack-card h2{color:#52799f}.content-page .hero{padding:0 0 30px}.content-page .trust{font:13px Arial,sans-serif;color:#6f8ca5}.content-page .text-link{color:#3385c7}body.overlay{background:transparent}.overlay .site-header,.overlay .tool-context{display:none}.overlay main{padding:0}.overlay .grid{border:0}.overlay .card{background:transparent;border:0;box-shadow:none;padding:8px}
@media(max-width:1000px){.site-header{height:auto;min-height:70px;padding:18px 24px 13px;flex-wrap:wrap;gap:16px}.site-header nav{order:3;justify-content:center;width:100%;gap:22px}.site-header nav a{font-size:13px}.header-actions{margin-left:auto}.product-intro{padding:24px}.product-intro h1{font-size:32px}.gallery,.tool-page main,.content-page main{padding-left:24px;padding-right:24px}.gallery-hero h1{font-size:33px}.guide{margin-left:24px;margin-right:24px}.content-page .game-layout{grid-template-columns:230px minmax(0,1fr)}.content-page .right-rail{grid-column:1/-1;grid-template-columns:1fr 1fr}.content-page .workspace{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:700px){.site-header{padding:17px 18px 12px;gap:13px}.site-header .brand{font-size:23px}.site-header nav{justify-content:flex-start;overflow:auto;gap:18px;flex-wrap:nowrap}.site-header nav a{font-size:12px;white-space:nowrap}.header-actions #theme-toggle{display:none}.header-actions button,.header-actions a{font-size:11px;padding:8px}.product-intro{padding:23px 18px 17px}.product-intro h1{font-size:30px}.product-intro p{font-size:14px}.page-tools{margin:7px 18px 13px;font-size:11px;gap:9px}.page-tools button{font-size:12px}.editor{padding:20px}.entry-text{font-size:15px;min-height:180px;height:200px}.entry-tools button{font-size:11px}.wheel-name{font-size:13px}.spin-invitation{font-size:12px}.stage-action{font-size:15px;padding:12px 20px}.wheel-page #status{margin-left:18px;margin-right:18px}.guide{margin:34px 18px 0;padding-top:25px}.guide>h2:first-child{font-size:25px}.guide h2{font-size:23px}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-grid article{padding:20px}.gallery,.tool-page main,.content-page main{padding:27px 18px}.gallery-hero h1{font-size:30px}.category-tabs{gap:7px}.category-tabs button{font-size:11px;padding:9px 12px}.template-section h2{font-size:22px}.tool-page h1,.content-page h1,.content-page .intro h1,.content-page .hero h1,.content-page .article h1{font-size:31px}.tool-page .grid,.content-page .workspace{grid-template-columns:1fr}.tool-page .card,.content-page .panel,.content-page .control-panel,.content-page .results-panel{padding:21px}.tool-context{font-size:11px;gap:13px}.tool-context a,.tool-context span{font-size:11px}.content-page .game-layout,.content-page .right-rail,.content-page .learn-grid,.content-page .below{grid-template-columns:1fr}.content-page .hero{grid-template-columns:1fr}.content-page .hero-note{display:none}.content-page .intro{display:block}.content-page .article{margin:0}.content-page .recipe{padding:20px}footer{padding:25px 18px;margin-top:34px;font-size:12px;gap:14px}footer span{margin-left:0}.content-page .arena .wheel-stage{max-width:340px;width:100%}}

/* Roster-first dashboard: light navigation rail, names at left, large wheel at right. */
body.design-team{--accent:#0d9c89;padding-left:184px;background:#fbfcff}.design-team .site-header{position:fixed;inset:0 auto 0 0;width:184px;height:100vh;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:27px 16px;border:0;border-right:1px solid #e3eaf1;background:#fff;gap:0}.design-team .site-header .brand{white-space:normal;font-size:22px;line-height:1.24}.design-team .site-header nav{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;margin-top:36px;order:0}.design-team .site-header nav a{font-size:13px;padding:11px 12px;border-radius:7px;white-space:normal;color:#6a7e92}.design-team .site-header nav a[aria-current],.design-team .site-header nav a:hover{background:#eaf9f5;color:#139c8b}.design-team .header-actions{margin:30px 0 0;flex-wrap:wrap;gap:4px}.design-team .header-actions button{padding:8px;font-size:11px}.design-team .header-cta{display:block;margin-top:auto;background:#eaf9f5;border:1px solid #c6ece3;border-radius:8px;padding:13px 11px;font-size:12px;color:#118f7f;text-decoration:none;font-weight:650}.design-team .product-intro{display:flex;align-items:center;justify-content:space-between;gap:22px}.design-team .feature-link{background:#fff;border:1px solid #dce9e6;border-radius:11px;text-decoration:none;padding:17px 19px;display:flex;flex-direction:column;gap:5px;min-width:215px}.feature-link span{font-size:10px;font-weight:700;color:#7a9a91;letter-spacing:.03em}.feature-link strong{font-size:14px;color:#169781}.feature-link small{font-size:11px;color:#89a098}.workspace-bar{margin:0 32px 12px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #e3eaf1;padding:10px 0 15px;font-size:12px}.workspace-bar strong{font-size:15px;color:#3d6079}.workspace-bar span{color:#8c9bae}.workspace-bar a{margin-left:auto;text-decoration:none;color:#16a08e}.design-team #wheels{padding:0 32px}.design-team .wheel-card{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(350px,1.3fr);gap:24px;align-items:start}.design-team .wheel-side{padding:19px 20px 24px;background:#f1f9f7;border:1px solid #ddeee8;border-radius:15px;display:flex;flex-direction:column;align-items:center}.design-team .wheel-side>.panel-kicker{align-self:flex-start;margin-bottom:5px;font-size:14px;color:#57998f}.design-team .wheel-stage{max-width:520px}.design-team .wheel-top{margin-bottom:24px}.design-team .stage-action{background:#0c9d88;min-width:215px}.design-team .editor .panel-kicker{color:#339284}.design-team .gallery{display:grid;grid-template-columns:170px minmax(0,1fr);gap:0 26px}.design-team .gallery-hero{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:0 30px;border-bottom:1px solid var(--line);padding-bottom:24px}.design-team .gallery-hero>.eyebrow{grid-column:1/-1}.design-team .gallery-hero input{grid-column:2;grid-row:2/4;align-self:center}.design-team .gallery-hero p{margin-bottom:0}.design-team .category-tabs{flex-direction:column;align-items:stretch;margin-top:29px;gap:6px}.design-team .category-tabs button{text-align:left;font-size:12px}.design-team .catalog-grid{grid-template-columns:1fr}.design-team .template-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.design-team .card-preview{background:#f0f9f6}.design-team .template-card>div:last-child{padding:18px 21px}.design-team .template-card h3{font-size:18px}.design-team.tool-page .grid>.card:last-child{background:#f4fbf8}.design-team.content-page .hero h1{font-size:36px}.design-team.content-page .hero-note{border-radius:13px;background:#edfaf5}.design-team.content-page .workspace{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr)}
@media(max-width:1100px){body.design-team{padding-left:166px}.design-team .site-header{width:166px;padding:25px 12px}.design-team .site-header .brand{font-size:20px}.design-team .product-intro h1{font-size:29px}.feature-link{display:none!important}.design-team .wheel-card{grid-template-columns:minmax(245px,.9fr) minmax(280px,1.1fr);gap:17px}.design-team #wheels{padding:0 24px}.design-team .wheel-side{padding:19px}.workspace-bar{margin-left:24px;margin-right:24px}.workspace-bar span{display:none}.design-team .gallery{grid-template-columns:140px minmax(0,1fr);gap:0 19px}.design-team .gallery-hero{grid-template-columns:1fr}.design-team .gallery-hero input{grid-column:1;grid-row:auto;margin-top:20px}}
@media(max-width:900px){.design-team .wheel-card{grid-template-columns:1fr}.design-team .wheel-side{order:0}.design-team .editor{order:1}.design-team .wheel-stage{max-width:420px}.design-team .gallery{grid-template-columns:1fr}.design-team .category-tabs{flex-direction:row}.design-team.content-page .workspace{grid-template-columns:1fr}}
@media(max-width:620px){body.design-team{padding-left:0}.design-team .site-header{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:18px;gap:13px;border-bottom:1px solid var(--line);border-right:0}.design-team .site-header .brand{white-space:nowrap;font-size:23px}.design-team .site-header nav{flex-direction:row;order:3;overflow:auto;width:100%;margin:0;gap:7px;justify-content:flex-start}.design-team .site-header nav a{white-space:nowrap;font-size:12px;padding:9px}.design-team .header-actions{margin:0 0 0 auto}.design-team .header-cta{display:none}.design-team #wheels{padding:0 18px}.design-team .product-intro h1{font-size:29px}.workspace-bar{margin:0 18px 10px}.workspace-bar a{font-size:11px}.design-team .wheel-side{padding:20px 22px}.design-team .wheel-stage{max-width:380px}.design-team .template-card{grid-template-columns:80px minmax(0,1fr)}.design-team .preview-wheel{width:53px;height:53px}.design-team .template-card>div:last-child{padding:17px}.design-team.content-page .hero h1{font-size:31px}}

/* Keep a rotated canvas's square bounds inside the padded wheel panel.
   The stage stays unclipped so its pointer, rim and focus ring remain visible. */
.design-team .wheel-side{overflow:hidden;overflow:clip;}