@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#242336;background:#f7f7fb;font-synthesis:none;--purple:#5545e8;--line:#e8e7ef}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input{outline-offset:4px}button:focus-visible,input:focus-visible{outline:3px solid #9285fd}header{height:88px;max-width:1280px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#252334;font-size:21px;font-weight:800}.brand-icon{background:var(--purple);color:white;border-radius:12px;display:grid;place-items:center;width:38px;height:38px;font-size:30px}.header-note{font-size:14px;color:#777584}main{max-width:1200px;margin:0 auto;padding:42px 0 0}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--purple);margin:0 0 12px}h1{font-size:36px;line-height:1.42;letter-spacing:-1.5px;margin:0;font-weight:800}.intro>p{font-size:15px;line-height:1.8;color:#777584;margin:0 0 5px}.tabs{display:flex;gap:8px;margin:0 0 24px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;color:#85818f;padding:15px 25px 18px;font-weight:700;font-size:16px;position:relative}.tabs button span{margin-right:8px;font-size:20px}.tabs button[aria-pressed=true]{color:var(--purple)}.tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--purple);border-radius:3px}.workspace{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.editor,.play{background:white;border:1px solid var(--line);border-radius:22px}.editor{padding:26px 24px}.section-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:20px;letter-spacing:-.5px;margin:0}.count{font-size:13px;background:#f0eefd;color:var(--purple);border-radius:8px;padding:4px 9px;font-weight:700}.hint{font-size:14px;color:#817d8c;line-height:1.65;margin:10px 0 21px}form{display:flex;gap:7px;margin-bottom:18px}input{min-width:0;width:100%;border:1px solid #dedce8;border-radius:10px;padding:11px 12px;background:#fff;color:#272438;font-size:14px}input::placeholder{color:#aaa6b3}form button{flex-shrink:0;background:var(--purple);border:0;border-radius:10px;color:white;width:43px;font-size:25px}.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;gap:10px;align-items:center;background:#f8f8fb;border-radius:10px;padding:5px 9px}.item-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.item input{background:transparent;border:0;padding:8px 0;color:#514c60}.remove{background:transparent;border:0;color:#aaa5b4;font-size:21px;padding:4px 7px}.remove:hover{color:#e45364;background:#ffe8ec;border-radius:6px}.editor-foot{border-top:1px solid var(--line);padding-top:18px;margin:22px 0 0;font-size:12px;color:#9691a1}.play{padding:26px 30px 20px;min-height:600px;overflow:hidden}.play-head{display:flex;align-items:center;justify-content:space-between}.play-head .eyebrow{display:block;margin-bottom:7px;font-size:11px}.badge{font-size:12px;background:#f7f6fc;color:#8a849a;border:1px solid #eeecf6;padding:7px 10px;border-radius:20px}.stage{height:340px;display:flex;align-items:center;justify-content:center;position:relative;margin:14px 0}.wheel-wrap{width:302px;height:302px;position:relative;filter:drop-shadow(0 12px 18px #4a348319)}.wheel{position:absolute;inset:0;border-radius:50%;border:8px solid white;outline:1px solid #eeecf9;overflow:hidden}.wheel-label{position:absolute;top:50%;left:50%;font-size:14px;font-weight:700;line-height:1.2;text-align:center;max-width:97px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform-origin:0 0;color:#302647}.pointer{position:absolute;z-index:3;top:-11px;left:calc(50% - 13px);border-left:13px solid transparent;border-right:13px solid transparent;border-top:30px solid #292239;filter:drop-shadow(0 3px 2px #0002)}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:6px solid #fff9;background:white;border-radius:50%;display:grid;place-items:center;color:var(--purple);font-size:15px;font-weight:900;box-shadow:0 3px 9px #0001}.action-area{text-align:center}#result{font-size:15px;color:#868091;min-height:38px;line-height:1.6;overflow-wrap:anywhere}.result-name{font-size:24px;color:var(--purple);font-weight:800}.primary{background:var(--purple);color:white;border:0;border-radius:12px;padding:16px 25px;min-width:270px;font-weight:700;font-size:16px;box-shadow:0 6px 12px #5545e824;margin:7px 0 0}.primary:hover:not(:disabled){background:#4333d0}.primary span{margin-left:25px}.action-area .hint{font-size:12px;margin:12px 0 0}footer{display:flex;justify-content:space-between;color:#9c97a8;font-size:12px;padding:25px 2px 30px}footer b{color:var(--purple);margin-left:8px}.outline{width:100%;border:1px dashed #c8c2ec;background:#faf9ff;border-radius:10px;padding:10px;color:var(--purple);font-size:13px;margin-top:12px}.pair-label{display:grid;grid-template-columns:1fr 1fr;font-size:12px;color:#847e95;margin:20px 0 9px;gap:12px}.pair{display:flex;gap:6px;margin:8px 0}.pair input{padding:10px 7px}.pair .remove{padding:3px}.cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;max-width:510px;padding:20px}.ticket{width:86px;height:116px;background:#6554ed;border:5px solid white;outline:1px solid #e4dffb;border-radius:13px;box-shadow:0 6px 14px #5a3f8420;display:grid;place-items:center;color:#e4defe;font-size:30px;transition:transform .4s,background .4s;position:relative}.ticket:nth-child(3n+2){background:#afa3fa}.ticket:nth-child(3n){background:#ffba49;color:white}.ticket.selected{transform:translateY(-14px) rotate(-5deg);background:#292239;outline:3px solid #ffba49}.ticket span{font-size:13px;padding:5px;text-align:center;word-break:break-all}.shuffling .ticket{animation:shuffle .5s infinite alternate}.shuffling .ticket:nth-child(even){animation-delay:-.3s}@keyframes shuffle{to{transform:translateY(-15px) rotate(8deg)}}.ladder-board{width:100%;height:100%;overflow:auto;position:relative;padding:0 8px}.ladder-inner{position:relative;min-height:325px}.ladder-labels{display:grid;gap:8px;text-align:center;position:relative;z-index:2}.ladder-label{font-size:12px;padding:8px 3px;background:#f4f2ff;border-radius:7px;overflow-wrap:anywhere;color:#5f5586}.ladder-bottom .ladder-label{background:#fff3da;color:#876427}.ladder-svg{display:block;width:100%;height:230px}.cover{position:absolute;top:43px;height:230px;left:0;right:0;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;z-index:3;border:1px dashed #d7d0ed;border-radius:14px;background:repeating-linear-gradient(135deg,#f8f7fd,#f8f7fd 8px,#f3f1fa 8px,#f3f1fa 9px);color:#877ca1;font-size:14px;transition:opacity .5s}.cover b{font-size:28px;color:var(--purple)}.cover.revealed{opacity:0;pointer-events:none}.matches{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.match{font-size:12px;background:#f3f0ff;color:#67569e;border-radius:6px;padding:5px 8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:55px}.stage{height:370px}.play{min-height:630px}}@media(max-width:1270px){main{margin:0 40px}}@media(max-width:800px){header{padding:0 22px;height:74px}main{margin:0 22px;padding-top:26px}.intro{margin-bottom:20px}.intro>p{display:none}h1{font-size:29px}.workspace{grid-template-columns:270px 1fr;gap:14px}.editor{padding:22px 17px}.play{padding:22px 16px}.badge{display:none}.wheel-wrap{width:260px;height:260px}.wheel-label{max-width:80px}.primary{min-width:220px}.tabs button{padding-left:20px;padding-right:20px}}@media(max-width:630px){.header-note{font-size:12px}.brand{font-size:18px}.workspace{display:flex;flex-direction:column}.editor,.play{width:100%}.editor{order:2}.play{order:1;min-height:540px}.stage{height:300px}.wheel-wrap{width:270px;height:270px}.tabs{gap:0}.tabs button{flex:1;padding:12px 7px;font-size:14px}.intro h1{font-size:27px}.intro .eyebrow{font-size:10px}.primary{width:85%}footer{font-size:11px;gap:12px}.editor .list{max-height:310px;overflow:auto}.ticket{width:65px;height:87px}.cards{gap:10px}.ladder-board{padding:0}.play-head h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

