/* Original diagrams and editor symbols; no app screenshots or external assets. */
.videoGuide .syncTip{font-size:11px;line-height:1.5;color:#dec69a;margin:12px 0 0}
.tutorialOpen>:not(#finish){display:none!important}.videoGuide{margin:0;border:0;padding:0 0 25px;scroll-margin-top:0}.guideTop{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.quietButton{border:0;background:none;color:var(--gold);padding:12px 0;min-height:44px;font-size:12px;font-weight:700}.guideTop .brand{font-size:10px}.guideHero{text-align:center;padding:26px 3px 23px}.readySeal{width:72px;height:72px;display:grid;place-content:center;position:relative;margin:0 auto 21px;border:1px solid #bba37360;border-radius:50%;background:radial-gradient(circle,#dfc38d20,transparent 70%);color:var(--gold)}.readySeal span{font-size:27px;font-weight:650}.readySeal svg{position:absolute;width:21px;height:21px;bottom:-3px;right:-2px;border-radius:50%;background:var(--gold);stroke:#1c211b;fill:none;stroke-width:2.2;padding:3px}.videoGuide .eyebrow{font-size:9px;letter-spacing:.22em;color:var(--gold);margin:0 0 11px;font-weight:750}.videoGuide .guideHero h2{font-size:clamp(28px,7vw,37px);letter-spacing:-.04em;line-height:1.12;margin:0 auto 10px;max-width:410px}.videoGuide .guideHero p{font-size:13px;line-height:1.5;color:#b9c2cc;margin:0}.videoGuide .guideHero .eyebrow{font-size:9px;color:var(--gold);margin-bottom:12px}.videoGuide .guideHero .guideProgress{font-size:11px;color:var(--gold);margin-top:12px}.chooseCaption{text-align:center;font-size:11px!important;color:var(--muted)!important;letter-spacing:.04em;margin:2px 0 10px!important}.editorTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.editorTab{border:1px solid #38424a;border-radius:15px;background:linear-gradient(145deg,#202932,#141b22);color:#bec5cd;min-height:116px;padding:14px 6px 12px;font-size:12px;font-weight:650;line-height:1.3;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:10px}.editorTab[aria-selected=true]{border-color:var(--gold);color:#f8e4bd;background:linear-gradient(145deg,#32332c,#1a2024);box-shadow:0 0 0 1px #dfc38d15}.appSymbol{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#f3f0e7;color:#171c22}.appSymbol svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.editsSymbol{background:linear-gradient(145deg,#c7dddb,#8daab0)}.tiktokSymbol{background:#14191f;color:#f1f7f8;box-shadow:inset 0 0 0 1px #4e6770}.editorPanel{border:1px solid #3d464c;background:linear-gradient(160deg,#1a232c,#12191f);border-radius:19px;padding:20px 17px 16px;overflow:hidden;box-shadow:0 16px 40px #0003}.guideStepHeader{display:flex;justify-content:space-between;font-size:9px;font-weight:700;color:#c2aa7c;letter-spacing:.16em;margin-bottom:16px}.videoGuide h3{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:0 0 10px}.videoGuide .guideLead{font-size:13px;line-height:1.55;color:#cbd2d9;margin:0 0 19px}.videoGuide .guideDetail{font-size:12px;color:#b8c2cc;line-height:1.6;margin-top:17px}.videoGuide .guideDetail p{font-size:12px;color:inherit;line-height:1.65;margin:10px 0}.videoGuide .guideDetail strong{color:#edd5a5}.guideNav{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;margin-top:10px}.guideNav button,.wideButton,.switchEditor{border:1px solid #505961;background:#222d36;color:#eff2f3;border-radius:10px;min-height:48px;padding:10px 8px;font-size:12px;font-weight:750}.guideNav button:last-child,.wideButton{background:var(--gold);color:#1c1914;border-color:var(--gold)}.guideNav button:disabled{opacity:.35;cursor:default}.guidePagination{display:flex;justify-content:center;align-items:center;margin-top:10px}.guidePagination button{position:relative;width:36px;min-height:44px;border:0;background:none;padding:0}.guidePagination button:before{content:'';display:block;width:5px;height:5px;background:#5b6269;border-radius:50%;margin:auto}.guidePagination button[aria-current=step]:before{background:var(--gold);width:16px;border-radius:5px}.videoGuide .guideFootnote{font-size:9px;text-align:center;color:#8794a2;margin:12px 0 24px}.guideDisclosure{margin-top:12px;border:1px solid #3a444c;border-radius:11px;background:#10171d;padding:0 12px}.guideDisclosure summary{display:list-item;cursor:pointer;font-size:11px;line-height:1.5;padding:14px 0;min-height:44px;color:#d9ceb8}.videoGuide .guideDisclosure p{font-size:12px;line-height:1.65;color:#b7c2cb;margin:0 0 14px}.wideButton{width:100%;margin-bottom:12px}.guideFootnote+*{margin-top:0}.exampleNote{font-size:9px!important;line-height:1.5!important;color:#8e9dac!important;text-align:center;margin:8px 0 0!important}.miniPhotoRow{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;background:#0d141b;border:1px solid #2d3a44;border-radius:12px}.miniPhoto{position:relative;flex:0 1 65px;height:96px;overflow:hidden;border-radius:7px;border:1px solid #69717a;background:#17212b}.miniPhoto img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}.miniPhoto span{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:4px 2px;background:#080e14c9;font-size:10px;font-weight:800;color:white}.miniArrow{color:var(--gold);font-size:13px}.plusTile{display:grid;place-content:center;border:1px dashed #bda779;background:#dfc38d10;color:var(--gold);width:44px;height:66px;border-radius:9px;font-size:27px;flex-shrink:0}.orderRibbon{display:flex;justify-content:center;gap:9px;margin-top:15px;font-size:11px;font-weight:700;color:#dcc69f}.visualLabel{font-size:10px;letter-spacing:.1em;color:#d8be8d;text-align:center;margin:0 0 12px}.portraitDiagram{margin:0 auto;max-width:155px;position:relative}.portraitDiagram img{width:100%;max-height:250px;object-fit:cover;border:1px solid #bca06b;border-radius:10px;display:block}.portraitDiagram span{position:absolute;inset:auto 10px 12px;background:#121a21e0;border:1px solid #c7ad7960;border-radius:8px;padding:8px;text-align:center;font-weight:800;color:#f2dba9;font-size:13px}.portraitTicks{display:flex;justify-content:center;gap:18px;color:#c2cbd1;font-size:10px;margin-top:15px}.projectDiagram,.publishDiagram{padding:24px 12px;border:1px solid #30404c;background:#0d141b;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px}.projectPlus{border:1px solid #bfa66e;border-radius:14px;font-size:32px;display:grid;place-content:center;width:58px;height:58px;color:var(--gold)}.projectDiagram p{margin:0!important;font-size:12px!important;line-height:1.7!important}.projectDiagram b{font-size:17px}.publishDiagram .videoFile{width:68px;height:100px;border:1px solid #d9bf88;border-radius:8px;display:grid;place-content:center;color:var(--gold);gap:8px;text-align:center;font-size:10px}.videoFile b{font-size:22px}.publishDiagram .soundDisc{width:57px;height:57px;border:1px solid #7e9ca3;border-radius:50%;box-shadow:inset 0 0 0 6px #0d141b,inset 0 0 0 7px #527983;background:#1b3036;display:grid;place-content:center;font-size:25px;color:#b5d7d8}.soundFlow{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:6px;background:#0d141b;padding:20px 12px;border:1px solid #2e3e49;border-radius:13px;text-align:center}.soundFlow .flowTile{padding:12px 5px;border:1px solid #54616a;border-radius:9px;font-size:11px;line-height:1.6}.flowTile strong{display:block;font-size:22px;color:var(--gold);margin-bottom:5px}.soundFlow>span{color:var(--gold)}.switchEditors{display:flex;gap:8px;margin:13px 0}.switchEditor{flex:1;min-width:0;color:var(--gold);border-color:#8b7958}.limitNote{padding:13px;border:1px solid #9c814552;border-radius:10px;background:#a18c4c12;color:#e2c994;font-size:12px;line-height:1.6}.demoTimeline{border:1px solid #3c4e5b;border-radius:12px;background:#0c141d;padding:16px 8px 13px;position:relative;--demo-size:94px}.timelineTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:10px;color:#d1bb8e}.demoMotion{font-size:9px;border:1px solid #4c5b64;background:#17242f;color:#d4dce3;border-radius:6px;padding:7px 8px;min-height:44px}.timelineViewport{overflow-x:auto;overflow-y:hidden;padding:28px 7px 45px;scrollbar-width:thin;scrollbar-color:#5f6971 #101820;position:relative}.timelineCanvas{width:max-content;min-width:100%;position:relative}.timelineClips{display:flex;align-items:center;gap:5px;min-height:83px}.demoClip{height:78px;width:62px;flex-shrink:0;position:relative;background:#1f2d3b;border-radius:6px;border:1px solid #66737c;overflow:visible}.clipPicture{width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:5px;display:block}.clipIndex{position:absolute;bottom:4px;left:6px;font-weight:800;font-size:10px;color:#fff;text-shadow:0 1px 5px #000}.demoClip.selected{width:var(--demo-size);border:2px solid #dfc38d;box-shadow:0 0 0 2px #dfc38d20}.clipSelect{display:block;width:100%;height:100%;padding:0;background:none;border:0;color:inherit;border-radius:5px;overflow:hidden}.edgeHandle{position:absolute;top:-5px;right:-18px;width:44px;height:88px;border:0;background:transparent;cursor:ew-resize;touch-action:none;z-index:4;padding:0;display:grid;place-items:center}.edgeHandle:before{content:'';display:block;background:var(--gold);width:10px;height:84px;border-radius:4px;box-shadow:0 0 14px #dfc38d50}.edgeHandle:after{content:'↔';position:absolute;color:#151b20;font-size:15px;font-weight:900;top:34px}.demoClip:not(.selected) .edgeHandle{display:none}.clipSelect:focus-visible{outline-offset:5px}.demoAdd{margin-left:10px;width:44px;height:60px;border:1px dashed #c5af80;border-radius:8px;background:#dfc38d0a;color:var(--gold);font-size:24px;flex-shrink:0}.phraseMarker{position:absolute;z-index:3;top:-25px;bottom:-29px;left:199px;border-left:1px dashed #9dd3c7;pointer-events:none}.phraseMarker span{position:absolute;top:-3px;left:5px;white-space:nowrap;font-size:8px;color:#a7d6cc;background:#0c141d;padding:2px 3px}.waveform{height:23px;margin-top:12px;background:repeating-linear-gradient(90deg,#76aaa1 0 2px,transparent 2px 5px);clip-path:polygon(0 45%,4% 27%,8% 42%,12% 14%,17% 43%,21% 30%,25% 4%,30% 29%,35% 44%,40% 17%,45% 27%,50% 3%,55% 29%,60% 44%,65% 14%,70% 38%,75% 20%,80% 37%,85% 8%,90% 35%,95% 22%,100% 45%,100% 70%,0 70%);opacity:.8}.dragFinger{position:absolute;left:139px;top:83px;color:var(--gold);font-size:24px;pointer-events:none;z-index:5;animation:edgeGesture 2.7s ease-in-out 3}.dragFinger svg{height:28px;width:28px;stroke:currentColor;fill:#18232b;stroke-width:1.6}.dragFinger span{font-size:8px;display:block;white-space:nowrap;margin-left:-8px}.motionOff .dragFinger{animation:none}.demoTimeline.interacted .dragFinger{display:none}.dragInstruction{display:flex;align-items:center;justify-content:center;gap:7px;color:#f2d9a8;font-size:11px;font-weight:750;margin-top:8px;text-align:center}.dragInstruction b{color:#fff0c8}.demoLength{width:100%;accent-color:var(--gold);min-height:44px;margin:4px 0 0}.lengthLabels{display:flex;justify-content:space-between;font-size:9px;color:#98aab8}.demoFeedback{font-size:10px!important;text-align:center;min-height:32px;line-height:1.5!important;margin:12px 0 0!important;color:#a3d1c5!important}.timelineRule{display:flex;gap:8px;align-items:center;font-size:12px;color:#dac79f;margin-top:13px;line-height:1.5}.timelineRule>span{font-size:20px}.soundHub{border-top:1px solid #35414a;margin-top:31px;padding-top:25px}.soundHub h3{font-size:22px}.soundLinks{display:grid;gap:9px;margin-top:17px}.soundLink{min-height:64px;display:flex;align-items:center;gap:13px;padding:12px 16px;border:1px solid #54727a;border-radius:12px;background:linear-gradient(100deg,#1e323a,#17242d);text-decoration:none;color:#f3f2ee;font-size:11px;font-weight:800;line-height:1.45;letter-spacing:.03em}.soundLink>span:first-child{font-size:25px;font-weight:400}.soundLink>span:nth-child(2){flex:1}.soundLink>span:last-child{font-size:18px;color:#b7cbd0}.instagramLink{border-color:#705e75;background:linear-gradient(100deg,#392933,#202632)}.soundRoute{display:flex;gap:7px;align-items:center;justify-content:center;padding:19px 0 0;font-size:10px;color:#c8d3dc;flex-wrap:wrap}.soundRoute b{color:var(--gold)}.videoGuide .soundNote{font-size:11px;color:#9eadba;line-height:1.65;margin-top:14px}.videoGuide .guideFooter{font-size:12px;text-align:center;line-height:1.8;padding:30px 8px 10px;color:#c5c5bd}.guideFooter span{color:#82919e;font-size:10px}.postingReady{text-align:center;background:linear-gradient(160deg,#1a2928,#131b22);border:1px solid #47635d;border-radius:18px;padding:25px 17px}.postingReady .postTick{margin:0 auto 16px;width:48px;height:48px;border-radius:50%;border:1px solid #7eaa95;display:grid;place-items:center;color:#b4dbc6;font-size:25px}.postingReady h3{font-size:28px;line-height:1.15;letter-spacing:-.03em}.videoGuide .postingReady p{font-size:13px;color:#bdcacd;line-height:1.7}.tagBadge{border:1px solid #ac955b66;border-radius:9px;padding:13px;color:#b9c5c4;font-size:13px;margin:18px 0}.tagBadge strong{color:var(--gold);margin-left:5px;font-size:17px}.postingReady .guideDisclosure{text-align:left}.videoGuide .postingReady .storiesPolicy{font-size:11px;color:#9db3b5;margin-top:22px}.copyPermissionStatus{color:#b4dbc6!important;font-size:11px!important}.finishTitle:focus,#finishTitle:focus,#guideStepTitle:focus,#postingTitle:focus{outline:none}@keyframes edgeGesture{0%,15%{transform:translateX(0);opacity:.6}45%,65%{transform:translateX(37px);opacity:1}85%,100%{transform:translateX(0);opacity:.6}}@media(min-width:650px){.guideHero{padding-top:42px}.editorPanel{padding:24px}.editorTab{min-height:124px}.demoClip{width:74px}.phraseMarker{left:211px}.dragFinger{left:151px}.timelineViewport{padding-inline:15px}.soundLinks{grid-template-columns:1fr 1fr}.soundLink{padding:12px 10px;gap:9px;font-size:10px}.soundLink>span:first-child{font-size:20px}}@media(max-width:360px){.editorPanel{padding:17px 11px 12px}.editorTabs{gap:6px}.editorTab{font-size:11px}.videoGuide h3{font-size:22px}.guideTop{padding-inline:3px}.guideLead{font-size:12px}.miniPhotoRow{gap:5px}.soundLink{font-size:10px}}@media(prefers-reduced-motion:reduce){.dragFinger{animation:none!important}.videoGuide *{scroll-behavior:auto!important}}
/* Animate the actual clip edge together with the illustrative finger. */
.demoTimeline:not(.interacted):not(.motionOff) .demoClip.selected{animation:clipEdgeGesture 2.7s ease-in-out 3}
.timelineRule>span{font-size:12px}.timelineRule>span:first-child{font-size:20px}
@keyframes clipEdgeGesture{0%,15%,85%,100%{width:94px}45%,65%{width:132px}}
@media(prefers-reduced-motion:reduce){.demoTimeline .demoClip.selected{animation:none!important}}
.guidePagination button{width:44px}
/* Keep failed example previews readable; the tutorial still works without them. */
.previewUnavailable{background:linear-gradient(135deg,#233541,#151f28)}
.demoAdd:disabled{opacity:.45;cursor:default}
.tagBadge .challengeHashtag{font-size:12px;margin-top:8px}
/* One action per screen. Keep the existing palette and interactive timeline. */
.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.guideTop{padding:3px 0}.guideHero{padding:7px 0 17px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:0 12px;text-align:left}
.readySeal{width:42px;height:42px;margin:0;grid-row:1/3}.readySeal span{font-size:19px}.readySeal svg{width:16px;height:16px}
.videoGuide .guideHero h2{font-size:25px;max-width:none;margin:0;line-height:1.15}.videoGuide .guideHero .guideProgress{margin:6px 0 0;font-size:11px}.guideProgress:empty{display:none}
.isLesson .guideHero,.isPosting .guideHero{display:none}
.editorTabs{gap:7px;margin:5px 0 12px}.editorTab{min-height:64px;padding:8px 4px;gap:6px;font-size:12px;justify-content:center;flex-direction:row;border-radius:12px}
.appSymbol{width:26px;height:26px;border-radius:8px;flex-shrink:0}.appSymbol svg{width:20px;height:20px}
.editorPanel{padding:22px 17px 17px;border-radius:18px}.videoGuide h3{font-size:27px;line-height:1.15;margin:0 0 20px;text-align:center;text-wrap:balance}
.videoGuide .guideLead{font-size:14px;line-height:1.45;text-align:center;margin:-8px 0 18px;color:#c2ccd4}
.videoGuide .guideDetail{margin-top:10px}.guideDisclosure{margin-top:0;border:0;background:none;border-radius:0;padding:0}
.guideDisclosure summary{font-size:12px;color:#b8ad96;padding:13px 0;min-height:44px;width:max-content;margin:auto}
.videoGuide .guideDisclosure p{font-size:13px;line-height:1.65;text-align:left;margin:3px 0 15px;color:#bdc7d0}
.guideDisclosure[open]{border-top:1px solid #34414b;margin-top:12px}.guideDisclosure[open] summary{margin-left:0}
.guidePagination{margin:0}.guidePagination button{min-height:44px;width:44px}.guidePagination button:before{height:4px;width:4px}.guidePagination button[aria-current=step]:before{width:13px}
.guideNav{grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.guideNav button{min-height:52px;font-size:15px;border-radius:11px}
.miniPhotoRow{padding:24px 10px;gap:12px}.miniPhoto{height:132px;flex-basis:75px}.plusTile{width:34px;height:62px}.miniPhoto span{font-size:11px}.orderDemo{border-color:#655a42}.orderRibbon{font-size:12px;margin-top:12px;letter-spacing:.03em}
.demoTimeline{padding:7px 8px 8px;border-color:#776649;background:linear-gradient(155deg,#111e29,#0a121a)}
.timelineTop{margin:0 0 2px;gap:4px;min-height:44px}.silentDemo{font-size:11px;color:#aab7c1}.demoMotion{font-size:19px;width:44px;padding:4px;border:0;background:none;color:var(--gold)}
.timelineViewport{padding:20px 7px 34px}.demoClip{height:108px}.clipPicture{object-position:center 20%}.edgeHandle{height:118px}.edgeHandle:before{height:114px;width:11px}.edgeHandle:after{top:48px}.timelineClips{min-height:113px}
.phraseMarker{top:-12px;bottom:-20px;opacity:.65}.dragFinger{top:114px}.dragFinger svg{height:32px;width:32px}.waveform{margin-top:10px;height:19px;opacity:.45}
.demoLength{margin:0;min-height:32px}.videoGuide .demoFeedback{margin:0!important;min-height:18px;font-size:12px!important;line-height:1.5!important}
.soundHub{border:0;margin:0;padding:0}.soundLinks{margin:0;grid-template-columns:1fr;gap:10px}.soundLink{min-height:62px;font-size:14px;padding:13px 16px}.soundLink>span:first-child{font-size:24px}
.soundRoute{font-size:12px;padding:18px 0 8px;gap:9px}
.publishDiagram{padding:24px 12px;min-height:185px;gap:25px}.publishDiagram .videoFile{height:121px;width:76px;font-size:13px}.videoFile b{font-size:31px}.saveArrow{color:var(--gold);font-size:45px}
.switchEditors{margin:10px 0 0;gap:9px}.switchEditor{font-size:14px;min-height:48px}
.reviewDiagram{background:#0d141b;border:1px solid #30404c;border-radius:13px;padding:20px}.reviewPicture{position:relative;width:85px;margin:0 auto}.reviewPicture .miniPhoto{height:150px}.reviewPicture>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff5d8;font-size:46px;text-shadow:0 1px 9px #000}.reviewTrack{height:4px;background:#35424b;margin:20px 0 4px;border-radius:9px;overflow:hidden}.reviewTrack span{display:block;height:100%;width:70%;background:var(--gold)}
.postDiagram{border:1px solid #63583f;background:#10191e;border-radius:13px;padding:34px 10px;text-align:center;display:grid;gap:14px}.postDiagram>span:first-child{font-size:42px;color:var(--gold)}.postDiagram strong{font-size:22px;color:var(--gold)}.postDiagram>span:last-child{font-size:13px;color:#b9c3cc}
.videoGuide .guideFooter{font-size:10px;padding:18px 0 0;line-height:1.7}.guideFooter span{font-size:10px}.videoGuide{padding-bottom:0}
.postingReady{padding:26px 17px}.postingReady h3{overflow-wrap:anywhere;font-size:27px}.tagBadge{border:0;margin:14px 0;padding:0}.tagBadge>strong{display:none}.tagBadge{font-size:0}.tagBadge .challengeHashtag{font-size:13px}.postingReady .guideDisclosure{margin-top:15px}.postingReady .quietButton{font-size:14px}.postTick{margin-bottom:20px!important}
@media(min-width:650px){.editorPanel{padding:25px}.videoGuide h3{font-size:30px}.editorTab{min-height:68px}.timelineViewport{padding-inline:15px}.soundLinks{grid-template-columns:1fr 1fr}.soundLink{padding:12px 10px;gap:8px;font-size:13px}.guideHero{padding-top:12px}.miniPhoto{height:145px;flex-basis:82px}}
@media(max-width:360px){.editorPanel{padding:20px 12px 13px}.editorTab{font-size:11px;gap:4px}.appSymbol{width:22px;height:22px}.appSymbol svg{width:18px;height:18px}.videoGuide h3{font-size:25px}.videoGuide .guideLead{font-size:13px}.miniPhotoRow{padding:22px 8px;gap:7px}.miniPhoto{flex-basis:65px;height:115px}.videoGuide .guideHero h2{font-size:23px}}
/* Keep the complete lesson visible on the narrowest phone too. */
#mainPage.tutorialOpen{padding-bottom:calc(15px + env(safe-area-inset-bottom))}
@media(max-width:360px){.timelineViewport{padding-top:12px;padding-bottom:22px}.demoClip{height:90px}.timelineClips{min-height:95px}.edgeHandle{height:100px}.edgeHandle:before{height:96px}.edgeHandle:after{top:39px}.dragFinger{top:96px}.videoGuide h3{margin-bottom:16px}.videoGuide .guideFooter{padding-top:12px}}
@media(max-width:360px){.prepareDiagram{min-height:120px;padding-block:10px}.prepareDiagram .videoFile{height:96px}}
/* Two compact routes; clear original illustrations and touch-friendly trim controls. */
.editorTabs{grid-template-columns:repeat(2,minmax(0,1fr))}.guideStepHeader{margin:0 0 15px;letter-spacing:.08em;font-size:10px}.stepIllustration{display:flex;align-items:center;justify-content:center;gap:23px;min-height:170px;padding:13px;background:#0d141b;border:1px solid #3d4448;border-radius:12px}.stepIllustration svg{width:100px;height:125px;fill:none;stroke:#e2c68f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.stepIllustration span{font-size:16px;color:#f2dbab;font-weight:750;max-width:120px;line-height:1.5}.stepIllustration .goldFill{fill:#dfc38d33}.photoTabCue{color:#ecd4a5;font-size:13px;font-weight:800}.guidePagination{flex-wrap:wrap}.guidePagination button{width:calc(100% / 9);max-width:44px;min-width:23px}.videoGuide .pendingNote{font-size:11px;text-align:center;color:#e5c382;line-height:1.5;margin:8px 0}.limitNote{font-size:12px;padding:10px 12px;text-align:center}.editsAlternative{display:block;min-height:44px;padding:7px 10px;margin:5px auto 0;border:1px solid #b9a274;border-radius:8px;background:#252b29;color:#f2d9a8;font-weight:700;font-size:12px}.guideNav button:focus-visible,.editorTab:focus-visible,.edgeHandle:focus-visible,.demoLength:focus-visible{outline:2px solid #9dd3c7;outline-offset:3px}
.edgeHandle:before{width:15px}.edgeHandle:after{font-size:18px}.dragFinger span{font-size:10px;background:#131d25;padding:3px;border-radius:4px;margin-left:-13px}.dragInstruction{margin-top:12px;font-size:12px}.demoLength{appearance:none;-webkit-appearance:none;width:100%;min-height:44px;background:transparent;touch-action:none;cursor:ew-resize}.demoLength::-webkit-slider-runnable-track{height:8px;background:linear-gradient(90deg,#72603e,#f2d7a3);border-radius:6px}.demoLength::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:35px;height:35px;background:#f4dda9;border:5px solid #796643;border-radius:10px;box-shadow:0 0 0 2px #f2d7a3;margin-top:-13px}.demoLength::-moz-range-track{height:8px;background:#bba273;border-radius:6px}.demoLength::-moz-range-thumb{height:26px;width:26px;background:#f4dda9;border:4px solid #796643;border-radius:9px}.lengthLabels{font-size:10px;margin-bottom:5px}.audioPending{font-size:9px!important;color:#a5adb4!important;text-align:center;letter-spacing:.07em;margin:8px 0!important}.localAudio{margin-top:12px;border-top:1px solid #38535b;padding:12px 0;display:grid;gap:8px}.localAudio button{min-height:44px;border-radius:9px;background:#233e43;color:#d5eeeb;border:1px solid #6a9697}.localAudio label,.localAudio output{font-size:11px;color:#a8ccc8}.localAudio input{width:100%;min-height:44px;accent-color:#83b4ae;touch-action:none}
@media(max-width:360px){.stepIllustration{min-height:150px;gap:12px}.stepIllustration span{font-size:14px}.videoGuide h3{font-size:24px}.timelineViewport{padding-bottom:35px}.guideStepHeader{margin-bottom:12px}.guideNav button{font-size:14px}}
/* QA controls resemble the observed wording and colours; these remain illustrations. */
.audioControlDiagram{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:170px;padding:16px 8px;border:1px solid #3d4448;border-radius:12px;background:#0d141b}.soundDiscCue{height:58px;width:58px;fill:none;stroke:#d7bd88;stroke-width:2}.nativeControlCue{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;min-width:190px;border-radius:13px;color:#fff;font-size:16px;font-weight:800;padding:12px 19px;box-shadow:0 4px 18px #0004}.nativeControlCue svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.instagramAudioCue{background:linear-gradient(100deg,#3256dd,#7146df)}.tiktokAudioCue{background:#ed2455}.tapCue{color:#dfc38d;font-size:12px}.clipCue{display:grid;place-items:center;font-size:11px;color:#b9c4cc;border-style:dashed;background:linear-gradient(130deg,#273440,#14202b)}.silentExample{font-size:10px!important;text-align:center;color:#98aaa9!important;margin:8px 0 0!important}
/* Compact shared ending, reached from either tutorial; no subscription action is automated. */
.videoGuide .tagInvitation{margin:13px 0 0;text-align:left}.videoGuide .tagInvitation p{font-size:12px;line-height:1.55;color:#cbd5d7;margin:0}.videoGuide .tagInvitation .tagInvitationTitle{font-size:14px;font-weight:750;color:#f0d6a4;margin-bottom:5px}
.postingReady{padding:20px 14px}.postingReady h3{font-size:24px;line-height:1.2}.postingReady .postTick{width:34px;height:34px;font-size:20px;margin-bottom:12px!important}.tagCopyBox{display:flex;align-items:center;gap:8px;background:#0d151a;border:1px solid #88744d;border-radius:10px;padding:8px;margin-top:14px}.tagCopyBox code{flex:1;min-width:0;white-space:nowrap;font-size:clamp(11px,3.3vw,14px);color:#f3dba7;text-align:left}.tagCopyBox button{flex:none;min-height:44px;min-width:59px;border:1px solid #dfc38d;background:#dfc38d;color:#17150e;border-radius:8px;font-weight:800;font-size:12px;padding:8px}.videoGuide .copyTagStatus{font-size:11px;line-height:1.4;color:#b5dfcb;margin:5px 0;min-height:0}.copyTagStatus:empty{display:none}.waqasClosing{margin:16px 0 10px;padding-top:14px;border-top:1px solid #435249}.videoGuide .waqasClosing p{font-size:12px;line-height:1.6;margin:0 0 13px;color:#d0dbd8}.videoGuide .waqasClosing #youtubeRequest{font-size:13px;color:#e9dfc8}.socialFollow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 14px}.socialTile{display:flex;align-items:center;justify-content:center;gap:5px;min-height:54px;padding:8px 4px;border:1px solid #57635b;border-radius:10px;background:#172421;color:#d9e4de;text-decoration:none;font:700 10px system-ui;position:relative}.socialTile svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.socialTile[data-social=facebook] svg{fill:currentColor;stroke:none}.socialExternal{display:none}.youtubeTile{grid-column:1/-1;min-height:56px;gap:11px;border-color:#e1c58b;background:linear-gradient(110deg,#a18044,#e3c68c);color:#17170f;font-size:15px}.youtubeTile svg{width:29px;height:29px;fill:#201e13;stroke:#201e13}.youtubeTile svg path{fill:#ecd6ac;stroke:#ecd6ac}.youtubeTile .socialExternal{display:inline;margin-left:4px}.socialTile:disabled{cursor:default;opacity:.65;flex-wrap:wrap}.socialTile small{font-size:9px;display:block}.socialTile:focus-visible,.tagCopyBox button:focus-visible{outline:2px solid #9dd3c7;outline-offset:3px}.videoGuide .waqasClosing .outfitCorrection{font-size:11px;color:#b3c6bf;margin-bottom:0}.postingReady .guideDisclosure summary{font-size:11px}.postingReady .guideDisclosure p{font-size:12px}
@media(max-width:360px){.socialFollow{gap:6px}.socialTile{font-size:9px;gap:3px}.youtubeTile{font-size:14px;gap:8px}.postingReady{padding:18px 11px}.socialTile svg{width:17px;height:17px}.youtubeTile svg{width:27px;height:27px}}

/* The full three-part tag stays readable on narrow phones. */
.tagCopyBox code{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.videoGuide .waqasClosing #partTwo{color:#ead4a9}