:root{color-scheme:dark;--bg:#0b0f12;--panel:#12181d;--soft:#182127;--line:#2b3840;--text:#f2f5f6;--muted:#9eabb2;--mint:#3ecf8e;--mint2:#b9f6d9;--yellow:#f1c75b;--red:#f07c75}
body[data-page="login"] .auth-gate{position:static;min-height:calc(100dvh - 90px);background:transparent;padding:16px 0}
.drawer-nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;color:var(--text);text-decoration:none;border-left:3px solid transparent}
.drawer-nav a.active{background:#183128;border-color:var(--mint);color:var(--mint2)}
body[data-role="admin"] main{max-width:1120px}
body[data-role="admin"] .admin-tab-panel{display:block}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 36px}
.dashboard-stats a{display:grid;gap:8px;padding:20px 0;border-bottom:2px solid var(--line);color:var(--muted);text-decoration:none}
.dashboard-stats strong{font-size:30px;color:var(--text)}
body[data-page="projects"] .recent{border:0;background:transparent;padding:0}
body[data-page="plans"] .admin-form,body[data-page="methods"] .admin-form{max-width:600px}
@media(min-width:1000px){body:not([data-role="guest"]) .app-drawer{transform:none;top:60px;z-index:15;width:240px;box-shadow:none}body:not([data-role="guest"]) main{width:calc(100% - 280px);margin-left:260px}#menuButton,#closeDrawer{display:none}}
@media(max-width:520px){.dashboard-stats{gap:10px}.dashboard-stats strong{font-size:24px}.dashboard-stats a{font-size:12px}.auth-panel{padding:18px}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Myanmar Text","Noto Sans Myanmar",system-ui,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px max(14px,env(safe-area-inset-left));background:#0b0f12ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{color:var(--text);font-weight:900;text-decoration:none}.brand small{margin-left:7px;color:var(--mint);font-size:10px;text-transform:uppercase}.stable,.ghost{border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:var(--soft);color:var(--mint2);text-decoration:none;cursor:pointer}main{width:min(100%,760px);margin:auto;padding:14px 14px 48px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:14px}.steps button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);cursor:pointer}.steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#263139;color:var(--text);font-size:11px}.steps button.active{border-color:var(--mint);color:var(--mint2);background:#10251c}.steps button.done b{background:var(--mint);color:#07110d}.status-card{margin-bottom:14px;padding:12px;border:1px solid #345044;border-radius:8px;background:#102019}.status-card>div{display:flex;justify-content:space-between;gap:12px}.status-card p{margin:7px 0 0;color:var(--muted);font-size:12px}.status-card progress{width:100%;height:8px;margin-top:9px;accent-color:var(--mint)}.step-page{display:none}.step-page.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 16px}.section-title span{color:var(--mint);font-size:11px;font-weight:900;text-transform:uppercase}.section-title h1{margin:3px 0 0;font-size:22px;letter-spacing:0}.stack,.settings-grid{display:grid;gap:13px}.drop-zone{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed #507064;border-radius:8px;background:#101a17;cursor:pointer}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-zone strong{font-size:18px}.drop-zone span,.notice{color:var(--muted);font-size:12px}.or{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.or:before,.or:after{content:"";height:1px;flex:1;background:var(--line)}label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;background:#0d1317;color:var(--text)}textarea{min-height:104px;resize:vertical;line-height:1.6}.input-action{display:grid;grid-template-columns:1fr auto;gap:7px}.input-action button{border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--mint2)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{min-height:46px;border:0;border-radius:7px;padding:10px 14px;background:var(--mint);color:#07120d;font-weight:950;cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.danger{margin-top:9px;border:1px solid var(--red);border-radius:7px;padding:7px 10px;background:#321719;color:#ffd4d1}.settings-grid{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.settings-grid output{float:right;color:var(--text)}input[type=range]{min-height:24px;padding:0;accent-color:var(--mint)}.toggle{display:flex;align-items:center;gap:9px;min-height:44px}.toggle input{width:20px;min-height:20px}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.plan-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.scene-list{display:grid;gap:9px;margin-bottom:12px}.scene{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.scene-top{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:7px;padding:9px;background:var(--soft)}.scene-index{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#26362f;color:var(--mint2);font-weight:900}.scene-top label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px}.scene-top input{min-height:34px;padding:5px 7px}.scene-delete{width:34px;height:34px;border:1px solid #6b3a3d;border-radius:6px;background:#281417;color:var(--red);cursor:pointer}.scene textarea{border:0;border-radius:0;background:#0f1519}.preview-layout{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:12px}.player{position:relative;width:min(100%,250px);margin:auto;overflow:hidden;border:1px solid #34434b;border-radius:6px;background:#050708;aspect-ratio:9/16}.player.ratio-landscape{width:100%;aspect-ratio:16/9}.player video{width:100%;height:100%;object-fit:contain}.subtitle-preview{position:absolute;left:8%;right:8%;bottom:12%;padding:6px 8px;border-radius:4px;background:#000b;color:white;text-align:center;font-size:13px;font-weight:900;text-shadow:0 1px 3px #000}.subtitle-preview:empty{display:none}.player-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:10px}.player-controls input{min-height:22px;padding:0}.player-controls span{font-size:11px;color:var(--muted);white-space:nowrap}.play{width:44px;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--text)}.export-summary,.recent{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.export-summary p{color:var(--muted);margin:7px 0 0}.download{display:grid;place-items:center;min-height:48px;margin-top:10px;border:1px solid var(--mint);border-radius:7px;background:#10251c;color:var(--mint2);font-weight:900;text-decoration:none}.project-list{display:grid;gap:7px}.project{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:7px;background:#0e1418}.project p{margin:3px 0 0;color:var(--muted);font-size:11px}.project button{border:1px solid var(--line);border-radius:6px;padding:7px 10px;background:var(--soft);color:var(--mint2)}#toast{position:fixed;left:50%;bottom:18px;z-index:50;max-width:min(90%,560px);transform:translateX(-50%) translateY(30px);opacity:0;padding:10px 14px;border-radius:7px;background:#f3f6f5;color:#101513;box-shadow:0 8px 30px #0008;transition:.2s;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}.hidden{display:none!important}
.account-bar{display:flex;align-items:center;gap:6px}.credit-badge{padding:6px 9px;border:1px solid #536447;border-radius:999px;background:#1c2717;color:#dff5c4;font-size:11px;font-weight:900}.auth-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#080c0fee}.auth-panel{width:min(100%,420px);padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 24px 80px #000}.auth-panel h1{margin:2px 0 7px}.auth-panel>p{color:var(--muted)}.auth-mark{margin:0!important;color:var(--mint)!important;font-size:12px;font-weight:950;text-transform:uppercase}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 14px}.auth-tabs button{min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--muted)}.auth-tabs button.active{border-color:var(--mint);background:#10251c;color:var(--mint2)}.user-list{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:7px;background:#0d1417}.user-row p{margin:3px 0 0;color:var(--muted);font-size:11px}.credit-form{display:flex;gap:6px}.credit-form input{width:84px;min-height:36px;padding:5px 7px}.credit-form button{border:0;border-radius:6px;padding:6px 9px;background:var(--mint);color:#07120d;font-weight:900}
.menu-button{border:1px solid var(--mint);border-radius:7px;padding:7px 10px;background:#10251c;color:var(--mint2);cursor:pointer}.workspace-hidden{display:none!important}.app-drawer{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(84vw,320px);padding:16px;background:#10171b;border-right:1px solid var(--line);box-shadow:18px 0 50px #0008;transform:translateX(-105%);transition:transform .2s ease}.app-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.drawer-head strong{font-size:17px}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--text)}.drawer-account{padding:12px 0;margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.drawer-nav{display:grid;gap:6px}.drawer-nav button{min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--text);text-align:left;padding:9px 12px;cursor:pointer}.drawer-nav button:hover{border-color:var(--mint);color:var(--mint2)}.drawer-backdrop{position:fixed;inset:0;z-index:55;background:#0009}.page-heading{display:flex;justify-content:space-between;margin:10px 0 18px}.page-heading span{color:var(--mint);font-size:11px;font-weight:900;text-transform:uppercase}.page-heading h1{margin:3px 0;font-size:24px}.page-heading p{margin:5px 0;color:var(--muted);font-size:12px}.admin-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:14px}.admin-tabs button{min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);cursor:pointer}.admin-tabs button.active{border-color:var(--mint);background:#10251c;color:var(--mint2)}.admin-tab-panel{display:none}.admin-tab-panel.active{display:block}.admin-form{margin-bottom:12px}.form-actions,.item-actions{display:flex;gap:7px;align-items:center}.item-actions button{border:1px solid var(--line);border-radius:6px;padding:6px 9px;background:var(--soft);color:var(--mint2);cursor:pointer}.danger-small{border-color:#6b3a3d!important;background:#281417!important;color:#ffd4d1!important}.admin-view,.buy-view{margin-top:4px}.buy-view h2{font-size:16px;margin:22px 0 9px}
@media(max-width:520px){main{padding:10px 10px 40px}.steps span{font-size:10px}.steps button{gap:4px}.two{grid-template-columns:1fr}.scene-top{grid-template-columns:auto 1fr auto}.scene-top label:nth-of-type(2){grid-column:2}.scene-delete{grid-row:1/3;grid-column:3}.player{width:min(100%,220px)}.brand small{display:none}.topbar{align-items:flex-start}.account-bar{flex-wrap:wrap;justify-content:flex-end}.user-row{grid-template-columns:1fr}.credit-form input{width:100%}}
.user-actions{display:grid;gap:5px}.user-toggle{min-height:32px;border:1px solid #6b3a3d;border-radius:6px;background:#281417;color:#ffd4d1}
.credit-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.credit-plan{display:grid;gap:6px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#0d1417;text-align:left}.credit-plan strong{font-size:16px}.credit-plan b{color:var(--mint2);font-size:21px}.credit-plan button,.order-actions button{min-height:34px;border:0;border-radius:6px;background:var(--mint);color:#07120d;font-weight:900}.payment-instructions{padding:10px;border:1px solid #536447;border-radius:7px;background:#152018;color:var(--mint2);white-space:pre-wrap}.order-actions{display:flex;gap:6px}.order-actions .reject{background:#522126;color:#ffd4d1}.admin-item{display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#0d1417}.admin-item p{margin:4px 0;color:var(--muted);font-size:11px}.admin-item>button{justify-self:end;border:1px solid var(--line);border-radius:6px;padding:6px 9px;background:var(--soft);color:var(--mint2)}
@media(max-width:520px){.credit-plans{grid-template-columns:1fr}.order-actions{flex-wrap:wrap}}
@media(max-width:520px){.admin-tabs{grid-template-columns:1fr 1fr}.admin-tabs button{font-size:11px}.page-heading h1{font-size:21px}.app-drawer{width:min(88vw,300px)}}
.copy-phone{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:8px 9px;border:1px solid #536447;border-radius:6px;background:#0d1511}.copy-phone span{font-size:17px;font-weight:900;letter-spacing:0}.copy-phone button{min-height:34px;border:1px solid var(--mint);border-radius:6px;padding:5px 12px;background:#10251c;color:var(--mint2);font-weight:900;cursor:pointer}.payment-instructions p{margin:9px 0 0;color:var(--text)}.loading-overlay{position:fixed;inset:0;z-index:120;display:grid;place-content:center;justify-items:center;gap:10px;background:#070b0dc7;color:var(--text);font-size:13px;font-weight:900;backdrop-filter:blur(2px)}.spinner{width:34px;height:34px;border:3px solid #345044;border-top-color:var(--mint);border-radius:50%;animation:story-spin .7s linear infinite}@keyframes story-spin{to{transform:rotate(360deg)}}