:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#f5f5f5;--color-surface:#fff;--color-text:#1f1f1f;--color-text-secondary:#595959;--color-border:#d9d9d9;--color-primary:#1677ff;--color-primary-strong:#0958d9;--color-primary-strong-hover:#003eb3;--color-on-primary:#fff;--color-link:#0958d9;--color-error:#ad2102;--color-focus-ring:#1677ff73;--status-neutral-fg:#434343;--status-neutral-bg:#f0f0f0;--status-info-fg:#0958d9;--status-info-bg:#e6f4ff;--status-success-fg:#237804;--status-success-bg:#f6ffed;--status-danger-fg:#ad2102;--status-danger-bg:#fff2e8;--notice-warning-bg:#fffbe6;--notice-warning-border:#ffe58f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:12px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Helvetica Neue", Arial, sans-serif;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--line-height:1.6;--line-height-tight:1.3;--shadow-card:0 1px 2px #0000000f, 0 2px 8px #0000000f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#141414;--color-surface:#1f1f1f;--color-text:#e6e6e6;--color-text-secondary:#a6a6a6;--color-border:#424242;--color-primary:#1668dc;--color-primary-strong:#1554ad;--color-primary-strong-hover:#1668dc;--color-on-primary:#fff;--color-link:#69b1ff;--color-error:#ff9c6e;--color-focus-ring:#69b1ff8c;--status-neutral-fg:#d9d9d9;--status-neutral-bg:#303030;--status-info-fg:#91caff;--status-info-bg:#111a2c;--status-success-fg:#95de64;--status-success-bg:#162312;--status-danger-fg:#ff9c6e;--status-danger-bg:#2b1611;--notice-warning-bg:#2b2111;--notice-warning-border:#594214;--shadow-card:0 1px 2px #00000080, 0 2px 8px #0006}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{line-height:var(--line-height-tight);margin:0}a{color:var(--color-link)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.auth-page{justify-content:center;align-items:center;gap:var(--space-5);min-height:100vh;padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.auth-brand{font-weight:700;font-size:var(--font-size-xl)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:440px;box-shadow:var(--shadow-card);padding:var(--space-5)}.auth-card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.auth-field label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-field input{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.auth-field__hint,.auth-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.auth-mono{font-family:ui-monospace,monospace}.auth-row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.auth-notice{padding:var(--space-2) var(--space-3);background:var(--notice-warning-bg);border:1px solid var(--notice-warning-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin:0}.auth-submit{border-radius:var(--radius-sm);background:var(--color-primary-strong);min-height:44px;color:var(--color-on-primary);font:inherit;cursor:pointer;border:none;font-weight:500}.auth-submit:hover:not(:disabled){background:var(--color-primary-strong-hover)}.auth-submit:disabled{cursor:not-allowed;opacity:.55}.auth-links{font-size:var(--font-size-sm)}.auth-loading{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}@media (width<=480px){.auth-row{grid-template-columns:minmax(0,1fr)}}.topbar{align-items:center;gap:var(--space-4);min-height:56px;padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.topbar__brand{font-weight:700}.topbar__nav{gap:var(--space-1);display:flex}.topbar__tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none}.topbar__tab--active{background:var(--status-info-bg);color:var(--status-info-fg);font-weight:500}.topbar__user{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);margin-left:auto;display:flex}.topbar__link{font-size:var(--font-size-sm)}.topbar__role{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.topbar__logout{min-height:36px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.placeholder-page{max-width:1200px;padding:var(--space-5) var(--space-4);margin:0 auto}.list-page{width:100%;max-width:1200px;padding:var(--space-5) var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.list-page h1{font-size:var(--font-size-xl)}.list-page h2{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.list-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.list-new{flex-flow:wrap;align-items:flex-end}.list-field{gap:var(--space-1);flex-direction:column;flex:1;min-width:260px;display:flex}.list-field label,.list-toolbar label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.list-field input,.list-toolbar input,.list-toolbar select{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.list-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.list-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto}.list-btn{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary-strong);color:var(--color-on-primary);font:inherit;cursor:pointer;border:none}.list-btn:hover:not(:disabled){background:var(--color-primary-strong-hover)}.list-btn:disabled{opacity:.6;cursor:not-allowed}.list-error{color:var(--color-error);flex-basis:100%}.list-empty{color:var(--color-text-secondary);padding:var(--space-4) 0}.list-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.list-scroll{overflow-x:auto}.list-table{border-collapse:collapse;width:100%}.list-table th{text-align:left;font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.list-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.list-table button{min-height:36px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.list-table a{color:var(--color-link)}.list-table .list-sort{min-height:0;color:var(--color-link);background:0 0;border:none;padding:0;font-weight:500}.list-issued{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--status-success-bg);border:1px solid var(--color-border);flex-direction:column;display:flex}.list-issued__title{color:var(--status-success-fg)}.list-issued__row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.list-issued code{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:4px}.list-issued button:not(.list-btn){min-height:36px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.list-issued .list-btn{align-self:flex-start}.list-downloads{gap:var(--space-3);flex-wrap:wrap;display:flex}.list-row-actions{gap:var(--space-3);align-items:center;display:flex}.list-link-btn{color:var(--color-error);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.list-confirm{gap:var(--space-3);margin-top:var(--space-4);background:var(--notice-warning-bg);border:1px solid var(--notice-warning-border);border-radius:var(--radius-sm);padding:var(--space-3);flex-direction:column;display:flex}.list-warning{color:var(--color-error);font-weight:500}.list-quota{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.list-quota--over{color:var(--color-error);font-weight:500}.list-quota-edit{align-items:center;gap:var(--space-2);display:flex}.list-quota-edit input{width:6rem;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.list-actions{gap:var(--space-3);display:flex}.list-btn--danger{background:var(--color-error)}.list-btn--danger:hover:not(:disabled){background:var(--color-error);filter:brightness(.9)}.app{max-width:1280px;padding:var(--space-4);margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.app-header__title{font-size:var(--font-size-xl)}.layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.layout__side{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.layout__main{min-width:0}@media (width>=900px){.app{padding:var(--space-5) var(--space-6)}.layout{gap:var(--space-5);grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start}.layout__side{top:var(--space-4);max-height:calc(100vh - var(--space-6));position:sticky;overflow-y:auto}}.section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-weight:600}.field select,.field input[type=file]{font:inherit;color:var(--color-text);max-width:100%}.field select{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.reminder{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.form-error{color:var(--color-error);margin:0}.notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--status-info-bg);color:var(--color-text);margin:0}.notice--warning{background:var(--notice-warning-bg);border:1px solid var(--notice-warning-border);margin-bottom:var(--space-3)}.upload-status{align-items:center;gap:var(--space-2);margin:0;display:flex}.upload-status progress{accent-color:var(--color-primary);flex:1}.upload-status--success{color:var(--status-success-fg)}.button{min-height:36px;padding:var(--space-1) var(--space-4);border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:var(--color-primary-strong);color:var(--color-on-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-strong-hover)}.button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button--secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-link)}.badge{padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;line-height:1.8;display:inline-block}.badge--neutral{color:var(--status-neutral-fg);background:var(--status-neutral-bg)}.badge--info{color:var(--status-info-fg);background:var(--status-info-bg)}.badge--success{color:var(--status-success-fg);background:var(--status-success-bg)}.badge--danger{color:var(--status-danger-fg);background:var(--status-danger-bg)}.job-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.job-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);gap:var(--space-2);scroll-margin-top:var(--space-4);flex-direction:column;display:flex}.job-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.job-card__title{font-size:var(--font-size-md)}.job-card__meta{gap:var(--space-1) var(--space-3);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.job-card__meta dt{color:var(--color-text-secondary)}.job-card__meta dd{overflow-wrap:anywhere;margin:0}.job-card__note{color:var(--status-info-fg);margin:0}.job-card__deadline,.job-card__hint{color:var(--color-text-secondary);margin:0}.job-card__error{color:var(--color-error);overflow-wrap:anywhere;margin:0}.job-card__actions{gap:var(--space-2);flex-wrap:wrap;align-items:flex-start;display:flex}.delete-panel{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.delete-panel__scope,.delete-panel__uploads{gap:var(--space-1);flex-direction:column;display:flex}.delete-panel label{align-items:center;gap:var(--space-1);display:flex}.video-preview{gap:var(--space-2);flex-direction:column;align-items:flex-start;width:100%;display:flex}.video-preview__player{border-radius:var(--radius-sm);background:#000;width:100%;max-height:60vh}.editor-page{width:100%;max-width:1200px;padding:var(--space-5) var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.editor-title{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.editor-title h1{font-size:var(--font-size-xl)}.editor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.editor-card h2{font-size:var(--font-size-lg)}.editor-card__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.editor-card__head .editor-primary{margin-left:auto}.editor-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.editor-error{color:var(--color-error)}.editor-ok{color:var(--status-success-fg)}.editor-badge-warn{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--status-danger-bg);color:var(--status-danger-fg);font-size:var(--font-size-sm)}.editor-page button,.editor-modal button{min-height:36px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.editor-page button.editor-primary,.editor-modal button.editor-primary{background:var(--color-primary-strong);color:var(--color-on-primary);border-color:#0000}.editor-page button:disabled,.editor-modal button:disabled{opacity:.6;cursor:not-allowed}.editor-page input,.editor-page select,.editor-modal input{min-height:36px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.editor-field{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.editor-row,.editor-actions,.editor-settings{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.editor-grid2{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-slot{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);display:flex}.editor-slot--block{flex-direction:column}.editor-slot__body{gap:var(--space-2);flex-direction:column;display:flex}.editor-thumb{aspect-ratio:16/9;background:var(--status-neutral-bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:128px;display:flex;overflow:hidden}.editor-thumb img,.editor-card-tile img{aspect-ratio:16/9;object-fit:contain;width:100%}.editor-card-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.editor-card-tile{gap:var(--space-1);text-align:left;font-size:var(--font-size-sm);flex-direction:column;align-items:stretch;display:flex}.editor-card-tile span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-page button.editor-card-tile--static{cursor:default}.editor-card-tile[aria-pressed=true]{outline:2px solid var(--color-primary)}.editor-confirm{background:var(--notice-warning-bg);border:1px solid var(--notice-warning-border);border-radius:var(--radius-sm);padding:var(--space-3)}.editor-scroll{overflow-x:auto}.seg-table{border-collapse:collapse;width:100%;min-width:960px}.seg-table th{text-align:left;font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.seg-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.seg-pages ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.seg-pages li{align-items:center;gap:var(--space-2);display:flex}.seg-pages img{aspect-ratio:16/9;object-fit:contain;width:64px}.seg-pages input{width:110px}.seg-pages__tools{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.seg-pages>.seg-pages__tools:first-child{margin-top:0}.seg-pages__tools label{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);cursor:pointer;display:inline-flex}.seg-pages__tools input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0}.editor-page button.seg-pages__remove{min-height:28px;padding:0 var(--space-2);font-size:var(--font-size-sm);white-space:nowrap}.seg-pages li>.editor-muted{white-space:nowrap}.seg-pages li>span:not(.editor-muted){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.seg-actions{align-items:center;gap:var(--space-2);display:flex}.seg-actions button{white-space:nowrap}.editor-modal-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.editor-modal{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;width:min(880px,94vw);max-height:90vh;display:flex;overflow-y:auto}.editor-modal--wide{width:min(1400px,96vw);max-height:94vh;padding-bottom:0}.editor-card-grid--large{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.editor-modal__foot{margin:0 calc(-1 * var(--space-5));padding:var(--space-2) var(--space-5) var(--space-3);background:var(--color-surface);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.editor-modal__foot .editor-error{flex-basis:100%}.editor-modal__foot .editor-error:empty{display:none}.editor-modal__foot-picked{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.editor-modal__foot-picked .editor-muted{flex-basis:100%}.editor-modal__foot .editor-picked{gap:0 var(--space-4);flex-wrap:wrap;max-height:3em;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.editor-modal__foot .editor-actions{flex-wrap:nowrap}.editor-picked{margin:var(--space-2) 0;padding-left:var(--space-5)}@media (width<=899px){.editor-grid2{grid-template-columns:1fr}}.output-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.output-preview{gap:var(--space-2);flex-direction:column;display:flex}.output-preview__video,.output-preview__empty{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#141414;width:100%}.output-preview__empty{padding:var(--space-3);color:#a6a6a6;font-size:var(--font-size-sm);text-align:center;justify-content:center;align-items:center;display:flex}.output-make{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.output-make__title{font-weight:500}.output-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);white-space:nowrap;display:inline-block}.output-badge--neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.output-badge--info{background:var(--status-info-bg);color:var(--status-info-fg)}.output-badge--success{background:var(--status-success-bg);color:var(--status-success-fg)}.output-badge--danger{background:var(--status-danger-bg);color:var(--status-danger-fg)}.output-jobs{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.output-job{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.output-job__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:240px;display:flex}.output-job__links{gap:var(--space-4);flex-wrap:wrap;display:flex}.output-job__delete{gap:var(--space-2);flex-direction:column;display:flex}.output-job__delete-row,.output-job__publish{align-items:center;gap:var(--space-3);display:flex}.output-job__published{color:var(--status-success-fg);font-size:var(--font-size-sm);white-space:nowrap}@media (width<=899px){.output-grid{grid-template-columns:1fr}}.output-subtitle{font-size:var(--font-size-md);margin:0}