#add-form #add{width:100%;font-size:14px;padding:11px 12px;text-align:center}
.header-tools{display:flex;align-items:center;gap:14px}.header-tools select,.quick-row select,#community-search select,dialog select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;color:#514c60}.workspace{grid-template-columns:320px minmax(480px,1fr) 300px}.community{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 20px;min-width:0}.community-mark{color:var(--purple);font-size:23px}.minor-label{display:block;font-size:12px;font-weight:800;color:#706a7d;margin-bottom:8px}.quick-picks{background:#f7f5ff;border:1px solid #e7e2ff;border-radius:12px;padding:12px;margin-bottom:14px}.quick-row{display:flex;gap:7px}.quick-row select{width:88px}.quick-row button{flex:1;border:0;border-radius:9px;background:#ece8ff;color:var(--purple);font-weight:700;padding:9px}.quick-picks .hint{margin:7px 0 0;font-size:11px}.quick-picks #undo-list{border:0;background:transparent;color:var(--purple);font-size:12px;padding:7px 0 0}.save-note{font-size:12px;color:#79728a;margin:14px 0 0}.weight-wrap{display:flex;align-items:center;gap:4px;font-size:11px;color:#777}.weight-input{width:48px!important;padding:6px!important;text-align:center;border:1px solid #dcd7eb!important;background:#fff!important}.draw-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.draw-fields label{font-size:12px;color:#746e80}.draw-fields input{margin-top:6px}.lot-jar{position:relative;width:290px;height:270px}.sticks{position:absolute;inset:4px 35px 65px;display:flex;justify-content:center;align-items:flex-end}.stick{position:absolute;bottom:0;width:15px;height:180px;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#dba963,#f3d198,#c99655);border-top:13px solid var(--c);transform:rotate(var(--r));transform-origin:bottom;box-shadow:0 3px 8px #46341b22}.jar-rim{position:absolute;left:20px;right:20px;bottom:58px;height:42px;border-radius:50%;background:#413950;z-index:2;box-shadow:inset 0 9px #26212e}.jar-body{position:absolute;left:34px;right:34px;bottom:0;height:95px;border-radius:15px 15px 45px 45px;background:linear-gradient(135deg,#6554ed,#4333c9);box-shadow:0 12px 20px #5545e835;z-index:3}.shaking .sticks{animation:jarshake .2s infinite alternate}.picked-stick{position:absolute;z-index:5;width:28px;height:220px;border-radius:12px;background:linear-gradient(90deg,#e1ac61,#f8dca4,#c89552);display:grid;place-items:center;color:#60421d;font-weight:900;writing-mode:vertical-rl;animation:pickstick .65s ease-out both;border-top:25px solid #8b7f91}.picked-stick.winner{border-top-color:#ffba49;color:#a14a14}.draw-progress{position:absolute;right:25%;bottom:20px;display:flex;flex-direction:column;text-align:center;color:#81798d}.draw-progress b{font-size:25px;color:var(--purple)}@keyframes jarshake{to{transform:translateX(8px) rotate(2deg)}}@keyframes pickstick{from{transform:translateY(160px);opacity:0}to{transform:translateY(-15px);opacity:1}}
#community-search{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:16px}#community-search input{padding:9px;font-size:12px}#community-search button,.use-preset{border:0;border-radius:8px;background:var(--purple);color:#fff;padding:8px 10px;font-size:12px}.preset-card{border-top:1px solid var(--line);padding:13px 0}.preset-head{display:flex;justify-content:space-between;gap:8px}.preset-head h3{font-size:14px;margin:0}.uses{font-size:11px;color:#918a9e;white-space:nowrap}.preset-items{font-size:12px;line-height:1.55;color:#777080;margin:7px 0}.preset-actions{display:flex;gap:5px}.delete-preset{border:0;background:#f3f1f7;color:#8a8292;border-radius:7px;padding:7px;font-size:11px}#open-share{margin-top:16px}dialog{border:0;border-radius:18px;padding:24px;width:min(430px,calc(100% - 32px));box-shadow:0 20px 70px #1f183b55}dialog::backdrop{background:#19152d66}dialog form{display:flex;flex-direction:column;gap:9px;margin:18px 0 0}dialog label{font-size:13px;font-weight:700}#share-preview{background:#f7f5ff;padding:12px;border-radius:9px;color:#686078;font-size:12px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{border:0;border-radius:9px;padding:10px 15px}.dialog-actions button:last-child{background:var(--purple);color:#fff}
@media(max-width:1150px){.workspace{grid-template-columns:310px 1fr}.community{grid-column:1/-1}.community #community-results{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}}
@media(max-width:800px){.workspace{grid-template-columns:270px 1fr}.tabs{overflow-x:auto}.tabs button{white-space:nowrap;flex:none}.community{grid-column:1/-1}}
@media(max-width:630px){.workspace{display:flex}.community{order:3}.community #community-results{display:block}.header-note{display:none}.header-tools{gap:6px}#community-search{grid-template-columns:1fr auto}#community-search select{grid-column:1/-1}.lot-jar{transform:scale(.82)}.draw-progress{right:12%}}
.stage:has(.lot-cards){height:auto;min-height:340px}.lot-cards{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:9px;align-content:center;padding:12px}.lot-card{height:78px;max-width:68px;width:100%;justify-self:center;border:0;background:transparent;padding:0;perspective:700px}.lot-card:disabled{opacity:1;cursor:default}.lot-card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.25,1)}.lot-card.revealed .lot-card-inner,.lot-card.turning .lot-card-inner{transform:rotateY(180deg)}.lot-card-back,.lot-card-front{position:absolute;inset:0;display:grid;place-items:center;border-radius:10px;backface-visibility:hidden;border:4px solid #fff;outline:1px solid #ded9f5;box-shadow:0 5px 12px #4b37751c;font-weight:800}.lot-card-back{color:#e7e3ff;background:linear-gradient(145deg,#6554ed,#4935d8);font-size:18px}.lot-card-back:after{content:'?';position:absolute;font-size:30px;opacity:.28}.lot-card-front{transform:rotateY(180deg);background:#f2f0f8;color:#777080;font-size:12px}.lot-card.winner .lot-card-front{background:#fff0c9;color:#9a5a09;outline-color:#ffba49}.lot-card:not(:disabled):hover .lot-card-inner{transform:translateY(-5px) rotate(-2deg)}.lot-card:focus-visible{outline:3px solid #9285fd;border-radius:10px}@media(max-width:630px){.stage:has(.lot-cards){min-height:390px}.lot-cards{grid-template-columns:repeat(5,1fr);gap:7px;padding:8px}.lot-card{height:66px;max-width:52px}}

.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#171329;color:#fff;padding:.7rem 1rem;border-radius:.6rem}.skip-link:focus{top:1rem}.site-header{max-width:1240px;margin:auto}.brand-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:#6554ed;color:#fff;font-weight:900}.top-nav{display:flex;gap:1.1rem;align-items:center}.top-nav a,.site-footer a{color:inherit;text-decoration:none;font-weight:700}.top-nav a:hover,.site-footer a:hover{text-decoration:underline}.intro.compact{padding-block:1.2rem}.intro.compact h1{font-size:clamp(2.1rem,6vw,4.5rem);max-width:12ch;word-break:keep-all}.picker-layout{align-items:start}.discover-cta{position:sticky;top:1rem}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;padding:.8rem 1rem;border-radius:.8rem}.site-footer{max-width:1240px;margin:3rem auto 0;padding:2rem;display:flex;gap:1rem;justify-content:space-between;border-top:1px solid #ded9ee}.site-footer nav{display:flex;gap:1rem}
.seo-content,.content-page{max-width:880px;margin:4rem auto 0;padding:clamp(1.2rem,4vw,3rem);background:#fff;border:1px solid #ded9ee;border-radius:1.5rem;box-shadow:0 16px 44px rgba(49,37,90,.07)}.seo-content h2,.content-page h1{font-size:clamp(1.9rem,4vw,3rem)}.seo-content h3,.content-page h2{margin-top:2rem;font-size:1.35rem}.seo-content p,.content-page p,.content-page li{font-size:1.05rem;line-height:1.75;color:#4e4862}.related-links,.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.content-card{display:block;padding:1.2rem;border:1px solid #ded9ee;border-radius:1rem;color:inherit;text-decoration:none;background:#fbfaff}.content-card:hover{border-color:#6554ed;transform:translateY(-2px)}.content-card h2,.content-card h3{margin:.3rem 0;font-size:1.15rem}.content-card p{margin:.4rem 0;font-size:.95rem}.chip{display:inline-block;padding:.25rem .55rem;border-radius:999px;background:#eeeafe;color:#5141c8;font-size:.78rem;font-weight:800}.decision-options{display:flex;flex-wrap:wrap;gap:.55rem;padding:0;list-style:none}.decision-options li{padding:.45rem .7rem;border-radius:999px;background:#f0edf9}.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.filter-bar button[aria-pressed="true"]{background:#6554ed;color:#fff}.safety-note{padding:1rem;border-left:4px solid #ffba49;background:#fff8e8}.consent{position:fixed;z-index:90;left:50%;bottom:1rem;transform:translateX(-50%);width:min(680px,calc(100% - 2rem));padding:1rem 1.2rem;border-radius:1rem;background:#171329;color:#fff;box-shadow:0 15px 50px #17132966}.consent p{margin:.2rem 0 1rem}.consent>div{display:flex;gap:.6rem;justify-content:flex-end}.consent button{border-color:#fff;flex:1;min-width:0;white-space:normal}.consent .primary{background:#ffba49;color:#171329}.legal-copy{white-space:pre-line}.breadcrumbs{font-size:.9rem;margin-bottom:1.5rem}.breadcrumbs a{color:#6554ed}.not-found{text-align:center;padding-block:6rem}.ad-slot:empty{display:none}
@media(max-width:900px){.top-nav{display:none}.related-links,.card-grid{grid-template-columns:1fr 1fr}.discover-cta{position:static}.site-footer{flex-wrap:wrap}}@media(max-width:620px){.related-links,.card-grid{grid-template-columns:1fr}.header-note{display:none}.site-header{padding-inline:1rem}.site-footer{display:grid}.consent>div{display:grid}.content-page,.seo-content{border-radius:1rem;margin-top:2rem}.intro.compact h1{font-size:2.4rem}}

/* Keep the first decision action in view before the decorative wheel. */
.intro.compact{padding-block:.35rem;margin-bottom:1rem}
.intro.compact h1{font-size:clamp(1.75rem,4vw,3rem);max-width:none}
.tabs{margin-bottom:1rem}
.play{min-height:0}
.play .action-area{margin-top:.8rem}
.play .primary{margin-top:0}
.play #result{min-height:0;margin-top:.6rem}
.play #result:empty{display:none}
.play .action-area .hint{margin:.4rem 0 0}
.play .stage{margin:.5rem 0 0}
.picker-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:1rem}
.picker-layout .community{grid-column:1/-1}
@media(max-width:630px){.intro.compact{padding-block:0}.intro.compact h1{font-size:1.65rem}.picker-layout{display:flex;flex-direction:column}.picker-layout .play{order:1}.picker-layout .editor{order:2}.picker-layout .community{order:3}.play{min-height:0}.play .primary{width:100%}.play .stage{height:285px}.consent{padding:.75rem}.consent p{font-size:.85rem;line-height:1.4;margin:0 0 .5rem}.consent>div{grid-template-columns:1fr 1fr;justify-content:stretch}.consent button{width:100%;padding:.6rem .4rem;font-size:.8rem;line-height:1.25}}

/* Lunch suggestions: compact filters stay beside the picker in the first working view. */
.lunch-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.lunch-filters label{display:grid;gap:4px;font-size:11px;color:#777080}.lunch-filters select{min-width:0;width:100%;border:1px solid #ddd8ee;background:#fff;border-radius:8px;padding:7px 5px;color:#514c60;font-size:12px}.lunch-filters select:focus-visible{outline:3px solid #9285fd;outline-offset:2px}
@media(max-width:340px){.lunch-filters{grid-template-columns:1fr}.lunch-filters label{grid-template-columns:5rem 1fr;align-items:center}}

/* Keep choice entry first on small screens and examples optional. */
.quick-toggle{display:flex;align-items:center;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font-weight:700;color:#5141c8;font-size:.85rem}
.quick-toggle::before{content:'▸';display:inline-block;margin-right:.35rem;transition:transform .28s ease}
.quick-picks[data-open="true"] .quick-toggle::before{transform:rotate(90deg)}
.quick-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s ease,opacity .22s ease}
.quick-content-inner{min-height:0;overflow:hidden}
.quick-picks[data-open="true"] .quick-content{grid-template-rows:1fr;opacity:1}
.quick-content-inner .minor-label{margin-top:.85rem}
.example-panel{position:static}
.example-panel p{font-size:.9rem;line-height:1.55;color:#777080}
.example-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem}
.example-actions button{border:1px solid #ded9ee;background:#f7f5ff;color:#5141c8;border-radius:.7rem;padding:.8rem .55rem;font-weight:700;text-align:center}
.example-actions button:hover{border-color:#6554ed;background:#eeeafe}
@media(max-width:630px){.picker-layout .editor{order:1}.picker-layout .play{order:2}.picker-layout .example-panel{order:3}}
@media(max-width:630px){.example-actions{grid-template-columns:1fr}}

/* Keep the result beside editable options without letting long lists push it away. */
main#picker{padding-top:16px}
.tabs{scroll-margin-top:12px}
.picker-layout{grid-template-columns:minmax(0,1fr) minmax(300px,370px)}
.picker-layout .play{grid-column:1;grid-row:1}
.picker-layout .editor{grid-column:2;grid-row:1}
.picker-layout .example-panel{grid-column:1/-1;grid-row:2}
.editor .list{max-height:370px;overflow-y:auto;scrollbar-gutter:stable}
.editor #pairs{max-height:400px;overflow-y:auto;scrollbar-gutter:stable}
#start{position:relative;border:2px solid transparent}
#start[data-incomplete="true"]{opacity:.6;cursor:pointer}
#start[data-incomplete="true"]:hover::after,#start[data-incomplete="true"]:focus-visible::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(85vw,320px);padding:.45rem .7rem;border-radius:.55rem;background:#292239;color:#fff;font-size:.78rem;font-weight:500;line-height:1.35;box-shadow:0 5px 16px #29223933;z-index:10}
#start.needs-options{border-color:#df3f50}
.editor input.missing-option{border-color:#df3f50!important;box-shadow:inset 0 0 0 2px #df3f50}
@media(max-width:900px){.picker-layout{display:flex;flex-direction:column}.picker-layout .editor,.picker-layout .play,.picker-layout .example-panel{width:100%;grid-column:auto;grid-row:auto}.picker-layout .editor{order:1}.picker-layout .play{order:2;position:static}.picker-layout .example-panel{order:3}.editor .list,.editor #pairs{max-height:min(42vh,370px)}}
.tool-steps{list-style:decimal;padding-left:1.8rem;display:grid;gap:.7rem;margin:1.2rem 0 1.8rem}
.tool-steps li{display:list-item;background:#f7f5ff;padding:.8rem 1rem;border-radius:.75rem}
.tool-steps li::marker{color:#5141c8;font-weight:800}
@media(max-width:630px){.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;border-bottom:0}.tabs button{min-width:0;white-space:normal;padding:10px 6px;border:1px solid #ded9ee;border-radius:10px;background:#fff;font-size:13px}.tabs button span{margin-right:5px;font-size:16px}.tabs button[aria-pressed="true"]{background:#eeeafe;border-color:#6554ed}.tabs button[aria-pressed="true"]:after{display:none}}