:root{color:#241f1b;font-synthesis:none;text-rendering:optimizelegibility;--paper:#fffdf9;--canvas:#fbf8f2;--line:#eadfd2;--line-strong:#dbc9b8;--ink:#211d19;--muted:#766f68;--brand:#c84a28;--brand-deep:#aa391d;--brand-soft:#f9e8df;--green:#2f7845;--red:#b83a2d;--amber:#8a5a20;--shadow:0 18px 46px #4c311b14;background:#fbf8f2;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}.spin,.spinner{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only,.visually-hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app-shell{grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fdfaf5;flex-direction:column;height:100vh;padding:32px 20px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:12px;padding:0 7px 29px;font-size:20px;font-weight:760;display:flex}.brand-mark{color:#fff;background:var(--brand);border-radius:9px;place-items:center;width:34px;height:34px;display:inline-grid}.brand.active .brand-mark{box-shadow:0 0 0 4px var(--brand-soft)}.sidebar-nav{gap:8px;display:grid}.nav-item{color:#4e4944;border-radius:10px;align-items:center;gap:14px;width:100%;padding:14px;font-size:15px;display:flex;position:relative}.nav-item:hover{color:var(--ink);background:#f8f1e9}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:650}.nav-item.active:before{content:"";background:var(--brand);border-radius:5px;width:3px;position:absolute;top:9px;bottom:9px;left:-8px}.sidebar-bottom{gap:13px;margin-top:auto;display:grid}.retention-note{border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:11px 12px;font-size:12px;display:flex}.retention-note svg{color:var(--green);flex:none}.account-button{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);text-align:left;border-radius:11px;align-items:center;gap:9px;padding:11px;display:flex}.account-button span{flex:1;min-width:0;display:grid}.account-button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-button small{color:var(--muted);font-size:11px}.main-content{min-width:0}.auth-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#211d196b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth-dialog{border:1px solid var(--line);background:var(--paper);border-radius:16px;width:min(440px,100%);padding:24px;box-shadow:0 28px 80px #3122163d}.auth-dialog-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.auth-dialog-header small{color:var(--brand);letter-spacing:.14em;font-size:10px;font-weight:720}.auth-dialog-header h2{letter-spacing:-.04em;margin:7px 0 0;font-size:26px}.dialog-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;display:grid}.dialog-close:hover{color:var(--ink);background:#faf5ef}.auth-mode-switch{background:#f5eee7;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:4px;margin:22px 0 18px;padding:4px;display:grid}.auth-mode-switch button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-weight:650;display:flex}.auth-mode-switch button.active{background:var(--paper);color:var(--brand);box-shadow:0 3px 10px #4c311b14}.auth-dialog-form{gap:14px;display:grid}.auth-dialog-form label{color:#5e5750;gap:7px;font-size:12px;display:grid}.auth-dialog-form input{border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);background:#fffdfa;border-radius:9px;outline:0;padding:0 13px}.auth-dialog-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c84a281c}.auth-dialog-form .form-error{margin:-2px 0 0}.auth-submit{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:9px;min-height:46px;font-weight:650}.auth-submit:hover:not(:disabled){background:var(--brand-deep)}.page{width:min(1180px,100% - 64px);margin:0 auto;padding:50px 0 42px}.page-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:27px;display:flex}.page-header h1{letter-spacing:-.055em;margin:0 0 8px;font-size:clamp(30px,3vw,42px);line-height:1.16}.page-header p{color:var(--muted);margin:0;font-size:15px}.header-actions{align-items:center;gap:12px;padding-top:4px;display:flex}.quota-pill{background:var(--paper);border:1px solid var(--line);min-height:38px;color:var(--muted);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:flex}.quota-pill strong{color:var(--brand);font-size:14px}.quota-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.extract-form{grid-template-columns:minmax(0,1fr) 132px;gap:13px;display:grid}.link-input-wrap{background:var(--paper);border:1px solid #dc9f83;border-radius:10px;align-items:center;min-width:0;height:66px;display:flex;box-shadow:0 6px 24px #954e2b0a}.link-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #c84a281c}.platform-select{white-space:nowrap;border:0;align-items:center;gap:9px;height:100%;padding:0 15px 0 18px;font-weight:660;display:flex}.platform-select svg{color:var(--brand)}.platform-select select{color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-weight:660}.input-divider{background:var(--line);width:1px;height:32px}.input-link-icon{color:#8d867f;flex:none;margin-left:18px}.link-input-wrap input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 15px 0 12px;font-size:16px}.link-input-wrap input::placeholder{color:#aaa39c}.clear-input{color:#989087;background:0 0;border:0;place-items:center;padding:12px 16px;display:grid}.primary-button,.secondary-button,.dark-button,.ghost-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:650;display:inline-flex}.primary-button{background:var(--brand);color:#fff;border-color:var(--brand);padding:0 20px;box-shadow:0 10px 24px #b43a1c2b}.primary-button:hover{background:var(--brand-deep)}.secondary-button{color:var(--brand);background:#fff8f3;border-color:#e7b59e;padding:0 15px}.ghost-button{background:var(--paper);border-color:var(--line);padding:0 15px}.ghost-button:hover{border-color:var(--line-strong);background:#fffaf4}.dark-button{color:#fff;background:#292725;padding:0 17px}.copy-button{min-width:112px;transition:background-color .18s,border-color .18s,transform .18s}.copy-button.copied{background:var(--green);border-color:var(--green);transform:translateY(-1px)}.copy-button.error{background:var(--red);border-color:var(--red)}.option-row{color:#514b45;align-items:center;gap:22px;padding:14px 3px 5px;display:flex}.switch-label{cursor:pointer;align-items:center;gap:9px;display:flex;position:relative}.switch-label input{opacity:0;pointer-events:none;position:absolute}.switch{background:#cfc7be;border-radius:12px;order:-1;width:36px;height:21px;padding:3px;transition:all .2s}.switch:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block;box-shadow:0 1px 3px #0000002e}input:checked+.switch{background:var(--brand)}input:checked+.switch:after{transform:translate(15px)}.switch-label small{color:var(--brand);background:var(--brand-soft);border-radius:5px;padding:2px 5px}.point-limit{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.point-limit input{border:1px solid var(--line);background:var(--paper);width:54px;height:30px;color:var(--ink);border-radius:7px;padding:0 7px}.platform-row{scrollbar-width:none;align-items:center;gap:12px;min-height:61px;display:flex;overflow-x:auto}.platform-label{color:var(--muted);white-space:nowrap}.platform-chip{border:1px solid var(--line);background:var(--paper);height:36px;color:inherit;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.platform-chip.active{color:var(--brand);border-color:#da8f6d}.detected-note{color:var(--green);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.progress-card{background:var(--paper);border:1px solid var(--line);border-radius:12px 12px 0 0;grid-template-columns:repeat(3,1fr);align-items:center;min-height:82px;margin-top:10px;display:grid}.progress-step{color:var(--green);align-items:center;gap:12px;padding:17px 29px;display:flex;position:relative}.progress-step>svg{flex:none}.progress-step div{color:var(--ink);display:grid}.progress-step small{color:var(--muted);margin-top:2px;font-size:11px}.step-line{background:var(--line);width:34%;height:1px;position:absolute;top:50%;left:-27%}.step-line.done{background:#79a17f}.progress-card.failed{border-color:#e7b3a9}.progress-card.failed .progress-step{color:var(--red)}.result-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0 0 12px 12px;grid-template-columns:minmax(320px,.82fr) minmax(0,1.5fr);display:grid;overflow:hidden}.result-media-column{border-right:1px solid var(--line);padding:27px}.media-preview{aspect-ratio:16/10;background:#ece5dd;border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.media-preview>video,.media-preview>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.image-main{aspect-ratio:4/3;background:#f0ebe5}.carousel-arrow{color:#fff;background:#231f1cad;border:1px solid #ffffff8f;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:-17px;display:grid;position:absolute;top:50%}.carousel-arrow.previous{left:12px}.carousel-arrow.next{right:12px}.image-counter{color:#fff;background:#231f1cc2;border-radius:13px;padding:4px 9px;font-size:11px;position:absolute;bottom:11px;right:12px}.image-thumbnails{gap:8px;margin-top:10px;padding:2px 1px 5px;display:flex;overflow-x:auto}.image-thumbnails button{border:1px solid var(--line);background:var(--paper);border-radius:7px;flex:0 0 58px;width:58px;height:58px;padding:2px;overflow:hidden}.image-thumbnails button.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.image-thumbnails img{object-fit:contain;border-radius:4px;width:100%;height:100%}.media-empty{color:#8c8176;align-content:center;gap:8px}.duration-badge{color:#fff;background:#1c1a18d1;border-radius:5px;padding:4px 8px;font-size:12px;position:absolute;bottom:12px;left:13px}.author-row{align-items:center;gap:12px;margin-top:17px;display:flex}.author-row img{object-fit:cover;border-radius:50%;width:48px;height:48px}.author-row div{display:grid}.author-row small{color:var(--muted);margin-top:3px}.result-content-column{min-width:0;padding:27px 28px 20px}.result-title-row{align-items:flex-start;gap:18px;display:flex}.result-title-row h2{letter-spacing:-.03em;flex:1;margin:0 0 9px;font-size:21px;line-height:1.45}.result-title-row a{color:var(--brand);white-space:nowrap;padding-top:6px;font-size:12px}.tags{color:var(--brand);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.stats-row{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:18px;padding:17px 0 15px;font-size:13px;display:flex}.stats-row strong{color:var(--ink);font-weight:570}.description{padding:14px 0 11px}.description p{color:#5f5852;margin:6px 0 0;font-size:13px;line-height:1.75}.result-tabs{border-bottom:1px solid var(--line);gap:32px;display:flex}.result-tabs button{color:#665f59;background:0 0;border:0;padding:11px 0;position:relative}.result-tabs button.active{color:var(--brand);font-weight:660}.result-tabs button.active:after{content:"";background:var(--brand);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-panel{min-height:145px;max-height:260px;padding:16px 0 5px;overflow:auto}.info-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:0;display:grid}.info-grid div{background:#faf6f0;border-radius:8px;padding:11px 12px}.info-grid dt{color:var(--muted);font-size:11px}.info-grid dd{margin:4px 0 0;font-size:13px}.transcript-list{gap:9px;display:grid}.transcript-list>div{grid-template-columns:52px 1fr;gap:13px;display:grid}.transcript-list time{color:var(--brand);font-size:13px}.transcript-list p{color:#534d47;margin:0;font-size:13px;line-height:1.6}.plain-transcript{color:#534d47;white-space:pre-wrap;margin:0;line-height:1.8}.transcript-empty{height:125px;color:var(--brand);align-items:center;gap:13px;display:flex}.transcript-empty div{flex:1;min-width:0}.transcript-empty strong{color:var(--ink)}.transcript-empty p{color:var(--muted);margin:4px 0 0;font-size:12px}.transcript-empty.failed{color:var(--red)}.warning-row,.error-banner{border-radius:8px;align-items:flex-start;gap:8px;font-size:12px;display:flex}.warning-row{color:var(--amber);background:#fff5df;margin-top:9px;padding:8px 10px}.error-banner{color:var(--red);background:#fff0ec;border:1px solid #efb8aa;margin:10px 0;padding:11px 13px}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.empty-result,.center-state{border:1px dashed var(--line-strong);min-height:300px;color:var(--muted);text-align:center;background:#fffdf9b8;border-radius:12px;align-content:center;place-items:center;margin-top:10px;padding:40px;display:grid}.empty-result h3,.center-state h3{color:var(--ink);margin:15px 0 6px}.empty-result p,.center-state p{margin:0}.empty-icon{width:58px;height:58px;color:var(--brand);background:var(--paper);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.retention-copy{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:20px 0 0;font-size:12px;display:flex}.retention-copy svg{color:var(--green)}.image-page{max-width:1120px}.image-workbench{width:100%}.image-history-card{margin-bottom:24px}.image-history-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.image-history-heading h2{margin:5px 0}.image-history-heading p,.image-history-file{color:var(--muted);margin:0;font-size:12px}.image-history-card .job-detail-meta{margin:14px 0 10px}.hero-inner{grid-template-columns:minmax(260px,.72fr) minmax(520px,1.45fr);align-items:start;gap:38px;display:grid}.hero-copy{padding:8px 0;position:sticky;top:48px}.page-kicker{color:var(--brand);letter-spacing:.14em;font-size:11px;font-weight:720}.hero-copy h1{letter-spacing:-.06em;max-width:430px;margin:11px 0 12px;font-size:clamp(34px,4.1vw,54px);line-height:1.08}.hero-subtitle{max-width:430px;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.hero-links{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.hero-links button{border:1px solid var(--line);background:var(--paper);color:#625b54;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:0 11px;font-size:12px;display:inline-flex}.hero-links button:hover{color:var(--brand);border-color:#dda68c}.converter{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:24px}.mode-switch{background:#f6f0e9;border-radius:10px;margin-bottom:20px;padding:4px;display:inline-flex}.mode-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 18px;font-weight:650}.mode-switch button.active{background:var(--paper);color:var(--brand);box-shadow:0 3px 10px #4c311b14}.format-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:13px;margin-bottom:18px;display:grid}.format-word{color:var(--muted);font-size:13px}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;border:1px solid var(--line-strong);width:100%;height:48px;color:var(--ink);cursor:pointer;background:#fffdfa;border-radius:9px;padding:0 38px 0 14px;font-size:14px}.select-wrap>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.compression-settings{gap:15px;margin-bottom:18px;display:grid}.compression-settings fieldset{border:0;margin:0;padding:0}.compression-settings legend{color:var(--muted);margin-bottom:8px;font-size:12px}.setting-options{flex-wrap:wrap;gap:8px;display:flex}.setting-options button,.all-formats button{border:1px solid var(--line);color:#5f5852;background:#fffdfa;border-radius:8px;min-height:36px;padding:0 12px}.setting-options button.active,.all-formats button.active{color:var(--brand);background:var(--brand-soft);border-color:#db9b7d}.compression-settings>p{color:var(--muted);margin:-3px 0 0;font-size:11px}.compression-advanced,.quick-settings{border:1px solid var(--line);background:#faf6f0;border-radius:10px;gap:14px;padding:15px;display:grid}.compression-advanced label,.quick-settings label{color:var(--muted);gap:8px;font-size:12px;display:grid}.compression-advanced label span,.quick-settings label span{justify-content:space-between;display:flex}.compression-advanced input[type=range],.quick-settings input[type=range]{accent-color:var(--brand)}.custom-dimensions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.custom-dimensions>span{color:var(--muted);padding-bottom:9px}.custom-dimensions input,.quick-settings select{border:1px solid var(--line-strong);background:var(--paper);border-radius:8px;width:100%;height:38px;padding:0 9px}.drop-zone{background:#fdf9f4;border:1px dashed #d3b9a8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;transition:border-color .18s,background-color .18s;display:flex}.drop-zone.is-dragging{border-color:var(--brand);background:var(--brand-soft)}.drop-zone.has-files{justify-content:flex-start;align-items:stretch;padding:20px}.upload-icon{border:1px solid var(--line);background:var(--paper);width:68px;height:68px;color:var(--brand);border-radius:50%;place-items:center;margin-bottom:17px;display:grid}.upload-button,.convert-button{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:9px;font-weight:650;box-shadow:0 10px 24px #b43a1c29}.upload-button{min-width:180px;min-height:48px;padding:0 22px;font-size:15px}.upload-button:hover,.convert-button:hover:not(:disabled){background:var(--brand-deep)}.drop-zone>p{color:#5e5750;margin:16px 0 0}.drop-zone>span:not(.upload-icon){color:var(--muted);text-align:center;margin-top:8px;font-size:11px}.file-queue{width:100%}.queue-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:13px;display:flex}.queue-heading>div{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.queue-heading span{color:var(--muted);font-size:11px}.queue-heading button{color:var(--brand);background:0 0;border:0;font-weight:650}.queue-list{max-height:300px;display:grid;overflow:auto}.queue-item{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-width:0;padding:12px 2px;display:grid}.file-thumb{width:44px;height:44px;color:var(--brand);background:#f0e9e1;border-radius:8px;place-items:center;display:grid;overflow:hidden}.file-thumb img{object-fit:contain;width:100%;height:100%}.file-copy{gap:3px;min-width:0;display:grid}.file-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-copy span{color:var(--muted);font-size:11px}.queue-download,.remove-file{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--brand);border-radius:8px;place-items:center;display:grid}.remove-file{color:var(--muted)}.queue-error{width:22px;height:22px;color:var(--red);background:#fff0ec;border-radius:50%;place-items:center;font-weight:700;display:grid}.quick-settings{margin-top:15px}.all-formats{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.converter-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.all-formats-button{color:var(--brand);background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:inline-flex}.convert-button{justify-content:center;align-items:center;gap:8px;min-width:178px;min-height:48px;padding:0 20px;display:inline-flex}.compression-retention{color:var(--muted);font-size:12px}.archive-actions{justify-content:flex-end;margin-top:12px;display:flex}.archive-button{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--brand);border-radius:8px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.upload-progress{background:#efe7df;border-radius:4px;height:5px;margin-top:15px;overflow:hidden}.upload-progress span{background:var(--brand);height:100%;display:block}.conversion-message{color:var(--green);justify-content:flex-end;align-items:center;gap:7px;margin:13px 0 0;font-size:12px;display:flex}.conversion-message.is-error{color:var(--red)}.toast{z-index:60;border:1px solid var(--line);color:#fff;max-width:360px;box-shadow:var(--shadow);background:#292725;border-radius:10px;padding:12px 16px;font-size:13px;position:fixed;bottom:26px;right:26px}.toolbox-main,.tool-page{width:min(1120px,100% - 64px);margin:0 auto;padding:50px 0 44px}.home-main{padding-top:64px}.page-heading small{color:var(--brand);letter-spacing:.14em;font-size:11px;font-weight:720}.points-overview{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:14px;margin-bottom:22px;padding:22px 24px}.points-overview-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;display:flex}.points-overview-heading>div{align-items:baseline;gap:12px;display:flex}.points-overview-heading small{color:var(--brand);letter-spacing:.14em;font-size:10px;font-weight:720}.points-overview-heading h1{letter-spacing:-.04em;margin:0;font-size:24px}.points-rules-trigger{min-height:36px;color:var(--brand);white-space:nowrap;background:#fff8f3;border:1px solid #e4b39c;border-radius:18px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.points-rules-trigger:hover{border-color:var(--brand);background:var(--brand-soft)}.points-allowance{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.points-allowance>div{background:#fffdfa;align-items:baseline;gap:8px;padding:14px 16px;display:flex}.points-allowance span{color:#514b45;font-weight:650}.points-allowance strong{color:var(--brand);margin-left:auto;font-size:25px}.points-allowance small{color:var(--muted);font-size:11px}.points-rules{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:12px;display:flex}.points-rules span{padding-left:12px;position:relative}.points-rules span:before{content:"";background:var(--brand);border-radius:50%;width:4px;height:4px;position:absolute;top:.55em;left:0}.points-dialog-backdrop{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#211d1975;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.points-dialog{border:1px solid var(--line);background:var(--paper);border-radius:18px;width:min(760px,100%);max-height:min(780px,100vh - 48px);padding:25px;overflow-y:auto;box-shadow:0 30px 90px #31221647}.points-dialog-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.points-dialog-header small{color:var(--brand);letter-spacing:.14em;font-size:10px;font-weight:720}.points-dialog-header h2{letter-spacing:-.04em;margin:7px 0 6px;font-size:28px}.points-dialog-header p{color:var(--muted);margin:0;font-size:13px}.points-rule-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:21px;display:grid}.points-rule-list article{border:1px solid var(--line);background:#fffaf4;border-radius:11px;gap:11px;padding:15px;display:grid}.points-rule-list article:last-child{grid-column:1/-1}.points-rule-list article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.points-rule-list strong{font-size:14px}.points-rule-list span{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:10px}.points-rule-list p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.points-dialog footer{color:var(--muted);background:#f5eee7;border-radius:9px;margin-top:16px;padding:11px 13px;font-size:11px;line-height:1.6}.tool-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tool-card{border:1px solid var(--line);background:var(--paper);min-height:230px;box-shadow:var(--shadow);border-radius:14px;padding:27px;position:relative}.tool-card:hover{border-color:#dfa98f;transform:translateY(-2px)}.tool-card small{color:var(--brand)}.tool-card h2{margin:24px 0 8px;font-size:28px}.tool-card p{max-width:430px;color:var(--muted);line-height:1.7}.tool-card b{color:var(--brand)}.tool-index{color:#dfd4ca;font-size:32px;font-weight:700;position:absolute;top:22px;right:24px}.page-heading{margin-bottom:25px}.page-heading h1{letter-spacing:-.05em;margin:9px 0 7px;font-size:38px}.page-heading p{color:var(--muted);margin:0}.warm-panel{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:12px;padding:22px}.filter-row{gap:10px;margin-bottom:14px;display:flex}.filter-row select,.account-form input{border:1px solid var(--line-strong);background:var(--paper);border-radius:8px;min-height:42px;padding:0 12px}.job-list{gap:10px;display:grid}.job-row{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;text-decoration:none;display:flex}.job-row:hover{border-color:#dfa98f}.job-row>div{align-items:center;gap:12px;display:flex}.job-row .job-row-summary{gap:5px;min-width:0;display:grid}.job-row-summary>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-row .job-row-summary-meta{align-items:center;gap:9px;display:flex}.job-row-summary-meta small:after{content:"·";color:var(--line-strong);margin-left:9px}.job-list small,.job-list span{color:var(--muted);font-size:12px}.status{background:#f2ece6;border-radius:12px;padding:4px 8px}.status.succeeded{color:var(--green);background:#edf7ef}.status.failed{color:var(--red);background:#fff0ec}.empty{text-align:center;color:var(--muted);padding:50px}.job-detail-meta{flex-wrap:wrap;gap:9px;display:flex}.job-detail-meta span{color:var(--muted);background:#faf6f0;border-radius:7px;padding:7px 9px;font-size:12px}.points-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.points-grid>div{border:1px solid var(--line);background:var(--paper);border-radius:11px;gap:5px;padding:18px;display:grid}.points-grid small,.points-grid span{color:var(--muted)}.points-grid b{color:var(--brand);font-size:30px}.account-form{gap:12px;max-width:620px;display:grid}.account-form h2,.account-form p{margin:0}.account-form>div{gap:10px;display:flex}.account-form button{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:8px;min-height:42px;padding:0 17px}.hint,.form-error{margin:13px 0 0;font-size:13px}.hint{color:var(--green)}.form-error{color:var(--red)}.topup-card{max-width:760px}.settings-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.settings-heading>svg{color:var(--brand);flex:none}.settings-heading h2{margin:0;font-size:17px}.settings-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.quota-breakdown{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.quota-breakdown>div{border:1px solid var(--line);background:#faf6f0;border-radius:9px;gap:5px;padding:14px;display:grid}.quota-breakdown small,.quota-breakdown span{color:var(--muted)}.quota-breakdown span{font-size:11px}.quota-breakdown strong{color:var(--brand);font-size:22px}.topup-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.topup-form input{border:1px solid var(--line-strong);background:var(--paper);text-transform:uppercase;border-radius:9px;outline:none;min-width:0;height:44px;padding:0 13px}.topup-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c84a281a}.topup-form .primary-button{justify-content:center;min-width:126px}.topup-success{color:var(--green);margin:10px 0 0;font-size:13px}.admin-gate{background:radial-gradient(circle at 20% 10%, #f8dfcf 0, transparent 35%), var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{border:1px solid var(--line);background:var(--paper);width:min(410px,100%);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:34px}.auth-mark{background:var(--brand-soft);width:52px;height:52px;color:var(--brand);border-radius:15px;place-items:center;margin-bottom:17px;display:inline-grid}.admin-login-card h1{margin:0;font-size:26px}.admin-login-card p{color:var(--muted);margin:8px 0 24px}.admin-login-card form{gap:12px;display:grid}.admin-login-card input,.admin-create-form input,.admin-client-form input{border:1px solid var(--line-strong);background:var(--paper);border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px}.admin-login-card input:focus,.admin-create-form input:focus,.admin-client-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #c84a281a}.admin-login-card .form-error,.admin-message{background:#fff0ed;border-radius:7px;margin:0;padding:8px 10px}.admin-login-card a{color:var(--muted);margin-top:20px;font-size:13px;display:inline-block}.admin-page{width:min(1120px,100% - 48px);margin:0 auto;padding:48px 0 70px}.admin-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.admin-header small{color:var(--brand);letter-spacing:.14em;font-weight:750}.admin-header h1{letter-spacing:-.055em;margin:6px 0 7px;font-size:clamp(32px,4vw,48px)}.admin-header p{color:var(--muted);margin:0}.admin-create-card,.admin-list-card,.admin-api-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:13px;padding:24px}.admin-create-form,.admin-client-form{grid-template-columns:.55fr .65fr 1fr 1.25fr auto;align-items:end;gap:12px;display:grid}.admin-create-form label,.admin-client-form label{color:var(--muted);gap:7px;font-size:12px;display:grid}.admin-create-form .primary-button,.admin-client-form .primary-button{white-space:nowrap;min-height:44px}.admin-message{margin-top:14px}.generated-code{background:#fff8e9;border:1px solid #d7c09f;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:17px;display:flex}.generated-code>div{gap:5px;min-width:0;display:grid}.generated-code small{color:#8a6941}.generated-code strong{overflow-wrap:anywhere;font:700 17px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.admin-list-card,.admin-api-card{box-shadow:none;margin-top:18px}.admin-table-wrap{overflow-x:auto}.admin-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.admin-table-wrap th,.admin-table-wrap td{border-top:1px solid var(--line);text-align:left;white-space:nowrap;padding:13px 11px}.admin-table-wrap th{color:var(--muted);font-weight:550}.admin-table-wrap code{background:#f6efe8;border-radius:5px;padding:3px 6px}.admin-empty{color:var(--muted);text-align:center;padding:35px}.admin-client-table{margin-top:21px}.status-badge{border-radius:12px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;display:inline-flex}.status-badge.succeeded{color:var(--green);background:#edf7ef}.status-badge.warning{color:var(--amber);background:#fff6e7}.status-badge.failed{color:var(--red);background:#fff0ec}.table-actions{gap:7px;display:flex}.table-actions button{border:1px solid var(--line);background:var(--paper);min-height:30px;color:var(--ink);border-radius:7px;padding:0 10px}.table-actions button:hover:not(:disabled){border-color:var(--line-strong);background:#fff8f3}.table-actions button.danger{color:var(--red)}@media (width<=1050px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding-inline:16px}.page,.toolbox-main,.tool-page{width:min(100% - 40px,960px)}.result-card{grid-template-columns:1fr}.result-media-column{border-right:0;border-bottom:1px solid var(--line)}.hero-inner{grid-template-columns:1fr}.hero-copy{position:static}.hero-copy h1,.hero-subtitle{max-width:760px}.admin-header{flex-direction:column;align-items:flex-start}.admin-create-form,.admin-client-form{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-shell{padding-bottom:74px;display:block}.sidebar{border-top:1px solid var(--line);background:#fdfaf5f5;border-right:0;grid-template-columns:minmax(0,1fr) 58px;gap:3px;width:auto;height:68px;padding:7px 9px;display:grid;position:fixed;inset:auto 0 0}.brand{display:none}.sidebar-nav{grid-template-columns:repeat(4,1fr);gap:3px;height:100%;display:grid}.nav-item{flex-direction:column;justify-content:center;gap:2px;padding:5px 2px;font-size:10px}.nav-item svg{width:20px;height:20px}.nav-item.active:before{width:auto;height:3px;inset:-7px 22% auto}.sidebar-bottom{margin:0;display:block}.retention-note{display:none}.account-button{background:0 0;border:0;justify-content:center;height:54px;padding:5px 2px}.account-button span{display:none}.account-button svg{width:22px;height:22px}.page,.toolbox-main,.tool-page{width:calc(100% - 28px);padding-top:27px}.page-header{gap:16px;display:grid}.header-actions{justify-content:space-between}.page-header h1{font-size:32px}.extract-form{grid-template-columns:1fr}.primary-button{min-height:50px}.link-input-wrap{flex-wrap:wrap;height:auto;min-height:62px}.platform-select{height:60px}.input-divider{height:30px}.link-input-wrap input{min-width:160px;height:60px}.option-row{flex-wrap:wrap;gap:13px}.point-limit{width:100%;margin-left:0}.detected-note{display:none}.platform-row{min-height:52px}.progress-card{grid-template-columns:1fr}.progress-step{padding:13px 18px}.step-line{width:1px;height:26px;top:-13px;left:31px}.result-media-column,.result-content-column{padding:18px}.info-grid{grid-template-columns:1fr}.result-actions{justify-content:stretch}.result-actions>*{flex:45%}.transcript-empty{flex-wrap:wrap;align-items:flex-start;height:auto;padding:8px 0}.transcript-empty .secondary-button{width:100%}.hero-copy h1{font-size:36px}.converter{padding:17px}.format-row{grid-template-columns:1fr}.format-word{text-align:center}.drop-zone{min-height:270px;padding:22px 15px}.converter-actions{flex-direction:column;align-items:stretch}.convert-button{width:100%}.all-formats-button{justify-content:center}.queue-item{grid-template-columns:40px minmax(0,1fr) auto}.queue-spinner,.queue-download,.queue-error{grid-area:1/3}.remove-file{grid-area:1/3;margin-top:42px}.queue-heading{align-items:flex-start}.custom-dimensions{grid-template-columns:1fr}.custom-dimensions>span{display:none}.home-main{padding-top:27px}.points-overview{padding:18px}.points-overview-heading{align-items:flex-start}.points-overview-heading>div{gap:5px;display:grid}.points-rules-trigger{padding-inline:10px}.points-allowance,.tool-grid,.points-grid{grid-template-columns:1fr}.points-allowance>div{padding-block:11px}.points-rules{gap:8px;display:grid}.points-dialog-backdrop{align-items:end;padding:12px}.points-dialog{border-radius:16px 16px 12px 12px;max-height:calc(100vh - 24px);padding:20px}.points-rule-list{grid-template-columns:1fr}.points-rule-list article:last-child{grid-column:auto}.points-rule-list article>div{flex-direction:column;align-items:flex-start;gap:7px}.job-row,.job-row>div{flex-direction:column;align-items:flex-start}.account-form>div{flex-wrap:wrap}.account-form>div input{flex:100%;min-width:0}.auth-dialog-backdrop{align-items:end;padding:12px}.auth-dialog{border-radius:16px 16px 12px 12px;padding:20px}.quota-breakdown,.topup-form{grid-template-columns:1fr}.topup-form .primary-button{width:100%}.admin-page{width:min(100% - 28px,720px);padding-top:28px}.admin-header .header-actions{flex-wrap:wrap;width:100%}.admin-create-form,.admin-client-form{grid-template-columns:1fr}.generated-code{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
