/* 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%}}

/* A friendly game wheel: centered stage, compact editor underneath, playful game cards. */
body.design-party{--accent:#7854db;background:#fff}.design-party .site-header{border-bottom-color:#ede8f5}.design-party .product-intro{text-align:center;padding-top:25px;padding-bottom:12px}.design-party .product-intro h1{font-size:39px;color:#343957}.design-party .product-intro p{margin:auto;max-width:640px}.party-ribbon{display:none}.design-party .page-tools{justify-content:center;margin:4px auto 8px}.design-party #wheels{padding:0 32px}.design-party .wheel-card{display:flex;flex-direction:column;gap:27px;align-items:center}.design-party .wheel-side{order:0;width:100%;max-width:680px;padding:8px 50px 17px;background:radial-gradient(ellipse at center,#f7f2ff,transparent 70%);border:0;border-radius:20px}.design-party .wheel-top{max-width:420px;margin:0 auto 20px}.design-party .wheel-stage{max-width:440px;border-width:9px;box-shadow:0 0 0 1px #e5ddf4,0 7px 30px #7543b715}.design-party .pointer{border-top-color:#ed4992}.design-party .stage-action{background:#7854db;min-width:240px;font-size:18px;border-radius:24px;padding:12px 25px;margin-top:20px}.edit-choices-link{display:inline-block;margin:0 0 0 15px;font-size:13px;font-weight:600;color:#7b66b5;text-decoration:none}.design-party .stage-caption{margin-top:12px}.design-party .editor{order:1;max-width:880px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:0 23px;background:#fff;border:1px solid #e4def2;border-radius:15px;padding:25px;scroll-margin-top:20px}.design-party .editor>.panel-kicker,.design-party .editor>.tabs{grid-column:1/-1}.design-party .editor>.panel-kicker{font-size:20px;color:#5d527d;margin-bottom:12px}.design-party .editor>.tabs{justify-content:flex-start}.design-party .tabs button:first-child,.design-party .tabs button:nth-child(2){flex:0 1 auto;min-width:110px}.design-party .editor>.entry-content{grid-column:1;grid-row:3/7}.design-party .entry-text{height:200px;min-height:200px;border-color:#e1dbea}.design-party .editor>.entry-tools{grid-column:2;grid-row:3;align-content:start;align-self:start}.design-party .editor>.picker-row{grid-column:2}.design-party .editor>.editor-bottom{grid-column:1;grid-row:7}.design-party .editor>.editor-foot{grid-column:2;grid-row:7}.design-party .editor .tabs button.active{background:#f0eafe;color:#7854db}.party-cue{order:2;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1040px;width:100%;transform:none;padding:0}.party-cue .panel-kicker,.party-cue h2,.party-cue p{grid-column:1/-1;text-align:center;margin:0}.party-cue .panel-kicker{color:#967fb8;font-size:12px}.party-cue h2{font:700 24px/1.2 Arial,sans-serif;color:#524965;margin-bottom:5px;max-width:none;letter-spacing:-.4px}.party-cue .pack-link{display:block;padding:22px 18px;border:1px solid #e6ddf3;background:#f6f1fc;border-radius:13px;font:650 15px Arial,sans-serif;color:#8061b5;text-decoration:none;transform:none;box-shadow:none}.party-cue .pack-link:nth-of-type(2){background:#fff0f7;border-color:#f3dce8;color:#c26694}.party-cue .pack-link:nth-of-type(3){background:#fff8e7;border-color:#f1e5c4;color:#ad8a3c}.party-cue p{font:14px/1.7 Arial,sans-serif;color:#8691a4;max-width:none;margin-top:5px}.design-party .gallery-hero{text-align:center;max-width:830px;margin:0 auto 25px}.design-party .gallery-hero input{max-width:540px;margin:auto;border-radius:24px}.design-party .category-tabs{justify-content:center}.design-party .category-tabs button{border-radius:18px}.design-party .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.design-party .template-card{display:flex;flex-direction:column}.design-party .card-preview{height:135px;background:#f1eafa}.design-party .template-card:nth-child(3n+2) .card-preview{background:#fdeaf4}.design-party .template-card:nth-child(3n+3) .card-preview{background:#fff5d9}.design-party .preview-wheel{width:85px;height:85px}.design-party .template-card>div:last-child{padding:23px}.design-party.tool-page>main>h1,.design-party.tool-page>main>.eyebrow{text-align:center}.design-party.tool-page #intro{margin-left:auto;margin-right:auto;text-align:center}.design-party.tool-page .grid{grid-template-columns:1fr 1.2fr}.design-party.tool-page .grid>.card:last-child{background:#faf6ff;border-color:#e9def5}.design-party.content-page .arena{background:#faf6ff}.design-party.content-page .spin{background:#7854db}.design-party.content-page .challenge{border-top:3px solid #eb99c4}.design-party.content-page .pack-card:nth-of-type(2n){background:#fff8fd}
@media(max-width:1000px){.design-party #wheels{padding:0 24px}.design-party .product-intro h1{font-size:35px}.design-party .wheel-stage{max-width:420px}.design-party .catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.design-party #wheels{padding:0 18px}.design-party .product-intro h1{font-size:32px}.design-party .wheel-side{padding:8px 15px 16px}.design-party .wheel-top{margin-bottom:22px}.design-party .wheel-stage{max-width:365px}.design-party .stage-action{min-width:195px;font-size:16px}.edit-choices-link{font-size:12px;margin-left:10px}.design-party .editor{display:block;padding:21px}.design-party .editor>.panel-kicker{font-size:18px}.design-party .entry-text{height:180px;min-height:180px}.design-party .entry-tools button{flex-basis:auto}.party-cue{grid-template-columns:1fr;gap:10px}.party-cue h2{font-size:23px}.party-cue .pack-link{padding:18px;font-size:14px}.party-cue p{font-size:13px}.design-party .catalog-grid{grid-template-columns:1fr}.design-party .template-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.design-party .card-preview{height:100%;min-height:140px}.design-party .preview-wheel{width:70px;height:70px}.design-party .template-card>div:last-child{padding:20px}.design-party .template-card h3{font-size:19px}.design-party.tool-page .grid{grid-template-columns:1fr}}

/* Contain a rotated canvas's square bounds within the padded wheel panel.
   Leave the stage unclipped so the pointer, rim and focus ring stay visible. */
.design-party .wheel-side{overflow:hidden;overflow:clip;}