._walkthrough_1cid2_1{max-width:900px;margin:0 auto;padding:4rem 2rem}._walkthrough_1cid2_1 h2{text-align:center;color:var(--text-primary);margin:0 0 3rem;font-size:2rem;font-weight:300}._frames_1cid2_14{flex-direction:column;gap:3rem;display:flex}._frame_1cid2_14{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}._frameText_1cid2_27{flex-direction:column;gap:.75rem;display:flex}._frameNumber_1cid2_33{color:var(--accent-primary);font-family:Crimson Pro,Literata,serif;font-size:2rem;font-weight:300;line-height:1}._frameTitle_1cid2_41{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:400}._frameDescription_1cid2_48{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}._mockPanel_1cid2_55{--composer-accent:var(--accent-primary,#8b8bff);--composer-accent-glow:var(--accent-glow,#8b8bff26);--composer-text:var(--text-primary,#e0e0ffd9);--composer-text-muted:var(--text-secondary,#b8b8d4b3);--composer-surface:var(--surface-overlay,#ffffff08);--composer-border:var(--border-subtle,#ffffff1a);background:var(--surface-overlay);border:1px solid var(--border-subtle);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:.75rem;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}._mockPanel_1cid2_55 input:disabled{opacity:1}._deliveryText_1cid2_77{color:var(--text-secondary);text-align:center;padding:.5rem 0;font-family:Crimson Pro,Literata,serif;font-size:1.05rem;font-style:italic;line-height:1.8}._deliveryText_1cid2_77:after{content:"";background:var(--accent-primary);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:3px;animation:1s step-end infinite _blink_1cid2_1;display:inline-block}@keyframes _blink_1cid2_1{0%,to{opacity:1}50%{opacity:0}}._audioMock_1cid2_105{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:2rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex}._playIcon_1cid2_116{width:28px;height:28px;color:var(--accent-primary);flex-shrink:0}._progressTrack_1cid2_123{background:var(--border-subtle);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}._progressFill_1cid2_132{background:var(--accent-primary);border-radius:2px;width:35%;height:100%;position:absolute;top:0;left:0}._shuffleHintWrapper_1cid2_142{flex-direction:column;align-items:center;display:flex;position:relative}._shuffleHint_1cid2_142{color:var(--text-muted);opacity:.7;text-align:center;max-width:200px;margin-top:.5rem;font-size:.75rem;font-style:italic;line-height:1.4}._writingMock_1cid2_160{width:100%;min-height:80px;color:var(--text-secondary);opacity:.6;padding:.75rem;font-family:inherit;font-size:.9375rem;line-height:1.6}@media (width<=768px){._walkthrough_1cid2_1{padding:3rem 1rem}._frame_1cid2_14{grid-template-columns:1fr;gap:1.5rem}._mockPanel_1cid2_55{padding:1.25rem}}