@font-face{font-family:DigitalKhatt;src:url(/KampungQuranStudio/fonts/DigitalKhattV2.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0b0f0e;--bg-elevated:#141b19;--bg-panel:#1a2320;--line:#2a3632;--text:#f3efe6;--muted:#9aa8a1;--gold:#d4a84b;--gold-soft:#b8923f;--radius:14px;--card-stroke:#e0b65a;--font-display:"Segoe UI Semibold", "Segoe UI", system-ui, sans-serif;--font-body:"Segoe UI", system-ui, sans-serif;--font-arabic:"Amiri", "Noto Naskh Arabic", "Segoe UI", serif;--pad:clamp(.65rem, 1.6vw, 1rem);--topbar-h:3.4rem}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.topbar{min-height:var(--topbar-h);padding:.45rem var(--pad);border-bottom:1px solid var(--line);background:#0b0f0ef5;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brand{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.brand strong{font-family:var(--font-display);color:var(--gold);font-size:1rem}.brand-credit{color:#ffe14a;letter-spacing:.02em;white-space:nowrap;font-size:.72em;font-weight:600}.status-inline{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.status-inline.status-busy{color:var(--gold);white-space:normal;text-overflow:unset;font-weight:600;overflow:visible}.align-progress{background:#d4a84b14;border:1px solid #d4a84b59;border-radius:12px;flex-direction:column;gap:.35rem;padding:.9rem 1rem;display:flex}.align-progress strong{color:var(--gold);font-size:.9rem}.align-progress p{color:var(--text);margin:0;font-size:.85rem;line-height:1.4}.align-progress-hint{color:var(--muted)!important;font-size:.78rem!important}.toolbar{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.btn-label-short{display:none}.mode-badge{color:var(--gold);white-space:nowrap;background:#d4a84b24;border:1px solid #d4a84b73;border-radius:999px;align-items:center;padding:.38rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.btn{border:1px solid var(--line);background:var(--bg-panel);color:var(--text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}.btn:hover{border-color:var(--gold-soft)}.btn-primary{background:linear-gradient(180deg, #e0b65a, var(--gold-soft));color:#1a1408;border-color:#0000;font-weight:600}.btn-danger{color:#f0b4a8;background:#501c1673;border-color:#dc78648c}.btn-danger:hover:not(:disabled){color:#ffd4cc;border-color:#f09682cc}.btn:disabled{opacity:.45;cursor:not-allowed}.hidden-input{display:none}.editor-layout{height:100%;min-height:0;padding:var(--pad);flex-direction:column;gap:0;display:flex;overflow:hidden}.editor-layout .stage-wrap{background:0 0;border:none;flex:1;grid-template-rows:minmax(0,1fr) max-content;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);align-content:stretch;gap:.55rem .75rem;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.editor-layout .preview-chrome{border:1px solid var(--line);border-radius:var(--radius);background:#1a2320f5;flex-direction:column;grid-area:1/1;gap:.55rem;min-width:0;min-height:0;padding:.75rem;display:flex;overflow:hidden}.editor-layout .side-stack{grid-template-columns:subgrid;grid-template-rows:subgrid;pointer-events:none;grid-area:1/1/-1/-1;min-width:0;min-height:0;display:grid;overflow:visible}.editor-layout .side-stack>*{pointer-events:auto}@supports not (grid-template-columns:subgrid){.editor-layout .side-stack{pointer-events:auto;display:contents}}.editor-layout .work-card{border:1px solid var(--card-stroke);border-radius:var(--radius);background:#1c2623;flex-direction:column;grid-area:1/2/-1;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff0d}.editor-layout .work-card-scroll{flex-direction:column;flex:auto;gap:.4rem;min-height:0;padding:0;display:flex;overflow:hidden}.editor-layout .stage-frame{flex:auto;place-items:center;min-width:0;min-height:0;display:grid}.editor-layout .stage{aspect-ratio:16/9;flex:none;width:100%;max-width:100%;min-height:0;max-height:100%}.editor-layout .stage.is-portrait{aspect-ratio:9/16;width:auto;max-width:100%;height:100%}.editor-layout .player-bar{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;max-width:none;height:max-content;min-height:min-content;max-height:none;box-shadow:none;background:#1a2320f5;flex:none;grid-area:2/1;align-self:start;padding:.4rem .5rem .45rem;overflow:visible}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#1a2320f5;padding:.75rem}.results-pane{contain:inline-size;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;gap:.4rem;padding:.45rem .5rem .5rem;display:flex;overflow:hidden}.timeline-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.55rem;display:flex}.timeline-header h2{flex:auto;min-width:0;margin:0;font-size:.95rem}.timeline-meta{color:var(--muted);white-space:nowrap;font-size:.8rem}.cue-autoscroll-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.cue-autoscroll-toggle input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.cue-autoscroll-label{color:var(--muted);font-size:.72rem}.cue-autoscroll-switch{border:1px solid var(--line);background:var(--bg-elevated);min-width:2.6rem;height:1.45rem;color:var(--muted);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.68rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.cue-autoscroll-toggle.is-on .cue-autoscroll-switch{color:var(--gold);background:#d4a84b2e;border-color:#d4a84ba6}.cue-autoscroll-switch em{font-style:normal}.results-scroll{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-width:0;min-height:0;padding-right:.15rem;overflow:hidden auto}.subtitle-rows{flex-direction:column;gap:.45rem;min-width:0;max-width:100%;display:flex}.subtitle-row{box-sizing:border-box;border:1px solid var(--line);background:var(--bg-elevated);border-radius:10px;gap:.4rem;width:100%;min-width:0;max-width:100%;padding:.55rem .65rem;scroll-margin-top:.35rem;transition:border-color .18s,box-shadow .18s,background .18s;display:grid;overflow:hidden}.subtitle-row.is-playing{background:linear-gradient(#e8c96e29,#d4a84b14);border-color:#e8c96ee6;box-shadow:0 0 0 1px #e8c96e73,0 0 22px #e8c96e61,inset 0 0 18px #e8c96e0f}.subtitle-row.is-dragging{opacity:.55;border-color:#e8c96ef2;box-shadow:0 8px 24px #00000059}.subtitle-row.is-drop-target{box-shadow:0 -3px #e8c96ef2,0 0 0 1px #e8c96e59}.cue-drag-handle{border:1px solid var(--line);background:var(--bg);width:1.7rem;height:1.55rem;color:var(--muted);letter-spacing:-.12em;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:.85rem;line-height:1;display:inline-flex}.cue-drag-handle:hover{border-color:var(--gold-soft);color:var(--gold)}.cue-drag-handle:active,body.cue-dragging .cue-drag-handle{cursor:grabbing}body.cue-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.cue-dragging .subtitle-rows{touch-action:none}.cue-meta{flex-wrap:wrap;align-items:center;gap:.35rem .55rem;min-width:0;max-width:100%;display:flex}.cue-meta .cue-time-row{flex:100%}.verse-badge{color:var(--gold);overflow-wrap:anywhere;background:#d4a84b1f;border:1px solid #d4a84b73;border-radius:999px;align-items:center;max-width:100%;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.cue-meta time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:0;font-size:.78rem}.cue-body{flex-direction:column;align-items:stretch;gap:.4rem;min-width:0;max-width:100%;display:flex}.cue-arabic{overflow-wrap:anywhere;word-break:break-word;width:100%;min-width:0;max-width:100%;margin:0;display:block;overflow:hidden}.cue-text-wrap{box-sizing:border-box;width:100%;min-width:0;max-width:100%;line-height:1.7;font-family:var(--font-arabic);text-align:right;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:none;hyphens:none;direction:rtl;margin:0;font-size:1.05rem;display:block}.cue-arabic-edit{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;max-width:100%;min-height:3rem;color:var(--text);font-family:var(--font-arabic);text-align:right;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;direction:rtl;border-radius:.55rem;padding:.45rem .55rem;font-size:1.02rem;line-height:1.65}.cue-arabic-edit:focus{border-color:#d4a84ba6;outline:none}.cue-arabic-edit-wrap{align-items:flex-start;gap:.45rem;width:100%;min-width:0;display:flex}.cue-arabic-edit-wrap .cue-arabic-edit{flex:auto}.cue-time-row{flex-wrap:wrap;align-items:end;gap:.35rem;width:100%;display:flex}.cue-time-field{color:var(--muted);flex-direction:column;gap:.12rem;font-size:.68rem;display:flex}.cue-time-input{border:1px solid var(--line);background:var(--bg);width:4.8rem;color:var(--text);font-variant-numeric:tabular-nums;border-radius:.45rem;padding:.22rem .35rem;font-size:.78rem}.cue-time-input:focus{border-color:#d4a84ba6;outline:none}.cue-time-btn{padding:.22rem .5rem;font-size:.72rem}.sholawat-row{border-color:#d4a84b38}.cue-text{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.cue-translation-row{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:.35rem;width:100%;min-width:0;max-width:100%;display:flex}.cue-translation{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;max-width:100%;min-height:2.6rem;color:var(--text);text-align:left;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;field-sizing:content;direction:ltr;border-radius:.55rem;margin:0;padding:.4rem .5rem;font-family:inherit;font-size:.84rem;line-height:1.45;display:block}.cue-translation:focus{border-color:#d4a84ba6;outline:none}.cue-tr-delete{color:#f0b4a8;flex-shrink:0;align-self:flex-end;padding:.22rem .55rem;font-size:.72rem}.cue-actions{flex-wrap:wrap;align-self:flex-start;gap:.35rem;min-width:0;max-width:100%;display:flex}.cue-action-chip{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;align-items:center;gap:.25rem;padding:.28rem .55rem;font-size:.72rem;line-height:1.2;display:inline-flex}.cue-action-chip:hover:not(:disabled){border-color:var(--gold-soft);color:var(--gold)}.cue-action-chip:disabled{opacity:.35;cursor:not-allowed}.cue-action-chip.cue-action-danger{color:#f0b4a8;border-color:#dc786473}.cue-action-chip.cue-action-danger:hover:not(:disabled){color:#ffd4cc;border-color:#f09682cc}.cue-edit-arabic{text-align:right;font-family:var(--font-arabic);color:var(--muted);font-size:.95rem}.cue-split,.cue-undo{align-self:flex-start;padding:.25rem .65rem;font-size:.78rem}.cue-undo:disabled{opacity:.4;cursor:not-allowed}.empty-note{color:var(--muted);margin:0;font-size:.9rem}.modal-backdrop{z-index:40;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop-elevated{z-index:50}.modal-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:.65rem;width:min(520px,100%);max-height:min(78vh,640px);padding:.85rem;display:grid;box-shadow:0 18px 48px #00000073}.modal-card.confirm-card{grid-template-rows:auto auto auto;width:min(420px,100%);max-height:none}.modal-card.confirm-card .modal-header h2{color:#f0b4a8}.support-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:radial-gradient(120% 90% at 50% 10%,#d4a84b2e,#0000 55%),#04060ab8;place-items:center;padding:1.1rem;animation:.28s both support-fade-in;display:grid;position:fixed;inset:0;overflow:auto}.support-card{text-align:center;box-sizing:border-box;background:linear-gradient(#1a1f28 0%,#10141b 100%);border:1px solid #e8c96e47;border-radius:18px;justify-items:center;gap:.7rem;width:min(380px,100%);max-height:min(92dvh,100%);padding:1.25rem 1.2rem 1.05rem;animation:.32s cubic-bezier(.2,.9,.2,1) both support-pop;display:grid;overflow:auto;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0a}.support-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#d4a84b);margin:0;font-size:.72rem}.support-title{color:#f5f1e8;margin:0;font-size:1.25rem;font-weight:700}.support-copy{color:#f5f1e8c7;max-width:28ch;margin:0;font-size:.92rem;line-height:1.5}.support-qr-wrap{aspect-ratio:1;box-sizing:border-box;background:#fff;border-radius:14px;width:min(240px,72vw,42dvh);padding:.65rem;box-shadow:0 10px 28px #00000059}.support-qr{object-fit:contain;border-radius:8px;width:100%;height:100%;display:block}.support-timer{color:#f5f1e88c;font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:.78rem}.support-progress{background:#ffffff14;border-radius:999px;width:100%;height:3px;overflow:hidden}.support-progress span{height:100%;width:calc(var(--support-left,1) * 100%);border-radius:inherit;background:linear-gradient(90deg,#e8c96a,#d4a84b);transition:width 1s linear;display:block}@media (orientation:landscape) and (height<=640px){.support-backdrop{padding:.45rem}.support-card{text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker qr""title qr""copy qr""timer timer""progress progress";justify-items:start;gap:.28rem .85rem;width:min(560px,96vw);max-height:calc(100dvh - .9rem);padding:.7rem .85rem .65rem;overflow:hidden}.support-kicker{grid-area:kicker;font-size:.64rem}.support-title{grid-area:title;font-size:1.02rem}.support-copy{grid-area:copy;align-self:start;max-width:none;font-size:.78rem;line-height:1.35}.support-qr-wrap{border-radius:10px;grid-area:qr;align-self:center;width:min(118px,48dvh);padding:.35rem}.support-timer{text-align:center;grid-area:timer;width:100%;margin:.1rem 0 0;font-size:.7rem}.support-progress{grid-area:progress}}@keyframes support-fade-in{0%{opacity:0}to{opacity:1}}@keyframes support-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.modal-header h2{color:var(--gold);margin:0;font-size:1rem}.modal-note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.modal-note a{color:var(--gold)}.settings-card{width:min(520px,96vw)}.settings-field{color:var(--text);flex-direction:column;gap:.35rem;margin-top:.75rem;font-size:.85rem;display:flex}.settings-token-row{align-items:center;gap:.4rem;display:flex}.settings-token-input{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:.82rem;border-radius:10px!important}.privacy-remember{color:var(--muted);cursor:pointer;align-items:center;gap:.45rem;margin-top:.35rem;font-size:.82rem;display:flex}.modal-search{border:1px solid var(--line);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:999px;padding:.45rem .8rem}.edition-list{flex-direction:column;gap:.25rem;min-height:0;padding-right:.15rem;display:flex;overflow:auto}.edition-row{cursor:pointer;border:1px solid #0000;border-radius:.65rem;grid-template-columns:auto 1fr;align-items:start;gap:.55rem;padding:.45rem .55rem;display:grid}.edition-row:hover{background:#d4a84b1a;border-color:#d4a84b73}.edition-row:has(input:checked){background:#d4a84b1a;border-color:#d4a84b73}.edition-row strong{font-size:.88rem;display:block}.edition-row small{color:var(--muted);font-size:.75rem;line-height:1.35;display:block}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.export-card{isolation:isolate;border-color:#f0d58a8c;grid-template-rows:auto auto auto;max-height:none;position:relative;overflow:visible;box-shadow:0 0 0 1px #f0d58a59,0 0 28px #e8c96a59,0 18px 48px #00000073}.export-card .modal-actions{justify-content:center}.export-card:before{content:"";border-radius:calc(var(--radius) + 3px);background:conic-gradient(from var(--export-angle,0deg), transparent 0deg, transparent 250deg, #ffeca026 280deg, #ffe08a 310deg, #f0d58a 330deg, #e8c96a 350deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;z-index:0;filter:drop-shadow(0 0 8px #f0d58abf);padding:2px;animation:2.4s linear infinite export-border-spin;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.export-card>*{z-index:1;position:relative}@keyframes export-border-spin{to{--export-angle:360deg}}@property --export-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.export-blessing{text-align:center;letter-spacing:.02em;color:#f0d58a;text-shadow:0 0 18px #f0d58a59;margin:.35rem 0 .15rem;font-family:Amiri,Noto Naskh Arabic,Georgia,serif;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:700;line-height:1.55}.export-progress{justify-items:center;gap:.75rem;padding:.85rem .35rem .45rem;display:grid}.export-progress-pct{letter-spacing:.04em;color:#f0d58a;text-shadow:0 0 22px #f0d58a8c;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,8vw,3.2rem);font-weight:800;line-height:1}.export-progress-track{background:#f0d58a1f;border:1px solid #f0d58a59;border-radius:999px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 0 10px #00000059}.export-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#c9a227,#f0d58a,#ffe9a8);width:0%;height:100%;transition:width .2s ease-out;box-shadow:0 0 14px #f0d58aa6}.sholawat-card{width:min(560px,100%)}@media (width<=900px){html,body,#app{height:100%;max-height:100dvh;overflow:hidden}.app-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.toolbar .btn-label-full{display:none}.toolbar .btn-label-short{display:inline}.topbar{z-index:40;padding:.35rem var(--pad) .3rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0f0efa;flex-direction:column;flex-shrink:0;align-items:stretch;gap:.28rem;position:relative}.brand{gap:.05rem}.brand strong{font-size:.82rem}.brand-project-name{font-size:.64rem}.status-inline{white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.toolbar{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.22rem;padding:0;display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.toolbar .mode-badge{box-sizing:border-box;grid-column:1/-1;justify-content:center;width:100%;padding:.22rem .45rem;font-size:.64rem;display:inline-flex}.toolbar .btn{text-align:center;border-color:var(--line);border-radius:9px;justify-content:center;width:100%;min-width:0;padding:.32rem .15rem;font-size:.64rem}.mode-badge{padding:.22rem .45rem;font-size:.64rem}.toolbar .btn-danger{grid-column:2/4}.editor-layout{height:100%;min-height:0;padding:.3rem var(--pad) .4rem;flex-direction:column;gap:.35rem;display:flex;overflow:hidden}.editor-layout .stage-wrap{background:0 0;border:none;flex-direction:column;gap:.35rem;height:100%;min-height:0;padding:0;overflow:hidden;display:flex!important}.editor-layout .preview-chrome{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:none;gap:.3rem;padding:0;display:flex}.editor-layout .side-stack{pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:#1a2320f5;flex-direction:column;flex:auto;gap:.55rem;min-width:0;min-height:0;padding:.55rem;display:flex;overflow:hidden auto}.editor-layout .stage-frame{--stage-max-h:min(40dvh, 260px);aspect-ratio:16/9;min-width:0;height:auto;max-height:var(--stage-max-h);margin-inline:auto;position:relative;width:min(100%, calc(var(--stage-max-h) * 16 / 9))!important;flex:none!important;max-width:100%!important;display:block!important}.editor-layout .stage-wrap.is-portrait .stage-frame{--stage-max-h:min(52dvh, 420px);aspect-ratio:9/16;width:min(100%, calc(var(--stage-max-h) * 9 / 16))!important}.editor-layout .stage{flex:none;aspect-ratio:auto!important;border-radius:12px!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;position:absolute!important;inset:0!important}.editor-layout .work-card{min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:none;grid-area:auto;display:flex;overflow:visible}.editor-layout .work-card-scroll{flex-direction:column;flex:none;gap:.55rem;min-height:0;padding:0;display:flex;overflow:visible}.editor-layout .player-bar{height:auto;min-height:0;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;grid-area:auto;align-self:auto;padding:0;overflow:visible}.editor-layout .style-panel,.editor-layout .style-row{max-height:none;overflow:visible}.results-pane{height:auto;min-height:0;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;padding:0;overflow:visible}.results-scroll{max-height:none;overflow:visible}.cue-time-input{width:4rem}.timeline-header h2{font-size:.88rem}}@media (width<=1100px) and (orientation:landscape) and (height<=640px){html,body,#app{height:100%;max-height:100dvh;overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}.topbar{padding:.2rem var(--pad);min-height:unset;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:.35rem}.brand{flex:0 8rem;min-width:0}.brand strong{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.brand-project-name,.status-inline{display:none}.toolbar{min-width:0;box-shadow:none;scrollbar-width:none;background:0 0;border:none;border-radius:0;flex-wrap:nowrap;flex:auto;gap:.22rem;padding:0 0 .05rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - .9rem),#0000 100%);mask-image:linear-gradient(90deg,#000 0% calc(100% - .9rem),#0000 100%)}.toolbar::-webkit-scrollbar{display:none}.toolbar .mode-badge{flex:none;display:inline-flex}.toolbar .btn{border-color:var(--line);border-radius:999px;flex:none;width:auto;padding:.22rem .42rem;font-size:.64rem}.toolbar .btn-label-full{display:none}.toolbar .btn-label-short{display:inline}.editor-layout{height:100%;min-height:0;padding:.2rem var(--pad) .25rem;flex-direction:column;gap:0;display:flex;overflow:hidden}.editor-layout .stage-wrap{background:0 0;border:none;flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0 .35rem;min-height:0;padding:0;overflow:hidden;display:grid!important}.editor-layout .preview-chrome{border:1px solid var(--line);min-width:0;min-height:0;box-shadow:none;background:#1a2320f5;border-radius:10px;flex-direction:column;grid-area:1/1;justify-content:center;gap:.15rem;padding:.25rem .3rem .2rem;display:flex;overflow:hidden}.editor-layout .stage-frame{justify-content:center;align-items:center;position:relative;overflow:hidden;aspect-ratio:auto!important;flex:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;display:flex!important}.editor-layout .stage{min-width:0;min-height:0;border-radius:10px!important;flex:none!important;max-width:100%!important;max-height:100%!important;position:relative!important;inset:auto!important}.editor-layout .stage.is-portrait{max-width:100%!important;max-height:100%!important}.editor-layout .side-stack{pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:#1a2320f5;border-radius:10px;flex-direction:column;grid-area:1/2;gap:.4rem;min-width:0;min-height:0;padding:.32rem .38rem .36rem;display:flex;overflow:hidden auto}.editor-layout .work-card{min-width:0;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:none;grid-area:auto;overflow:visible;display:flex!important}.editor-layout .work-card-scroll{flex-direction:column;flex:none;gap:.35rem;min-height:0;padding:0;overflow:visible;display:flex!important}.editor-layout .player-bar{width:100%;height:auto;min-height:0;max-height:none;box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;flex:none;grid-area:auto;align-self:auto;padding:0;overflow:visible}.editor-layout .style-panel{gap:.4rem;max-height:none;overflow:visible}.editor-layout .style-panel .style-field,.editor-layout .style-panel .scale-wrap{font-size:.7rem}.editor-layout .style-panel select{padding:.2rem .42rem;font-size:.7rem}.editor-layout .player-media-row .file-label-btn{padding:.22rem .38rem;font-size:.65rem}.results-pane{height:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:none;gap:.3rem;padding:0;display:flex;overflow:visible}.results-pane .timeline-header h2{font-size:.82rem}.results-scroll{flex:none;min-height:0;max-height:none;overflow:visible}.subtitle-row{padding:.4rem .45rem}.home-hub{padding:.65rem var(--pad) .8rem}.home-hub h1{font-size:1.05rem}}.home-hub{height:100%;padding:2.5rem var(--pad) 3rem;background:radial-gradient(ellipse 80% 50% at 50% -10%, #d4a84b1f, transparent 55%), var(--bg);flex-direction:column;align-items:center;display:flex;overflow:auto}.home-hub-inner{flex-direction:column;align-items:center;gap:1rem;width:min(720px,100%);display:flex}.home-hub h1{color:var(--gold);font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:600}.home-hub-lead{text-align:center;max-width:34rem;color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.home-list-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);flex-direction:column;gap:.55rem;width:100%;margin-top:.5rem;padding:1rem 1.1rem;display:flex}.home-list-card h2{margin:0 0 .65rem;font-size:.95rem;font-weight:600}.home-empty{color:var(--muted);margin:0;font-size:.88rem}.home-project-row{border:1px solid var(--line);background:var(--bg-elevated);text-align:left;width:100%;color:inherit;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.home-project-row:hover{border-color:var(--gold-soft)}.home-project-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.home-project-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.home-project-meta strong{font-size:.92rem}.home-project-meta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.create-modes{flex-direction:column;gap:.5rem;margin:.35rem 0 .75rem;display:flex}.create-mode-row{border:1px solid var(--line);background:var(--bg-elevated);text-align:left;width:100%;color:inherit;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.create-mode-row:hover{border-color:#d4a84b73}.create-mode-row.selected{border-color:var(--gold-soft);background:#d4a84b24}.create-mode-row strong{color:var(--text);font-size:.92rem;display:block}.create-mode-row.selected strong{color:var(--gold)}.create-mode-row small{color:var(--muted);margin-top:.15rem;font-size:.75rem;display:block}.create-mode-check{color:var(--gold);margin-left:auto;font-size:1rem;font-weight:700}.create-name-field{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.create-name-field span{color:var(--muted);font-size:.75rem;font-weight:500}.brand-project-name{color:var(--muted);font-size:.75rem}.ayah-marker.svelte-1yo07b6{vertical-align:middle;color:inherit;text-shadow:none;box-sizing:border-box;flex-shrink:0;place-items:center;margin:0;line-height:0;display:inline-grid;position:relative;overflow:visible}.ayah-marker.list.svelte-1yo07b6{width:.98em;height:1.18em;margin-inline-start:.35em}.ayah-marker.overlay.svelte-1yo07b6{width:.92em;height:1.12em;margin:0}.ayah-marker-frame.svelte-1yo07b6{pointer-events:none;filter:drop-shadow(0 1px 1.5px #00000080);grid-area:1/1;width:100%;height:100%;overflow:visible}.ayah-marker-num.svelte-1yo07b6{z-index:1;letter-spacing:0;color:inherit;text-align:center;font-variant-numeric:normal;direction:ltr;unicode-bidi:isolate;grid-area:1/1;margin:0;padding:0;font-family:Amiri,Noto Naskh Arabic,serif;font-size:.5em;font-weight:400;line-height:1;display:block}.ayah-marker-num.is-multi.svelte-1yo07b6{letter-spacing:0;justify-content:center;align-items:center;font-size:.38em;display:inline-flex}.ayah-marker-num.is-triple.svelte-1yo07b6{font-size:.32em}.ayah-digit.svelte-1yo07b6{margin-inline:-.1em;display:block}.ayah-marker-num.is-triple.svelte-1yo07b6 .ayah-digit:where(.svelte-1yo07b6){margin-inline:-.12em}.stage-wrap.svelte-yqwuf0{box-sizing:border-box;gap:.65rem;height:100%;min-height:0;padding:0}:is(.preview-chrome.is-fullscreen.svelte-yqwuf0,.preview-chrome.svelte-yqwuf0:fullscreen){box-sizing:border-box;width:100%;max-width:100vw;height:100%;max-height:100vh;padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));background:#000;flex-direction:column;gap:.5rem;display:flex}:is(.preview-chrome.is-fullscreen.svelte-yqwuf0 .stage-frame:where(.svelte-yqwuf0),.preview-chrome.svelte-yqwuf0:fullscreen .stage-frame:where(.svelte-yqwuf0)){flex:1;place-items:center;min-height:0;display:grid}:is(.preview-chrome.is-fullscreen.svelte-yqwuf0 .stage:where(.svelte-yqwuf0),.preview-chrome.svelte-yqwuf0:fullscreen .stage:where(.svelte-yqwuf0)){border-radius:10px;flex:none;max-width:100%;max-height:100%}:is(.preview-chrome.is-fullscreen.svelte-yqwuf0 .player-dock:where(.svelte-yqwuf0),.preview-chrome.svelte-yqwuf0:fullscreen .player-dock:where(.svelte-yqwuf0)){flex-shrink:0}:is(.preview-chrome.fs-landscape-rotate.is-fullscreen.svelte-yqwuf0,.preview-chrome.fs-landscape-rotate.svelte-yqwuf0:fullscreen){transform-origin:50%;width:100vh;max-width:100vh;height:100vw;max-height:100vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.preview-chrome.svelte-yqwuf0{flex-direction:column;gap:.55rem;min-width:0;min-height:0;display:flex}.stage-frame.svelte-yqwuf0{flex:auto;place-items:center;width:100%;min-width:0;min-height:0;display:grid}.work-card.svelte-yqwuf0{min-width:0}.side-stack.svelte-yqwuf0{min-width:0;min-height:0}.work-card-scroll.svelte-yqwuf0{min-width:0}.stage.svelte-yqwuf0{aspect-ratio:16/9;border:1px solid var(--line);box-sizing:border-box;background:#000;border-radius:12px;flex:none;width:100%;max-width:100%;height:auto;max-height:100%;margin:0 auto;position:relative;overflow:hidden;container:kqs-stage/inline-size}.stage.is-portrait.svelte-yqwuf0{aspect-ratio:9/16;width:auto;max-width:100%;height:100%}.player-bar.svelte-yqwuf0{flex-direction:column;flex-shrink:0;gap:.28rem;width:100%;margin:0;display:flex}.player-bar.disabled.svelte-yqwuf0,.player-dock.disabled.svelte-yqwuf0{opacity:.72}.player-dock.svelte-yqwuf0{background:linear-gradient(#12151b 0%,#0a0c10 100%);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;flex-shrink:0;gap:.2rem;padding:.4rem .7rem .3rem;display:flex;box-shadow:0 6px 16px #0000004d}.player-dock-main.svelte-yqwuf0{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:.35rem;display:grid}.player-dock.svelte-yqwuf0 .timecode:where(.svelte-yqwuf0){text-overflow:ellipsis;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#ffffffeb;white-space:nowrap;justify-self:start;min-width:0;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Menlo,Consolas,monospace;font-size:.82rem;overflow:hidden}.timecode-sep.svelte-yqwuf0{color:#fff6;margin:0 .28rem}.player-controls.svelte-yqwuf0{justify-content:center;justify-self:center;align-items:center;gap:.15rem;display:inline-flex}.dock-btn.svelte-yqwuf0{color:#ffffffeb;cursor:pointer;background:0 0;border:0;border-radius:.45rem;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.dock-btn.svelte-yqwuf0 svg:where(.svelte-yqwuf0){width:1.05rem;height:1.05rem;display:block}.dock-btn.svelte-yqwuf0:hover:not(:disabled){background:#ffffff14}.dock-btn.svelte-yqwuf0:disabled{opacity:.35;cursor:not-allowed}.dock-play.svelte-yqwuf0{width:2.25rem;height:2.25rem}.dock-play.svelte-yqwuf0 svg:where(.svelte-yqwuf0){width:1.2rem;height:1.2rem}.player-dock-end.svelte-yqwuf0{justify-self:end;align-items:center;gap:.15rem;min-width:0;display:inline-flex}.player-dock-end.svelte-yqwuf0 .volume-wrap:where(.svelte-yqwuf0){width:5.5rem;min-width:3.2rem}.player-dock-end.svelte-yqwuf0 .volume:where(.svelte-yqwuf0){accent-color:#d8d8d8;height:14px}.seek-line.svelte-yqwuf0{--progress:0%;width:100%;line-height:0;display:block}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0){appearance:none;cursor:pointer;background:0 0;border:0;border-radius:999px;outline:none;width:100%;height:14px;margin:0}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0)::-webkit-slider-runnable-track{background:linear-gradient(to right, #d2d2d2e6 0%, #d2d2d2e6 var(--progress), #ffffff2e var(--progress), #ffffff2e 100%);border-radius:999px;height:3px}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0)::-webkit-slider-thumb{appearance:none;opacity:1;background:#fff;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;box-shadow:0 0 0 1px #00000059}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0)::-moz-range-track{background:#ffffff2e;border-radius:999px;height:3px}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0)::-moz-range-progress{background:#d2d2d2e6;border-radius:999px;height:3px}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0)::-moz-range-thumb{opacity:1;background:#fff;border:0;border-radius:50%;width:10px;height:10px}.stage-media-hidden.svelte-yqwuf0{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.black-stage.svelte-yqwuf0{background:#000;position:absolute;inset:0}.center-guides.svelte-yqwuf0{z-index:2;pointer-events:none;position:absolute;inset:0}.guide-v.svelte-yqwuf0,.guide-h.svelte-yqwuf0{background:#d4a84b47;transition:background .12s,box-shadow .12s;position:absolute}.guide-v.svelte-yqwuf0{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.guide-h.svelte-yqwuf0{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.guide-v.active.svelte-yqwuf0,.guide-h.active.svelte-yqwuf0{background:#e8c96ef2;box-shadow:0 0 10px #e8c96e8c}.hidden-audio.svelte-yqwuf0{display:none}.empty-stage.svelte-yqwuf0{text-align:center;color:var(--muted);place-content:center;padding:1rem;display:grid;position:absolute;inset:0}.empty-stage.svelte-yqwuf0 strong:where(.svelte-yqwuf0){color:var(--text);margin-bottom:.35rem}.empty-stage.svelte-yqwuf0 p:where(.svelte-yqwuf0){margin:0}.overlay.svelte-yqwuf0{text-align:center;z-index:3;flex-direction:column;align-items:center;width:max-content;max-width:92%;display:flex;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.overlay.dragging.svelte-yqwuf0 .overlay-text:where(.svelte-yqwuf0),.overlay.dragging.svelte-yqwuf0 .overlay-translation:where(.svelte-yqwuf0){cursor:grabbing;opacity:.92}.overlay-arabic-wrap.svelte-yqwuf0{z-index:4}.overlay-latin-wrap.svelte-yqwuf0{z-index:5}.overlay-translation-wrap.svelte-yqwuf0{z-index:6}.overlay-text.svelte-yqwuf0{margin:0;color:#fff;width:max-content;max-width:100%;font-family:var(--font-arabic), "Amiri", "Noto Naskh Arabic", serif;font-size:calc(6.2cqi * var(--arab-scale,1));text-align:center;text-shadow:0 2px 8px #000000d9;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;direction:rtl;unicode-bidi:isolate;background:0 0;border:none;margin-inline:auto;padding:0;font-weight:700;line-height:1.62;display:block}.cue-anim-shell.svelte-yqwuf0{opacity:0;will-change:opacity, transform;backface-visibility:hidden}.style-panel.svelte-yqwuf0{flex-direction:column;gap:.22rem;display:flex}.style-group.svelte-yqwuf0{border-bottom:1px solid #d4a84b33;flex-direction:column;gap:.16rem;padding-bottom:.18rem;display:flex}.style-group.svelte-yqwuf0:last-of-type{border-bottom:none;padding-bottom:0}.style-text-grid.svelte-yqwuf0{grid-template-columns:1fr 1fr;gap:.28rem;display:grid}.style-text-grid.svelte-yqwuf0 .style-group:where(.svelte-yqwuf0){border:1px solid var(--card-stroke,#e0b65a);border-radius:8px;gap:.12rem;min-width:0;padding:.2rem .28rem .22rem}.style-text-grid.svelte-yqwuf0 .style-group:where(.svelte-yqwuf0):last-of-type{border:1px solid var(--card-stroke,#e0b65a);padding-bottom:.22rem}.style-text-grid.svelte-yqwuf0 .style-grow:where(.svelte-yqwuf0) span:where(.svelte-yqwuf0){display:none}.style-text-grid.svelte-yqwuf0 .style-line:where(.svelte-yqwuf0):last-child{flex-direction:column;align-items:stretch;gap:.1rem}.style-text-grid.svelte-yqwuf0 .gaya-remove-btn:where(.svelte-yqwuf0){margin-left:auto;padding:.1rem .38rem;font-size:.62rem}.style-text-grid.svelte-yqwuf0 .style-group:where(.svelte-yqwuf0):last-child:nth-child(odd){grid-column:1/-1}.style-line-top.svelte-yqwuf0{flex-wrap:wrap}.style-line-top.svelte-yqwuf0 .media-menu:where(.svelte-yqwuf0){flex:8rem;min-width:0;max-width:14rem;margin-left:0}.style-line-top.svelte-yqwuf0 .file-label-btn:where(.svelte-yqwuf0){width:100%;min-width:0}.style-reset.svelte-yqwuf0{flex:none;align-self:center;margin-left:auto;padding:.12rem .42rem;font-size:.66rem}.style-group-label.svelte-yqwuf0{letter-spacing:.08em;text-transform:uppercase;color:var(--gold,#d4a84b);margin:0;font-size:.58rem;font-weight:700}.style-line.svelte-yqwuf0{align-items:center;gap:.35rem;min-width:0;display:flex}.style-field.svelte-yqwuf0{color:var(--muted);align-items:center;gap:.28rem;min-width:0;font-size:.72rem;display:inline-flex}.style-field.style-grow.svelte-yqwuf0{flex:auto}.style-line.svelte-yqwuf0 .size-field:where(.svelte-yqwuf0),.style-line.svelte-yqwuf0 .scale-wrap:where(.svelte-yqwuf0){flex:1 1 0;min-width:0}.style-field.svelte-yqwuf0 select:where(.svelte-yqwuf0){border:1px solid var(--line);background:var(--bg-elevated);color:var(--text);border-radius:999px;min-width:0;max-width:100%;padding:.18rem .45rem;font-size:.72rem}.style-field.style-grow.svelte-yqwuf0 select:where(.svelte-yqwuf0){flex:auto;width:100%}.color-field.svelte-yqwuf0 input[type=color]:where(.svelte-yqwuf0){border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.32rem;width:1.55rem;height:1.35rem;padding:0}.overlay-arabic-inner.svelte-yqwuf0{width:fit-content;max-width:100%;margin-inline:auto;display:block;position:relative}.overlay-arabic.svelte-yqwuf0{white-space:nowrap;display:inline-block}.overlay-arabic.wbw-on.svelte-yqwuf0{white-space:normal;flex-wrap:wrap;justify-content:center;gap:.18em;max-width:100%;display:inline-flex}.wbw-word.svelte-yqwuf0{color:inherit;transition:color .12s;display:inline-block}.wbw-word.active.svelte-yqwuf0{font-weight:inherit}.wbw-field.svelte-yqwuf0 input[type=checkbox]:where(.svelte-yqwuf0){width:1.05rem;height:1.05rem;accent-color:var(--gold,#d4a84b)}.overlay-ayah-slot.svelte-yqwuf0{pointer-events:none;padding-inline-end:.32em;line-height:0;position:absolute;top:56%;left:0;transform:translate(-100%,-50%)}.overlay-translation.svelte-yqwuf0{width:max-content;max-width:none;font-size:calc(3.4cqi * var(--tr-scale,1));text-align:center;text-shadow:0 2px 8px #000000bf;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;direction:ltr;flex-direction:column;align-items:center;gap:.08em;margin:0;margin-inline:auto;font-weight:500;line-height:1.35;display:flex;overflow:visible}.overlay-translation-line.svelte-yqwuf0{white-space:nowrap;max-width:none;display:block}.size-field.svelte-yqwuf0{gap:.35rem}.size-field.svelte-yqwuf0 input[type=range]:where(.svelte-yqwuf0),.scale-wrap.svelte-yqwuf0 input[type=range]:where(.svelte-yqwuf0){width:auto;min-width:0;accent-color:var(--gold);flex:auto}.size-field.svelte-yqwuf0 em:where(.svelte-yqwuf0),.scale-wrap.svelte-yqwuf0 em:where(.svelte-yqwuf0){font-variant-numeric:tabular-nums;min-width:2.4rem;color:var(--text);text-align:right;font-size:.75rem;font-style:normal}.scale-wrap.svelte-yqwuf0{color:var(--muted);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.scale-wrap.svelte-yqwuf0 span:where(.svelte-yqwuf0),.size-field.svelte-yqwuf0 span:where(.svelte-yqwuf0){flex:0 0 2.85rem}.icon-btn.svelte-yqwuf0{border:1px solid var(--line);background:var(--bg-elevated);color:var(--text);border-radius:999px;padding:.45rem .8rem;font-size:.85rem}.icon-btn.style-reset.svelte-yqwuf0{padding:.18rem .5rem;font-size:.7rem}.icon-btn.svelte-yqwuf0:disabled{opacity:.45;cursor:not-allowed}.media-menu.svelte-yqwuf0{max-width:min(100%,22rem);margin-left:0;position:relative}.file-label-btn.svelte-yqwuf0{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.08rem .2rem;font-size:.72rem;display:inline-flex;overflow:hidden}.file-label-btn.svelte-yqwuf0:hover:not(:disabled){border-color:var(--line);color:var(--text)}.file-label-btn.svelte-yqwuf0:disabled{opacity:.7;cursor:default}.file-caret.svelte-yqwuf0{opacity:.8;font-size:.7rem}.media-menu-backdrop.svelte-yqwuf0{z-index:20;position:fixed;inset:0}.media-menu-panel.svelte-yqwuf0{z-index:21;border:1px solid var(--line);background:var(--bg-elevated);border-radius:.7rem;gap:.15rem;min-width:10.5rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 10px 28px #00000059}.media-menu-item.svelte-yqwuf0{color:var(--text);text-align:left;background:0 0;border:0;border-radius:.45rem;padding:.45rem .55rem;font-size:.82rem}.media-menu-item.svelte-yqwuf0:hover{background:#d4a84b24}.media-menu-item.danger.svelte-yqwuf0{color:#f0b4a8}.volume-wrap.svelte-yqwuf0{width:min(140px,40%);display:block}.volume.svelte-yqwuf0{width:100%;accent-color:var(--gold)}.sr-only.svelte-yqwuf0{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.media-menu.svelte-yqwuf0{width:100%;max-width:none;margin-left:0}.player-dock.svelte-yqwuf0{border-radius:10px;gap:.1rem;padding:.22rem .4rem .18rem;box-shadow:0 3px 10px #00000040}.player-dock-main.svelte-yqwuf0{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"time controls fs";gap:0 .15rem}.player-dock.svelte-yqwuf0 .timecode:where(.svelte-yqwuf0){letter-spacing:0;grid-area:time;justify-self:start;font-size:.62rem}.timecode-sep.svelte-yqwuf0{margin:0 .1rem}.player-controls.svelte-yqwuf0{grid-area:controls;justify-self:center;gap:0}.player-dock-end.svelte-yqwuf0{grid-area:fs;justify-self:end}.player-dock-end.svelte-yqwuf0 .volume-wrap:where(.svelte-yqwuf0){display:none}.style-text-grid.svelte-yqwuf0{grid-template-columns:1fr}.dock-btn.svelte-yqwuf0{border-radius:.32rem;width:1.55rem;height:1.55rem}.dock-btn.svelte-yqwuf0 svg:where(.svelte-yqwuf0){width:.9rem;height:.9rem}.dock-play.svelte-yqwuf0{width:1.78rem;height:1.78rem}.dock-play.svelte-yqwuf0 svg:where(.svelte-yqwuf0){width:1.05rem;height:1.05rem}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0){height:14px}}@container kqs-stage (width<=520px){.overlay.svelte-yqwuf0{width:max-content;max-width:92%}.overlay-arabic-wrap.svelte-yqwuf0{box-sizing:border-box;justify-content:center;padding-inline:1.15em;display:flex}.overlay-text.svelte-yqwuf0{width:max-content;max-width:100%;line-height:1.65}.overlay-arabic-inner.svelte-yqwuf0{width:auto;max-width:100%;display:inline-block;position:relative}.overlay-arabic.svelte-yqwuf0{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;width:auto;max-width:100%;display:block}.overlay-arabic.wbw-on.svelte-yqwuf0{flex-wrap:wrap;justify-content:center;max-width:100%;display:inline-flex}.overlay-ayah-slot.svelte-yqwuf0{padding-inline-end:.22em;top:58%}.overlay-translation.svelte-yqwuf0{width:max-content;max-width:100%}.overlay-translation-line.svelte-yqwuf0{white-space:normal;overflow-wrap:anywhere;max-width:100%}}@media (width<=1100px) and (orientation:landscape) and (height<=640px){.stage-wrap.svelte-yqwuf0{gap:0;padding:0}.player-dock.svelte-yqwuf0{box-shadow:none;border-radius:8px;gap:.1rem;padding:.22rem .45rem .18rem}.player-dock-main.svelte-yqwuf0{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"time controls fs";gap:0 .15rem}.player-dock.svelte-yqwuf0 .timecode:where(.svelte-yqwuf0){grid-area:time;justify-self:start;font-size:.62rem}.player-controls.svelte-yqwuf0{grid-area:controls;justify-self:center}.player-dock-end.svelte-yqwuf0{grid-area:fs;justify-self:end}.player-dock-end.svelte-yqwuf0 .volume-wrap:where(.svelte-yqwuf0){width:3.6rem}.dock-btn.svelte-yqwuf0{width:1.45rem;height:1.45rem}.dock-btn.svelte-yqwuf0 svg:where(.svelte-yqwuf0){width:.82rem;height:.82rem}.dock-play.svelte-yqwuf0{width:1.65rem;height:1.65rem}.dock-play.svelte-yqwuf0 svg:where(.svelte-yqwuf0){width:.95rem;height:.95rem}.seek-line.svelte-yqwuf0 .seek:where(.svelte-yqwuf0){height:10px}.style-panel.svelte-yqwuf0{gap:.18rem}.style-text-grid.svelte-yqwuf0{grid-template-columns:1fr 1fr}.style-text-grid.svelte-yqwuf0 .style-line:where(.svelte-yqwuf0):last-child{flex-direction:column}.style-field.svelte-yqwuf0{font-size:.66rem}}.overlay-divider-wrap.svelte-yqwuf0{z-index:3;pointer-events:auto}.overlay-divider.svelte-yqwuf0{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;line-height:0}.overlay-divider.svelte-yqwuf0 svg{filter:drop-shadow(0 1px 3px #0000008c);width:100%;height:auto;display:block}.overlay.dragging.svelte-yqwuf0 .overlay-divider:where(.svelte-yqwuf0){cursor:grabbing;opacity:.92}.gaya-backdrop.svelte-yqwuf0{z-index:80;background:#0000009e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.gaya-card.svelte-yqwuf0{border:1px solid var(--line);background:var(--panel,#141820);width:min(920px,100%);max-height:min(90vh,900px);color:var(--text);border-radius:14px;padding:.9rem 1rem 1.1rem;overflow:auto;box-shadow:0 18px 50px #00000073}.gaya-head.svelte-yqwuf0{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.gaya-head.svelte-yqwuf0 h2:where(.svelte-yqwuf0){color:var(--gold,#d4a84b);margin:0;font-size:1.05rem}.gaya-head-actions.svelte-yqwuf0{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.gaya-remove-btn.svelte-yqwuf0{padding:.35rem .7rem;font-size:.78rem;color:#f0b4a8!important;border-color:#dc78648c!important}.gaya-remove-btn.svelte-yqwuf0:hover:not(:disabled){background:#dc64501f;border-color:#f08c78d9!important}.gaya-remove-btn.svelte-yqwuf0:disabled{opacity:.4;cursor:not-allowed}.gaya-tile-remove.svelte-yqwuf0{border-color:#dc786466}.gaya-tile-remove.active.svelte-yqwuf0{background:#dc64501a;border-color:#f0a08cbf}.gaya-hint.svelte-yqwuf0{color:var(--muted);margin:0 0 .85rem;font-size:.82rem;line-height:1.45}.gaya-grid.svelte-yqwuf0{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.5rem;display:grid}.gaya-tile.svelte-yqwuf0{text-align:left;border:1px solid var(--line);color:inherit;cursor:pointer;background:#ffffff08;border-radius:10px;gap:.28rem;padding:.55rem .55rem .65rem;display:grid}.gaya-tile.svelte-yqwuf0:hover{border-color:#d4a84b73}.gaya-tile.active.svelte-yqwuf0{border-color:var(--gold,#d4a84b);background:#d4a84b1f}.gaya-preview.svelte-yqwuf0{background:radial-gradient(120% 140% at 50% 40%,#1a1510 0%,#05070a 70%);border-radius:8px;place-items:center;min-height:3.1rem;padding:.45rem .5rem;display:grid}.gaya-preview.svelte-yqwuf0 svg{width:100%;height:auto;display:block}.gaya-preview-empty.svelte-yqwuf0{color:var(--muted);font-size:.78rem}.gaya-tile.svelte-yqwuf0 strong:where(.svelte-yqwuf0){font-size:.8rem}.gaya-tile.svelte-yqwuf0 em:where(.svelte-yqwuf0){color:var(--muted);font-size:.68rem;font-style:normal;line-height:1.3}.gaya-controls.svelte-yqwuf0{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.85rem 1.2rem;margin:.15rem 0 .65rem;padding-bottom:.7rem;display:flex}.gaya-controls.svelte-yqwuf0 label:where(.svelte-yqwuf0){color:var(--muted);align-items:center;gap:.45rem;font-size:.8rem;display:inline-flex}.gaya-controls.svelte-yqwuf0 input[type=color]:where(.svelte-yqwuf0){border:1px solid var(--line);background:0 0;border-radius:.35rem;width:2rem;height:1.6rem;padding:0}.gaya-controls.svelte-yqwuf0 input[type=range]:where(.svelte-yqwuf0){width:7rem;accent-color:var(--gold,#d4a84b)}.confirm-backdrop.svelte-1snb04i{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e}.confirm-modal.svelte-1snb04i{border-radius:calc(var(--radius) + 2px);background:linear-gradient(180deg, #d4a84b14 0%, transparent 38%), var(--bg-panel);text-align:center;border:1px solid #d4a84b59;width:min(420px,100%);padding:1.15rem 1.1rem 1rem;animation:.22s both svelte-1snb04i-confirm-pop;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #ffffff08}.confirm-warning.svelte-1snb04i{background:linear-gradient(180deg, #e8c96e1a 0%, transparent 42%), var(--bg-panel);border-color:#e8c96e73}.confirm-danger.svelte-1snb04i{background:linear-gradient(180deg, #f078641f 0%, transparent 42%), var(--bg-panel);border-color:#f0786473}.confirm-icon-wrap.svelte-1snb04i{background:#d4a84b1f;border:1px solid #d4a84b47;border-radius:999px;place-items:center;width:3.2rem;height:3.2rem;margin:0 auto .65rem;display:grid;box-shadow:0 0 24px #d4a84b1f}.confirm-warning.svelte-1snb04i .confirm-icon-wrap:where(.svelte-1snb04i){background:#e8c96e24;border-color:#e8c96e59;box-shadow:0 0 24px #e8c96e24}.confirm-danger.svelte-1snb04i .confirm-icon-wrap:where(.svelte-1snb04i){background:#f0786424;border-color:#f0786459;box-shadow:0 0 24px #f0786429}.confirm-icon.svelte-1snb04i{font-size:1.45rem;line-height:1}.confirm-title.svelte-1snb04i{color:var(--gold);font-size:1.05rem;font-family:var(--font-display);margin:0 0 .45rem}.confirm-warning.svelte-1snb04i .confirm-title:where(.svelte-1snb04i){color:#efd27a}.confirm-danger.svelte-1snb04i .confirm-title:where(.svelte-1snb04i){color:#f0b4a8}.confirm-message.svelte-1snb04i{color:var(--muted);margin:0 0 1rem;font-size:.86rem;line-height:1.5}.confirm-actions.svelte-1snb04i{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.confirm-cancel.svelte-1snb04i{min-width:6.5rem}.confirm-submit.svelte-1snb04i{min-width:7.5rem;font-weight:700}@keyframes svelte-1snb04i-confirm-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}