@import "https://font.subat.cn/ukij-ekran/stylesheet.css";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080c;--bg-soft:#0b0f15;--panel:#0f141c;--panel-soft:#121925;--panel-muted:#0d121a;--line:#1f2937;--line-strong:#2d3748;--text:#f3f4f6;--text-soft:#cbd5e1;--text-muted:#94a3b8;--accent:#f3f4f6;--accent-strong:#fff;--accent-dark:#09090b;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--field-bg:#0b1119;--field-focus:#475569;--pill-bg:#0d131c;--header-bg:#06080ceb;--brand-mark-bg:#f8fafc;--brand-mark-text:#020617;--button-primary-bg:#f8fafc;--button-primary-hover:#fff;--button-primary-text:#020617;--button-secondary-bg:#111827;--button-secondary-hover:#0f172a;--button-secondary-text:var(--text);--button-ghost-hover:#0f172a;--nav-hover-bg:#0f172a;--nav-active-bg:#f8fafc;--nav-active-text:#020617;--error-bg:#7f1d1d47;--error-border:#ef444459;--error-text:#fecaca;--success-bg:#14532d42;--success-border:#22c55e47;--success-text:#bbf7d0;--status-warn-text:#fde68a;--status-info-text:#bfdbfe;--status-success-text:#bbf7d0;--status-danger-text:#fecaca;--editing-bg:#78350f40;--editing-border:#f59e0b4d;--editing-text:#fde68a;--saved-bg:#14532d38;--saved-border:#22c55e3d;--saved-text:#bbf7d0;--row-hover-bg:#111827;--row-active-bg:#0f172a;--preview-bg:#020617;font-family:UKIJ Ekran,SF Pro Display,PingFang SC,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--bg-soft:#e5e7eb;--panel:#fff;--panel-soft:#f8fafc;--panel-muted:#eef2f7;--line:#dbe1ea;--line-strong:#cbd5e1;--text:#0f172a;--text-soft:#334155;--text-muted:#64748b;--accent:#111827;--accent-strong:#020617;--accent-dark:#fff;--field-bg:#fff;--field-focus:#94a3b8;--pill-bg:#f8fafc;--header-bg:#f3f4f6eb;--brand-mark-bg:#111827;--brand-mark-text:#fff;--button-primary-bg:#111827;--button-primary-hover:#020617;--button-primary-text:#fff;--button-secondary-bg:#fff;--button-secondary-hover:#f8fafc;--button-secondary-text:var(--text);--button-ghost-hover:#f8fafc;--nav-hover-bg:#e5e7eb;--nav-active-bg:#111827;--nav-active-text:#fff;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#b91c1c;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-text:#166534;--status-warn-text:#b45309;--status-info-text:#1d4ed8;--status-success-text:#166534;--status-danger-text:#b91c1c;--editing-bg:#fff7ed;--editing-border:#fdba74;--editing-text:#b45309;--saved-bg:#f0fdf4;--saved-border:#86efac;--saved-text:#166534;--row-hover-bg:#f8fafc;--row-active-bg:#eef2f7;--preview-bg:#e5e7eb}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,textarea{font:inherit}button{color:inherit;background:0 0;border:0}a{color:inherit}input,textarea{border:1px solid var(--line-strong);background:var(--field-bg);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 12px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--field-focus)}video,audio{width:100%;display:block}.loading-screen,.login-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.loading-screen{color:var(--text-soft)}.login-panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:min(440px,100%);padding:28px}.login-badge{background:var(--pill-bg);border:1px solid var(--line);min-height:28px;color:var(--text-soft);border-radius:999px;align-items:center;margin-bottom:18px;padding:0 10px;font-size:12px;display:inline-flex}.login-panel h1{margin:0 0 10px;font-size:30px;line-height:1.1}.login-panel p{color:var(--text-soft);margin:0 0 22px;line-height:1.65}.login-form{gap:14px;display:grid}.login-form label{gap:8px;display:grid}.login-form span{color:var(--text-soft);font-size:14px}.login-row{grid-template-columns:1fr 148px;align-items:end;gap:12px;display:grid}.form-error,.form-notice,.banner{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px}.form-error,.banner--error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.form-notice,.banner--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.banner{margin-bottom:12px}.toast{z-index:60;border:1px solid var(--line);border-radius:12px;min-width:180px;max-width:min(420px,100vw - 32px);padding:10px 12px;font-size:14px;position:fixed;top:18px;right:20px;box-shadow:0 10px 30px #0000002e}.toast--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.app-shell{background:var(--bg);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh;position:sticky;top:0}.app-sidebar__inner{grid-template-rows:auto 1fr auto;gap:20px;height:100%;padding:20px 16px;display:grid}.app-brand{align-items:center;gap:12px;display:flex}.app-brand__mark{background:var(--brand-mark-bg);width:34px;height:34px;color:var(--brand-mark-text);border-radius:10px;place-items:center;font-weight:700;display:grid}.app-brand__text strong{font-size:16px;display:block}.app-brand__text span{color:var(--text-muted);font-size:12px}.app-nav{align-content:start;gap:8px;display:grid}.app-nav__item{width:100%;min-height:40px;color:var(--text-soft);text-align:left;border:1px solid #0000;border-radius:10px;justify-content:flex-start;padding:0 14px;transition:all .18s}.app-nav__item:hover{background:var(--nav-hover-bg);color:var(--text)}.app-nav__item--active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}.app-user{border:1px solid var(--line);background:var(--panel-soft);border-radius:14px;gap:12px;padding:14px;display:grid}.app-sidebar__footer{gap:12px;display:grid}.app-user__meta{text-align:left}.app-user__meta strong{font-size:14px;display:block}.app-user__meta span{color:var(--text-muted);font-size:12px}.app-main{padding:20px 0 28px}.app-main__inner{width:min(1600px,100% - 40px);margin:0 auto}.page-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.page-header__eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:inline-flex}.page-header h1{margin:0;font-size:clamp(28px,4vw,36px);line-height:1.1}.page-header p{color:var(--text-soft);max-width:760px;margin:8px 0 0;line-height:1.65}.page-header__actions{gap:12px;display:flex}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;transition:all .18s;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--button-primary-bg);color:var(--button-primary-text);font-weight:600}.button--primary:hover:not(:disabled){background:var(--button-primary-hover)}.button--secondary{background:var(--button-secondary-bg);border-color:var(--line);color:var(--button-secondary-text)}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:var(--button-ghost-hover)}.button--ghost{border-color:var(--line);color:var(--text-soft);background:0 0}.button--full{width:100%}.hint-text,.status-pill,.task-card__meta span,.translation-task-header__meta span{border:1px solid var(--line);background:var(--pill-bg);min-height:28px;color:var(--text-muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.status-pill--published,.status-pill--assigned,.status-pill--submitted{color:var(--status-warn-text)}.status-pill--in_progress{color:var(--status-info-text)}.status-pill--accepted{color:var(--status-success-text)}.status-pill--cancelled,.status-pill--expired,.status-pill--rejected{color:var(--status-danger-text)}.task-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.task-card,.detail-panel,.work-card,.submit-box,.wallet-hero,.state-card{border:1px solid var(--line);background:var(--panel);border-radius:14px}.task-card{gap:14px;padding:18px;display:grid}.task-card__top,.work-card__header,.submission-item,.wallet-row{justify-content:space-between;gap:12px;display:flex}.task-card__eyebrow{color:var(--text-muted);margin-bottom:6px;font-size:12px}.task-card h3{margin:0;font-size:20px}.task-card__meta{flex-wrap:wrap;gap:8px;display:flex}.task-card__desc{color:var(--text-soft);min-height:44px;margin:0;line-height:1.65}.task-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.state-card{color:var(--text-soft);gap:8px;padding:22px;display:grid}.state-card--error{border-color:var(--error-border);color:var(--error-text)}.detail-grid,.meta-grid{gap:16px;display:grid}.detail-grid{grid-template-columns:1.7fr 1fr;margin-bottom:20px}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;gap:8px;padding:16px;display:grid}.meta-card span{color:var(--text-muted);font-size:13px}.description-box{gap:8px;margin-top:18px;display:grid}.description-box p{color:var(--text-soft);margin:0;line-height:1.65}.detail-panel{padding:20px}.submission-list,.wallet-table{gap:12px;margin-top:16px;display:grid}.submission-item{border-bottom:1px solid var(--line);align-items:center;padding:12px 0}.submission-item:last-child,.wallet-row:last-child{border-bottom:0}.submission-item strong,.wallet-row strong{display:block}.submission-item span,.wallet-row span{color:var(--text-muted);font-size:13px}.empty-inline{color:var(--text-muted);margin-top:16px}.work-card,.submit-box,.wallet-hero{margin-bottom:20px;padding:20px}.work-card__header{align-items:center;margin-bottom:16px}.segment-stack{gap:16px;display:grid}.segment-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;gap:14px;padding:16px;display:grid}.segment-field{gap:8px;display:grid}.segment-field label{color:var(--text-soft);font-size:14px}.readonly-box{background:var(--field-bg);border:1px solid var(--line);white-space:pre-wrap;border-radius:10px;padding:12px 14px;line-height:1.7}.translation-segment-state{border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:12px;display:inline-flex}.translation-segment-state--empty{color:var(--text-muted)}.translation-segment-state--editing{color:var(--editing-text);border-color:var(--editing-border);background:var(--editing-bg)}.translation-segment-state--adopted,.translation-segment-state--saved{color:var(--saved-text);border-color:var(--saved-border);background:var(--saved-bg)}.translation-task-page{gap:12px;display:grid}.translation-task-header{justify-content:space-between;align-items:center;gap:16px;padding:0 0 2px;display:flex}.translation-task-header__main{align-items:center;gap:14px;min-width:0;display:flex}.translation-task-header__main--compact{flex-wrap:wrap;flex:auto;gap:10px}.translation-task-header__kicker{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-bottom:0;font-size:12px}.translation-task-header h1{white-space:nowrap;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.1}.translation-task-header__meta{flex-wrap:wrap;gap:6px;margin-top:0;display:flex}.translation-task-header__actions{flex:none;align-items:center;gap:10px;display:flex}.translation-task-header__actions input{width:220px}.translation-studio{gap:12px;display:grid}.translation-studio__topbar{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.translation-studio__titlegroup{gap:4px;display:grid}.translation-studio__titlegroup strong{font-size:15px}.translation-studio__titlegroup span,.translation-studio__stats{color:var(--text-muted);font-size:13px}.translation-studio__stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.translation-studio__grid{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:260px minmax(340px,.95fr) minmax(420px,1.05fr);height:calc(100vh - 178px);min-height:620px;display:grid;overflow:hidden}.translation-list-pane,.translation-preview-pane,.translation-editor-pane{background:var(--panel);min-width:0;min-height:0}.translation-preview-pane,.translation-editor-pane{border-left:1px solid var(--line)}.translation-pane-head{border-bottom:1px solid var(--line);min-height:52px;color:var(--text-muted);background:var(--panel-soft);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:13px;display:flex}.translation-pane-head strong{color:var(--text);font-size:14px}.translation-pane-kicker{color:var(--text-muted);margin-bottom:4px;font-size:12px}.translation-list-pane__scroll{height:calc(100% - 52px);overflow:auto}.translation-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;gap:8px;width:100%;padding:12px 14px;transition:background .18s;display:grid}.translation-row:hover{background:var(--row-hover-bg)}.translation-row--active{background:var(--row-active-bg)}.translation-row__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.translation-row__text{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.translation-preview-pane{grid-template-rows:auto minmax(0,1fr);display:grid}.translation-preview-pane__body{background:var(--preview-bg);min-height:0}.translation-preview-pane__body video{object-fit:contain;background:var(--preview-bg);height:100%}.translation-editor-pane{grid-template-rows:minmax(0,1fr) auto;display:grid}.translation-editor-pane__body{grid-template-rows:minmax(140px,.9fr) minmax(220px,1.1fr);min-height:0;display:grid}.translation-copy-block{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.translation-copy-block+.translation-copy-block{border-top:1px solid var(--line)}.translation-source-text{color:var(--text);white-space:pre-wrap;background:var(--field-bg);padding:16px;line-height:1.75;overflow:auto}.translation-copy-block--editor{grid-template-rows:auto minmax(0,1fr) auto}.translation-link-button{color:var(--text-soft);cursor:pointer;font-size:13px}.translation-textarea{background:var(--field-bg);resize:none;border:0;border-radius:0;height:100%;min-height:0;padding:16px;line-height:1.75}.translation-editor-pane__meta{min-height:42px;color:var(--text-muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:13px;display:flex}.translation-editor-actions{border-top:1px solid var(--line);background:var(--panel-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-height:68px;padding:14px 16px;display:flex}.translation-empty{height:100%;color:var(--text-muted);place-items:center;padding:24px;display:grid}.dubbing-workbench{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.dubbing-workbench__controls{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:16px;display:flex}.dubbing-workbench__players{align-content:start;gap:12px;min-height:0;padding:16px;display:grid;overflow:auto}.dubbing-player-block{gap:8px;display:grid}.dubbing-player-block span{color:var(--text-muted);font-size:13px}.dubbing-workbench__empty{border:1px dashed var(--line);background:var(--panel-soft);border-radius:12px;min-height:120px}.submit-box{gap:14px;display:grid}.wallet-hero__label{color:var(--text-soft)}.wallet-hero__value{margin:8px 0;font-size:clamp(44px,8vw,72px);font-weight:800;line-height:1}.wallet-hero__unit{color:var(--text-muted)}.wallet-row{border-bottom:1px solid var(--line);align-items:center;padding:14px 0}.wallet-row__amount{font-weight:700}.wallet-row__amount--income{color:var(--status-success-text)}.wallet-row__amount--expense{color:var(--status-danger-text)}@media (width<=1280px){.app-main__inner{width:min(100%,100% - 24px)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.app-sidebar__inner{height:auto}.app-main__inner{width:min(100%,100% - 24px)}.app-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid,.meta-grid{grid-template-columns:1fr}.translation-task-header,.translation-task-header__main,.translation-task-header__actions,.translation-studio__topbar{flex-direction:column;align-items:stretch}.translation-task-header__actions input{width:100%}.translation-studio__grid{grid-template-rows:220px 300px minmax(420px,auto);grid-template-columns:1fr;height:auto;min-height:0}.translation-preview-pane,.translation-editor-pane{border-left:0;border-top:1px solid var(--line)}}@media (width<=720px){.login-panel{padding:22px}.login-row{grid-template-columns:1fr}.page-header,.task-card__footer,.work-card__header,.submission-item,.wallet-row,.translation-editor-pane__meta{flex-direction:column;align-items:stretch}.app-main{padding-top:14px}.app-main__inner{width:min(100%,100% - 16px)}.app-nav{grid-template-columns:1fr}.translation-studio__grid{grid-template-rows:200px 240px minmax(360px,auto)}.translation-editor-actions>.button,.dubbing-workbench__controls>.button{width:100%}.toast{top:12px;right:12px}}