.st-guide-scrim{position:fixed;inset:0;z-index:68;display:grid;place-items:center;padding:20px;background:rgba(9,6,17,.72)}.st-guide{--st-guide-panel:#ffffff;--st-guide-section:#f6f5fb;width:min(1040px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--st-acc) 34%,var(--border));border-radius:18px;background:var(--st-guide-panel);box-shadow:0 38px 100px rgba(8,4,20,.52);color:var(--text)}html[data-theme=dark] .st-guide{--st-guide-panel:#0d1124;--st-guide-section:#060a16}.st-guide-head{min-height:58px;padding:9px 12px 9px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);background:var(--st-guide-section)}.st-guide-head>span{min-width:0;flex:1 1;display:flex;align-items:center;gap:10px}.st-guide-head>span>svg{flex:none;color:var(--st-acc-ink)}.st-guide-head>span>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.st-guide-head small{color:var(--text-3);font:800 8px/1.2 var(--font-display);letter-spacing:.14em}.st-guide-head strong{overflow:hidden;color:var(--text-1);font:800 12px/1.3 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.st-guide-catalog button,.st-guide-confirm button,.st-guide-head button,.st-guide-practice :is(input,select),.st-guide-practice button{min-height:36px;border:1px solid var(--border);border-radius:8px;background:var(--st-guide-panel);color:var(--text-1);font:700 10px var(--font-display)}.st-guide-head button{padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.st-guide-head>button:last-child{width:38px;padding:0}.st-guide-catalog{padding:16px;display:grid;grid-gap:14px;gap:14px;overflow:auto;background:var(--st-guide-panel)}.st-guide-recovery,.st-guide-resume{padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--cmp-green) 28%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--cmp-green) 9%,var(--st-guide-section))}.st-guide-recovery>svg{color:var(--cmp-green)}.st-guide-recovery>span,.st-guide-resume>span{min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.st-guide-recovery strong,.st-guide-resume strong{color:var(--text-1);font:800 10.5px var(--font-display)}.st-guide-recovery small,.st-guide-resume small{color:var(--text-3);font:650 9px/1.4 var(--font-display)}.st-guide-recovery button,.st-guide-resume button{padding:0 11px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.st-guide-intro{display:flex;align-items:flex-start;gap:12px}.st-guide-intro-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;color:var(--st-acc-ink);background:var(--st-acc-soft)}.st-guide-intro>span:last-child{display:grid;grid-gap:3px;gap:3px}.st-guide-intro small{color:var(--st-acc-ink);font:800 8.5px var(--font-display);letter-spacing:.1em;text-transform:uppercase}.st-guide-intro strong{color:var(--text-1);font:850 17px/1.2 var(--font-display)}.st-guide-intro p{max-width:680px;margin:0;color:var(--text-3);font:600 10.5px/1.5 var(--font-display)}.st-guide-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.st-guide-lessons>button{min-width:0;min-height:80px;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;text-align:left;border-color:color-mix(in srgb,var(--text-3) 32%,var(--border));background:var(--st-guide-section);cursor:pointer}.st-guide-lessons>button:focus-visible,.st-guide-lessons>button:hover{border-color:color-mix(in srgb,var(--st-acc) 64%,var(--border));background:color-mix(in srgb,var(--st-acc) 9%,var(--bg))}.st-guide-lesson-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--st-acc-ink);background:var(--st-acc-soft)}.st-guide-lessons button>span:nth-child(2){min-width:0;display:grid;grid-gap:2px;gap:2px}.st-guide-lessons small{color:var(--text-3);font:750 8px var(--font-display);letter-spacing:.06em;text-transform:uppercase}.st-guide-lessons strong{color:var(--text-1);font:800 11px var(--font-display)}.st-guide-lessons em{overflow:hidden;color:var(--text-3);font:600 9px/1.35 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.st-guide-lessons button>svg:last-child{color:var(--st-acc-ink)}.st-guide-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px;padding-top:12px;border-top:1px solid var(--border)}.st-guide-reference>button{min-width:0;min-height:48px;padding:7px 9px;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:1px 8px;gap:1px 8px;border-color:color-mix(in srgb,var(--text-3) 28%,var(--border));background:var(--st-guide-section);text-align:left;cursor:pointer}.st-guide-reference svg{grid-row:1/3;color:var(--text-3)}.st-guide-reference small{color:var(--text-3);font:600 8.5px var(--font-display)}.st-guide-practice{min-height:0;flex:1 1;display:grid;grid-template-columns:280px minmax(0,1fr)}.st-guide-lesson-card{min-height:0;padding:15px;display:flex;flex-direction:column;gap:9px;overflow:auto;border-right:1px solid var(--border);background:var(--st-guide-panel)}.st-guide-progress{display:flex;gap:4px}.st-guide-progress i{height:3px;flex:1 1;border-radius:99px;background:var(--border)}.st-guide-progress i[data-complete=true]{background:var(--cmp-green)}.st-guide-progress i[data-current=true]{background:var(--st-acc)}.st-guide-lesson-card>small{margin-top:5px;color:var(--st-acc-ink);font:800 8px var(--font-display);letter-spacing:.1em}.st-guide-lesson-card>strong{color:var(--text-1);font:850 18px/1.2 var(--font-display)}.st-guide-lesson-card>p{margin:0;color:var(--text-2);font:650 11px/1.5 var(--font-display)}.st-guide-lesson-card>em{padding:8px 9px;border-left:2px solid var(--st-acc);color:var(--text-3);font:600 9.5px/1.45 var(--font-display)}.st-guide-lesson-card>button{padding:0 10px;cursor:pointer}.st-guide-lesson-card footer{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--border)}.st-guide-lesson-card footer button{min-height:34px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.st-guide-lesson-card footer button:last-child{margin-left:auto;color:var(--cmp-red)}.st-guide-lesson-card button:disabled{opacity:.4;cursor:not-allowed}.st-guide-notice{padding-top:4px;color:var(--text-3)!important;font-size:9px!important}.st-guide-complete{display:grid;justify-items:start;grid-gap:8px;gap:8px;padding:14px;border:1px solid color-mix(in srgb,var(--cmp-green) 36%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--cmp-green) 9%,var(--st-guide-section))}.st-guide-complete svg{color:var(--cmp-green)}.st-guide-complete strong{font:850 15px var(--font-display)}.st-guide-complete p{margin:0;color:var(--text-3);font:600 10px/1.5 var(--font-display)}.st-guide-complete button{padding:0 11px;cursor:pointer}.st-guide-workspace{min-width:0;min-height:0;position:relative;padding:40px 14px 14px;overflow:auto;border-left:1px solid var(--border);background:var(--st-guide-section)}.st-guide-learning-badge{position:absolute;top:10px;left:14px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;border-radius:99px;color:var(--st-acc-ink);background:var(--st-acc-soft);font:800 8px var(--font-display);letter-spacing:.04em;text-transform:uppercase}.st-guide-sample{min-height:460px;display:grid;grid-gap:12px;gap:12px}.st-guide-sample-controls{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px}.st-guide-compose-tools button,.st-guide-sample-controls button{padding:0 11px;cursor:pointer}.st-guide-compose-tools label,.st-guide-sample-controls label{display:grid;grid-gap:3px;gap:3px;color:var(--text-3);font:750 8px var(--font-display);letter-spacing:.05em;text-transform:uppercase}.st-guide-compose-tools :is(input,select),.st-guide-sample-controls :is(input,select){min-width:92px;padding:0 8px}.st-guide-sample-controls>p{flex-basis:100%;margin:2px 0 0;display:flex;gap:8px;color:var(--text-3);font:650 9px var(--font-display)}.st-guide-sample-controls>p strong{color:var(--text-1)}[data-guide-highlight=true]{outline:2px solid var(--st-acc)!important;outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--st-acc) 13%,transparent)}.st-guide-phone-scale{width:138px;height:298px;position:relative;overflow:hidden;border-radius:17px}.st-guide-phone-scale>.st-phone{position:absolute;inset:0 auto auto 0;transform:scale(.35);transform-origin:top left}.st-guide-sample-capture{grid-template-columns:160px minmax(0,1fr);align-items:center}.st-guide-sample-capture .st-guide-sample-controls{align-self:center}.st-guide-sample-remix{grid-template-columns:140px minmax(150px,1fr) 190px;align-items:stretch}.st-guide-layer-list{padding:8px;display:flex;flex-direction:column;gap:5px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raise)}.st-guide-layer-list small{padding:3px 5px;color:var(--text-3);font:800 7.5px var(--font-display);letter-spacing:.1em}.st-guide-layer-list button{min-height:40px;padding:0 8px;text-align:left;cursor:pointer}.st-guide-layer-list button[data-selected=true]{border-color:var(--st-acc);background:var(--st-acc-soft)}.st-guide-remix-stage{min-height:380px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.st-guide-card-outline{position:absolute;width:90px;height:80px;top:44%;border:2px dashed var(--st-acc);border-radius:8px;pointer-events:none}.st-guide-sample-remix .st-guide-sample-controls{align-content:flex-start;padding-top:8px}.st-guide-sample-compose{grid-template-rows:minmax(260px,1fr) auto auto}.st-guide-compose-stage{min-height:280px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.st-guide-compose-stage>span{display:grid;justify-items:center;grid-gap:8px;gap:8px;color:var(--text-3)}.st-guide-compose-stage>span strong{font:750 10px var(--font-display)}.st-guide-compose-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:7px}.st-guide-compose-tools button[aria-pressed=true]{border-color:var(--st-acc);color:var(--st-acc-ink);background:var(--st-acc-soft)}.st-guide-mini-timeline{min-height:44px;position:relative;padding:8px 10px;display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-raise);transition:min-height .16s ease}.st-guide-mini-timeline[data-height=comfortable]{min-height:62px}.st-guide-mini-timeline[data-height=large]{min-height:80px}.st-guide-mini-timeline span{min-width:80px;max-width:80%;padding:8px;border-radius:5px;color:white;background:#6434ad;font:750 8px var(--font-display)}.st-guide-mini-timeline i{position:absolute;left:43%;top:0;bottom:0;width:2px;background:var(--cmp-gold)}.st-guide-sample-reveal{grid-template-rows:minmax(300px,1fr) auto}.st-guide-reveal-stage{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));align-items:center;grid-gap:30px;gap:30px;padding:30px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.st-guide-reveal-stage>div{min-height:160px;display:grid;place-items:center;border:2px solid var(--border);border-radius:16px;color:var(--text-3);font:800 10px var(--font-display)}.st-guide-reveal-stage>div[data-selected=true]{border-color:var(--st-acc);background:var(--st-acc-soft)}.st-guide-reveal-stage>span{grid-column:1/-1;justify-self:center;padding:6px 10px;border-radius:99px;color:var(--cmp-green);background:color-mix(in srgb,var(--cmp-green) 10%,transparent);font:800 9px var(--font-display)}.st-guide-confirm{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;background:var(--st-guide-panel)}.st-guide-confirm>span{max-width:360px;margin-right:10px}.st-guide-confirm strong{color:var(--text-1);font:850 13px var(--font-display)}.st-guide-confirm p{margin:3px 0 0;color:var(--text-3);font:600 10px/1.45 var(--font-display)}.st-guide-confirm button{padding:0 11px;cursor:pointer}.st-guide-confirm button:last-child{color:var(--cmp-red)}.st-guide :is(button,input,select):focus-visible{outline:2px solid var(--st-acc);outline-offset:2px}@media (max-width:720px){.st-guide-scrim{padding:8px;align-items:flex-end}.st-guide{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:16px 16px 8px 8px}.st-guide-catalog button,.st-guide-confirm button,.st-guide-head button,.st-guide-practice :is(input,select),.st-guide-practice button{min-height:44px}.st-guide-head>button:last-child{width:44px}.st-guide-practice .st-guide-lesson-card footer button{min-height:44px}.st-guide-lessons,.st-guide-practice,.st-guide-reference{grid-template-columns:1fr}.st-guide-practice{grid-template-rows:auto minmax(360px,1fr);overflow:auto}.st-guide-lesson-card{overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.st-guide-workspace{border-left:0;border-top:1px solid var(--border)}.st-guide-lesson-card footer{margin-top:8px}.st-guide-workspace{min-height:440px}.st-guide-sample-remix{grid-template-columns:110px minmax(130px,1fr)}.st-guide-sample-remix .st-guide-sample-controls{grid-column:1/-1}.st-guide-recovery,.st-guide-resume{flex-wrap:wrap}}@media (max-width:420px){.st-guide-catalog{padding:12px}.st-guide-intro strong{font-size:15px}.st-guide-sample-capture{grid-template-columns:1fr;justify-items:center}.st-guide-sample-capture .st-guide-sample-controls{justify-content:center}.st-guide-sample-remix{grid-template-columns:1fr}.st-guide-layer-list{order:2}.st-guide-remix-stage{min-height:340px}.st-guide-reveal-stage{grid-template-columns:1fr;padding:15px}.st-guide-reveal-stage>span{grid-column:1}.st-guide-confirm{flex-direction:column;align-items:stretch}.st-guide-confirm>span{margin:0 0 6px}}@media (prefers-reduced-motion:reduce){.st-guide-mini-timeline{transition:none}}.st-firstrun{position:fixed;z-index:60;left:14px;bottom:14px;width:min(316px,calc(100vw - 28px));display:grid;grid-gap:10px;gap:10px;padding:13px 14px 12px;border:1px solid var(--border);border-radius:13px;color:var(--text-2);background:var(--bg-raise);box-shadow:var(--shadow-card)}.st-firstrun>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;grid-gap:8px;gap:8px}.st-firstrun>header>div{display:grid;grid-gap:2px;gap:2px}.st-firstrun>header small{color:var(--accent-ink);font:700 9.5px var(--font-display);letter-spacing:.09em}.st-firstrun>header strong{color:var(--text-1);font:800 12.5px/1.25 var(--font-display)}.st-firstrun-count{align-self:center;padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-3);background:var(--bg);font:750 10.5px var(--font-display);white-space:nowrap}.st-firstrun>header>button{width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:var(--text-3);background:transparent;cursor:pointer}.st-firstrun>header>button:focus-visible,.st-firstrun>header>button:hover{border-color:var(--border);color:var(--text-1);background:var(--bg)}.st-firstrun>ol{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.st-firstrun>ol>li{display:flex;align-items:flex-start;gap:9px}.st-firstrun-dot{width:20px;height:20px;flex:none;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;color:var(--text-3);background:var(--bg);font:800 10.5px var(--font-display)}.st-firstrun>ol>li>div{min-width:0;display:grid;grid-gap:2px;gap:2px;padding-top:2px}.st-firstrun>ol>li strong{color:var(--text-3);font:700 11.5px/1.3 var(--font-display)}.st-firstrun>ol>li small{color:var(--text-3);font:600 10.5px/1.4 var(--font-display)}.st-firstrun>ol>li[data-state=current] strong{color:var(--text-1)}.st-firstrun>ol>li[data-state=current] .st-firstrun-dot{color:var(--on-accent);border-color:var(--accent);background:var(--accent)}.st-firstrun>ol>li[data-state=done] strong{color:var(--text-2)}.st-firstrun>ol>li[data-state=done] .st-firstrun-dot{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--bg))}.st-firstrun-note{margin:0;color:var(--text-3);font:600 10.5px/1.45 var(--font-display)}.st-firstrun-note,.st-firstrun>footer{padding-top:9px;border-top:1px solid var(--border)}.st-firstrun>footer{display:grid;grid-gap:9px;gap:9px}.st-firstrun>footer p{margin:0;color:var(--text-2);font:600 10.5px/1.45 var(--font-display)}.st-firstrun>footer button{min-height:34px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:9px;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 10%,var(--bg));font:750 11px var(--font-display);cursor:pointer}.st-firstrun>footer button:focus-visible,.st-firstrun>footer button:hover{color:var(--text-1);border-color:var(--accent)}.st-firstrun button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:720px){.st-firstrun{left:8px;right:8px;bottom:8px;width:auto}.st-firstrun>footer button,.st-firstrun>header>button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.st-firstrun,.st-firstrun *{transition:none!important;animation:none!important}}