/* TEAM ALPHA BURMESE TRANSPARENT RESPONSIVE COACHMARK V7 */
#burmese-tutorial[hidden]{display:none!important}
#burmese-tutorial{position:fixed;inset:0;z-index:2200;display:block;isolation:isolate;overscroll-behavior:contain;pointer-events:none}
#burmese-tutorial .cm-layer{position:fixed;inset:0;z-index:0;background:rgba(3,5,8,.18);pointer-events:none}
#burmese-tutorial .cm-highlight{position:fixed;z-index:2;display:none;pointer-events:none;border:2px solid #ee4540;border-radius:10px;box-shadow:0 0 0 4px rgba(238,69,64,.16),0 0 20px rgba(238,69,64,.55);transition:left .16s ease,top .16s ease,width .16s ease,height .16s ease}
#burmese-tutorial .cm-highlight.cm-visible{display:block}
#burmese-tutorial .cm-note{position:fixed;z-index:4;width:min(340px,calc(100vw - 32px));max-height:min(230px,calc(100dvh - 28px));overflow-x:hidden;overflow-y:auto;padding:15px 17px 13px;border:1px solid rgba(238,69,64,.62);border-radius:15px;color:#f0f3f8;background:rgba(11,14,20,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 14px 40px rgba(0,0,0,.42),0 0 24px rgba(238,69,64,.16);outline:none;pointer-events:auto}
#burmese-tutorial .cm-note-kicker{margin-bottom:5px;color:#f08b87;font-size:.68rem;font-weight:800;letter-spacing:.08em}
#burmese-tutorial .cm-note h2{margin:0 0 6px;color:#fff;font-size:1.02rem;line-height:1.45}
#burmese-tutorial .cm-note p{margin:0;color:rgba(240,243,248,.9);font-size:.82rem;line-height:1.68;overflow-wrap:anywhere}
#burmese-tutorial .cm-progress{margin-top:8px;color:rgba(240,243,248,.58);font-size:.68rem;font-weight:800}
#burmese-tutorial .cm-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;margin-top:11px}
#burmese-tutorial .cm-actions button{min-height:38px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer;font:inherit;font-size:.72rem;font-weight:800;line-height:1.3}
#burmese-tutorial .cm-actions button:hover,#burmese-tutorial .cm-actions button:focus-visible{border-color:rgba(238,69,64,.76);background:rgba(238,69,64,.22);outline:2px solid rgba(0,230,118,.6);outline-offset:2px}
#burmese-tutorial .cm-actions button:last-child{border-color:transparent;background:linear-gradient(135deg,#ee4540,#c72c41);box-shadow:0 5px 14px rgba(238,69,64,.22)}
#burmese-tutorial .cm-actions button:disabled{opacity:.38;cursor:not-allowed}
#burmese-tutorial .cm-arrow{position:fixed;z-index:5;display:none;width:100vw;height:100vh;inset:0;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 5px rgba(238,69,64,.76));opacity:0;transition:opacity .14s ease}
#burmese-tutorial .cm-arrow.cm-visible{display:block;opacity:1}
#burmese-tutorial .cm-arrow line{stroke:#ee4540;stroke-width:3;stroke-linecap:round;marker-end:url(#cm-arrowhead)}
@media (max-width:699px){#burmese-tutorial .cm-note{left:12px!important;right:12px!important;width:auto;max-height:180px}.app-header{z-index:1001}}
@media (min-width:700px) and (max-width:1199px){.index-tutorial-header-trigger{width:44px;min-width:44px;padding:0;font-size:0}.index-tutorial-header-trigger i{font-size:1rem}}
@media (min-width:1200px){.index-tutorial-header-trigger{width:132px;min-width:132px}}
@media (min-width:700px){#burmese-tutorial .cm-note{max-width:340px}}
@media (prefers-reduced-motion:reduce){#burmese-tutorial .cm-highlight,#burmese-tutorial .cm-arrow{transition:none!important}}
/* TEAM ALPHA BURMESE TRANSPARENT RESPONSIVE COACHMARK V7 END */
/* HELP TRIGGER DESIGN V7 */
.index-tutorial-header-trigger{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(238,69,64,.55);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 6px 18px rgba(238,69,64,.22)}
.index-tutorial-header-trigger::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 90deg,transparent 0 30%,rgba(255,255,255,.4) 36%,transparent 43% 100%);animation:coachmark-help-sheen 3.2s linear infinite}
.index-tutorial-sidebar-trigger{border:1px solid rgba(238,69,64,.24)!important;box-shadow:inset 3px 0 0 transparent,0 4px 14px rgba(0,0,0,.18)}
.index-tutorial-sidebar-trigger:hover,.index-tutorial-sidebar-trigger:focus-visible{box-shadow:inset 3px 0 0 #ee4540,0 5px 16px rgba(238,69,64,.2)}
@keyframes coachmark-help-sheen{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.index-tutorial-header-trigger::before{animation:none!important}}
@media (max-width:992px){.sidebar .index-tutorial-sidebar-trigger{min-height:48px;padding:11px 14px;font-size:.9rem}.sidebar .index-tutorial-sidebar-trigger span{white-space:nowrap}}
/* END HELP TRIGGER DESIGN V7 */

/* Application dialogs remain authoritative; V7 refuses to open over them. */

/* HELP TRIGGER BASE DESIGN V8 */
.index-tutorial-header-trigger,
.index-tutorial-sidebar-trigger{font-family:inherit;cursor:pointer;box-sizing:border-box}
.index-tutorial-header-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:132px;min-width:132px;min-height:40px;height:40px;padding:0 13px;border:1px solid rgba(238,69,64,.58);border-radius:12px;color:#fff;background:linear-gradient(135deg,#ee4540,#841536);box-shadow:0 5px 18px rgba(238,69,64,.24),inset 0 1px rgba(255,255,255,.18);font-size:.78rem;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.index-tutorial-header-trigger::before{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 90deg,transparent 0 32%,rgba(255,255,255,.4) 39%,transparent 46% 100%);animation:coachmark-help-sheen 3.2s linear infinite}
.index-tutorial-header-trigger i{flex:0 0 auto;font-size:.95rem}
.index-tutorial-header-trigger:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(238,69,64,.36),inset 0 1px rgba(255,255,255,.2)}
.index-tutorial-header-trigger:focus-visible,.index-tutorial-sidebar-trigger:focus-visible{outline:3px solid rgba(0,230,118,.78);outline-offset:3px}
.index-tutorial-sidebar-trigger{display:flex;width:100%;min-width:0;min-height:48px;align-items:center;gap:12px;padding:11px 14px;border:1px solid rgba(238,69,64,.28);border-left:3px solid transparent;border-radius:10px;color:var(--text-secondary,#a0aab8);background:rgba(255,255,255,.025);text-align:left;font-size:.9rem;font-weight:700;line-height:1.25;box-shadow:0 4px 14px rgba(0,0,0,.16);transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.index-tutorial-sidebar-trigger:hover,.index-tutorial-sidebar-trigger:active{color:var(--text-primary,#f0f3f8);background:rgba(238,69,64,.1);border-left-color:#ee4540;box-shadow:0 6px 18px rgba(238,69,64,.2)}
.index-tutorial-sidebar-trigger i{width:24px;flex:0 0 24px;color:#ee4540;text-align:center;font-size:1.05rem}
@media (min-width:993px){.index-tutorial-sidebar-trigger{display:none!important}}
@media (min-width:993px) and (max-width:1199px){.index-tutorial-header-trigger{width:44px;min-width:44px;padding:0;font-size:0}.index-tutorial-header-trigger i{font-size:1rem}}
@media (max-width:992px){.index-tutorial-header-trigger{display:none!important}.sidebar .index-tutorial-sidebar-trigger{display:flex!important}}
@keyframes coachmark-help-sheen{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.index-tutorial-header-trigger::before{animation:none!important}}
/* END HELP TRIGGER BASE DESIGN V8 */

@media(max-width:360px){#burmese-tutorial .cm-note{left:8px!important;right:8px!important;max-height:calc(100dvh - 92px);padding:12px 12px 10px}#burmese-tutorial .cm-note h2{font-size:.94rem}#burmese-tutorial .cm-note p{font-size:.76rem;line-height:1.58}#burmese-tutorial .cm-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}#burmese-tutorial .cm-actions button{min-width:0;width:100%;min-height:40px;padding:6px 4px;font-size:.65rem;white-space:normal}}
@media(min-width:361px) and (max-width:699px){#burmese-tutorial .cm-actions button{min-width:0;flex:1 1 0}}

/* TUTORIAL_VOICE_MODAL_LAYER_V12 */
#burmese-tutorial.cm-voice-modal-open{z-index:2700!important;}
#burmese-tutorial.cm-voice-modal-open .cm-layer{background:transparent;}
#burmese-tutorial.cm-voice-modal-open .cm-highlight{z-index:2702;}
#burmese-tutorial.cm-voice-modal-open .cm-note{z-index:2704;}
#burmese-tutorial.cm-voice-modal-open .cm-arrow{z-index:2705;}
/* TUTORIAL_VOICE_MODAL_LAYER_V12_END */

/* TUTORIAL_FORCE_REVEAL_V17 */
body.coachmark-open .toggle-content.tutorial-force-open{display:block!important;}
body.coachmark-open #upload-area.tutorial-force-open{display:block!important;}
body.coachmark-open #logo-sliders.tutorial-force-open,
body.coachmark-open #subtitle-custom-sliders.tutorial-force-open{display:block!important;}
/* Temporary reveal classes are removed when the guide closes. */