:root{color:#202622;font-synthesis:none;text-rendering:optimizelegibility;--ink:#202622;--muted:#68716c;--faint:#8a938e;--line:#dce3de;--line-strong:#c8d2cb;--surface:#fff;--canvas:#f3f6f2;--green:#176b58;--green-dark:#105342;--green-soft:#e7f2ed;--coral:#df5a3f;--coral-soft:#fff0ec;--yellow:#e1b33f;--shadow:0 18px 55px #1e2f271a;background:#f3f6f2;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #176b583d}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand__mark{color:#fff;background:var(--coral);border-radius:6px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:inline-grid;box-shadow:5px 5px #e1b33fe6}.brand__text{gap:2px;min-width:0;display:grid}.brand__text strong{white-space:nowrap;font-size:19px;line-height:1.3}.brand__text small{color:currentColor;opacity:.58;font-size:10px;font-weight:700}.brand--compact{gap:9px}.brand--compact .brand__mark{flex-basis:34px;width:34px;height:34px;box-shadow:3px 3px #e1b33fbf}.brand--compact .brand__text strong{font-size:16px}.app-loading{place-content:center;justify-items:center;gap:28px;min-height:100vh;display:grid}.spin{color:var(--green);animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--coral);font-size:11px;font-weight:800;line-height:1.4}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.primary-button{color:#fff;background:var(--green);border-color:var(--green)}.primary-button:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.secondary-button{color:var(--ink);border-color:var(--line-strong);background:#fff}.secondary-button:hover:not(:disabled){color:var(--green-dark);border-color:var(--green)}.danger-button{color:#a73d2a;background:var(--coral-soft);border-color:#f1c8be}.icon-button{width:40px;height:40px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;flex:0 0 40px;place-items:center;padding:0;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--green-dark);background:var(--green-soft);border-color:#a8c7ba}.icon-button--quiet{background:0 0;border-color:#0000}.icon-button--success,.icon-button--accent{color:#fff;background:var(--green);border-color:var(--green)}.icon-button--success:hover,.icon-button--accent:hover{color:#fff;background:var(--green-dark)}.copy-button--text{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:7px;width:auto;min-width:84px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.copy-button--text span{line-height:1}.login-page{background:#edf2ee;place-items:center;min-height:100vh;padding:32px;display:grid}.login-layout{background:var(--surface);width:min(980px,100%);min-height:590px;box-shadow:var(--shadow);border:1px solid #ced8d1;border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);display:grid;overflow:hidden}.login-intro{color:#fff;background:#173b31;flex-direction:column;justify-content:space-between;min-width:0;padding:48px;display:flex}.login-intro .brand__text small{color:#b9d3c8}.login-intro__body{align-content:center;gap:18px;display:grid}.login-intro__body .eyebrow{color:#f0c963}.login-intro h1{max-width:430px;font-size:44px;line-height:1.16}.retention-seal{color:#173b31;background:var(--yellow);border:2px solid #f4d98f;border-radius:6px;align-content:center;justify-items:center;width:106px;height:106px;margin-top:18px;display:grid}.retention-seal strong{font-variant-numeric:tabular-nums;font-size:44px;line-height:1}.retention-seal span{margin-top:4px;font-size:11px;font-weight:800}.login-intro__foot{color:#b9d3c8;font-size:13px}.login-panel{align-content:center;padding:56px 48px;display:grid}.login-panel__heading{color:var(--green);align-items:flex-start;gap:12px;margin-bottom:32px;display:flex}.login-panel__heading h2{color:var(--ink);font-size:24px;line-height:1.25}.login-panel__heading p{color:var(--muted);margin-top:5px;font-size:13px}.login-panel label,.extract-form label{color:#4f5953;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.password-field{height:50px;color:var(--muted);border:1px solid var(--line-strong);background:#fff;border-radius:6px;grid-template-columns:22px minmax(0,1fr) 40px;align-items:center;gap:8px;padding:0 4px 0 14px;display:grid}.password-field:focus-within{color:var(--green);border-color:var(--green);box-shadow:0 0 0 3px #176b581a}.password-field--error{border-color:var(--coral)}.password-field input{width:100%;min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.password-field input::placeholder{color:#a3aaa6}.field-error,.panel-error{color:#b0432e;min-height:22px;font-size:12px;line-height:1.5}.field-error{margin:7px 0 12px}.login-submit{width:100%}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;min-height:64px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.topbar__actions{align-items:center;gap:8px;display:flex}.retention-badge{min-height:32px;color:var(--green-dark);background:var(--green-soft);border:1px solid #c9dfd5;border-radius:6px;align-items:center;gap:6px;margin-right:4px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.workspace{width:min(880px,100% - 40px);margin:0 auto;padding:54px 0 48px}.workspace-heading{grid-template-columns:minmax(180px,1fr) 330px minmax(180px,1fr);align-items:end;gap:24px;margin-bottom:28px;display:grid}.workspace-heading h1{margin-top:5px;font-size:32px;line-height:1.25}.workspace-heading__retention{color:var(--muted);justify-self:end;padding-bottom:5px;font-size:13px}.mode-switch{background:#e5ebe6;border:1px solid #d5ddd7;border-radius:7px;grid-template-columns:1fr 1fr;gap:4px;width:330px;height:46px;padding:4px;display:grid}.mode-switch button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.mode-switch button.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #1e2f2714}.tool-surface{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;min-height:500px;box-shadow:0 10px 30px #1e2f270e}.tool-surface--upload,.tool-surface--history{width:min(680px,100%);min-height:430px;box-shadow:none;background:0 0;border:0;margin:0 auto}.tool-surface--upload .upload-panel{padding:0}.tool-surface--history .history-panel{padding:12px}.upload-panel,.extract-panel,.transfer-result{min-width:0;padding:34px}.drop-zone{text-align:center;background:#f8faf8;border:1px dashed #b7c6bd;border-radius:6px;place-content:center;justify-items:center;min-height:300px;padding:32px;transition:background-color .15s,border-color .15s;display:grid}.drop-zone--active{background:var(--green-soft);border-color:var(--green)}.drop-zone--compact{min-height:220px}.drop-zone__icon{width:56px;height:56px;color:var(--green);background:var(--green-soft);border:1px solid #c7ded4;border-radius:7px;place-items:center;margin-bottom:18px;display:grid}.drop-zone h2{font-size:20px;line-height:1.35}.drop-zone p{color:var(--muted);margin:7px 0 18px;font-size:13px}.drop-zone small{color:var(--faint);margin-top:13px;font-size:11px}.selected-files{border-top:1px solid var(--line);margin-top:24px}.selected-files__summary{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:17px 2px 12px;font-size:12px;display:flex}.selected-files__summary strong{color:var(--ink);font-variant-numeric:tabular-nums}.selected-files__list,.result-files,.download-list{border-top:1px solid var(--line);max-height:270px;overflow-y:auto}.file-row{border-bottom:1px solid var(--line);grid-template-columns:20px minmax(0,1fr) minmax(72px,auto) 40px;align-items:center;gap:12px;min-height:54px;padding:7px 2px;display:grid}.file-row>svg{color:var(--green)}.file-row__name{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:600;line-height:1.4}.file-row__size{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:11px}.result-files .file-row{grid-template-columns:20px minmax(0,1fr) minmax(72px,auto)}.upload-progress{margin-top:22px}.upload-progress>div:first-child{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.upload-progress strong{color:var(--ink);font-variant-numeric:tabular-nums}.progress-track{background:#e6ebe7;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-track span{background:var(--green);border-radius:4px;height:100%;transition:width .18s;display:block}.panel-error{margin-top:10px}.panel-actions{justify-content:flex-end;margin-top:8px;display:flex}.panel-actions .primary-button,.panel-actions .danger-button{min-width:148px}.quick-upload__frame{background:#ffffff94;border:1px dashed #aebbb3;border-radius:7px;flex-direction:column;min-height:430px;padding:12px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.quick-upload__frame--dragging{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#eef8f3}.quick-upload__drop-feedback{z-index:5;color:var(--green-dark);pointer-events:none;background:#eef8f3;border-radius:5px;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:12px}.quick-upload__drop-feedback strong{font-size:14px;line-height:1.4}.quick-upload__empty{flex:1;place-content:center;justify-items:center;gap:15px;display:grid}.quick-upload__empty small{color:var(--faint);font-size:11px}.quick-upload__empty-error{color:#a73d2a;text-align:center;max-width:320px;font-size:12px;line-height:1.5}.quick-upload__picker{min-width:132px}.quick-upload__content{flex-direction:column;flex:1;min-height:404px;display:flex}.quick-upload__list{align-content:start;gap:10px;max-height:300px;display:grid;overflow-y:auto}.quick-file{border:1px solid var(--line-strong);background:#fff;border-radius:6px;min-width:0;overflow:hidden}.quick-file--complete{border-color:#a9d1bd}.quick-file__heading{background:#e9f7ef;grid-template-columns:28px minmax(0,1fr) auto 22px;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:grid}.quick-file--uploading .quick-file__heading{background:#f7f9f7;grid-template-columns:28px minmax(0,1fr) auto}.quick-file__icon{width:28px;height:28px;color:var(--green);background:#fff;border:1px solid #c9ddd2;border-radius:4px;place-items:center;display:grid}.quick-file__heading strong{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.35}.quick-file__size,.quick-upload__total{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.quick-file__check{color:var(--green)}.quick-file__link{border-top:1px solid #c9e4d6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.quick-file__link a{color:#226fbb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:40px;text-decoration:none;overflow:hidden}.quick-file__link a:hover{text-decoration:underline}.quick-upload__progress{gap:8px;padding:20px 4px 0;display:grid}.quick-upload__progress-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.quick-upload__progress-meta strong{color:var(--ink);font-variant-numeric:tabular-nums}.quick-upload__progress-details{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.quick-upload__progress-details strong{color:var(--green-dark);white-space:nowrap;flex:none;font-size:12px}.quick-upload__error{color:#a73d2a;background:var(--coral-soft);border:1px solid #f1c8be;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px;display:flex}.quick-upload__error p{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.5}.quick-upload__error .secondary-button{flex:none;min-height:38px;padding:0 12px}.quick-upload__actions{justify-content:center;margin-top:auto;padding:24px 0 4px;display:flex}.history-panel{background:#ffffff94;border:1px dashed #aebbb3;border-radius:7px;min-height:430px}.history-panel__empty{color:#929c96;place-content:center;justify-items:center;gap:10px;min-height:404px;display:grid}.history-panel__empty p{font-size:12px}.history-panel__empty .secondary-button{min-height:38px;padding:0 14px}.history-panel__list{align-content:start;gap:10px;max-height:520px;display:grid;overflow-y:auto}.history-record{border:1px solid var(--line-strong);background:#fff;border-radius:6px;min-width:0;overflow:hidden}.history-record--expired{opacity:.68}.history-record__header{background:#f7f9f7;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:6px 8px 6px 12px;display:flex}.history-record__expiry{min-width:0;color:var(--muted);align-items:center;gap:8px;display:flex}.history-record__expiry>svg{color:var(--green);flex:none}.history-record__expiry span{font-size:11px}.history-record__expiry strong{color:var(--coral);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.history-record__files{border-top:1px solid var(--line)}.history-file{min-width:0;padding:10px 12px}.history-file+.history-file{border-top:1px solid var(--line)}.history-file__meta{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.history-file__icon{width:28px;height:28px;color:var(--green);background:var(--green-soft);border-radius:4px;place-items:center;display:grid}.history-file__meta strong{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.4}.history-file__meta>span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.history-file__link{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;margin-top:7px;padding-left:38px;display:grid}.history-file__link a{color:#226fbb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:40px;text-decoration:none;overflow:hidden}.history-file__link a:hover{text-decoration:underline}.history-file__unavailable{color:var(--faint);margin:8px 0 0 38px;font-size:11px;display:block}.history-record__confirm{background:var(--coral-soft);border-top:1px solid #f1c8be;align-items:center;gap:12px;min-height:48px;padding:8px 12px;font-size:11px;display:flex}.history-record__confirm span{color:var(--muted);margin-right:auto}.history-record__confirm button{cursor:pointer;background:0 0;border:0;min-height:32px;padding:0 5px;font-size:11px;font-weight:700}.history-panel__error{color:#b0432e;min-height:22px;padding:5px 4px 0;font-size:12px;line-height:1.5}.transfer-result{gap:22px;display:grid}.result-status{color:var(--green);border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding-bottom:22px;display:flex}.result-status h2{color:var(--ink);font-size:21px}.result-status p{color:var(--muted);margin-top:5px;font-size:12px}.code-display{background:#173b31;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.code-display>span{color:#b9d3c8;font-size:12px;font-weight:700}.code-display>div{align-items:center;gap:12px;min-width:0;display:flex}.code-display strong{color:#fff;font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,monospace;font-size:32px}.share-line,.expiry-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-width:0;padding-bottom:16px;display:flex}.share-line>div{min-width:0}.share-line span,.expiry-line>span,.extract-result__meta span{color:var(--muted);font-size:11px}.share-line p{max-width:650px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:13px;overflow:hidden}.expiry-line>span{align-items:center;gap:6px;display:inline-flex}.expiry-line strong{color:var(--coral);font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,monospace;font-size:16px}.result-reset{justify-self:start}.extract-panel{min-height:500px}.extract-heading h2{font-size:21px}.extract-heading p{color:var(--muted);margin-top:6px;font-size:12px}.extract-form{margin-top:30px}.extract-form__row{grid-template-columns:minmax(0,1fr) 148px;gap:10px;display:grid}.code-input{width:100%;min-width:0;height:50px;color:var(--ink);border:1px solid var(--line-strong);font-variant-numeric:tabular-nums;background:#fff;border-radius:6px;padding:0 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:22px}.code-input:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #176b581a}.code-input::placeholder{color:#b8bfbb}.panel-error--extract{margin-top:9px}.extract-result{border-top:1px solid var(--line);margin-top:12px;padding-top:22px}.extract-result__meta{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.extract-result__meta>div{gap:4px;display:grid}.extract-result__meta strong{font-family:SFMono-Regular,Consolas,monospace;font-size:24px}.extract-result .expiry-line{margin-bottom:8px}.download-list{max-height:300px}.download-row{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:64px;padding:8px 2px;display:grid}.download-row__icon{width:34px;height:34px;color:var(--green);background:var(--green-soft);border-radius:5px;place-items:center;display:grid}.download-row__body{gap:4px;min-width:0;display:grid}.download-row__body strong{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.4}.download-row__body span{color:var(--muted);font-size:11px}.extract-empty{color:#99a39d;place-content:center;justify-items:center;height:230px;display:grid}.extract-empty span{background:#eef2ef;border-radius:7px;place-items:center;width:54px;height:54px;margin-bottom:10px;display:grid}.extract-empty p{font-size:12px}.app-footer{color:#8c9690;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100% - 40px);min-height:54px;margin:auto auto 0;font-size:9px;font-weight:700;display:flex}.text-danger{color:#ad422e}@media (width<=760px){.login-page{place-items:start center;padding:18px}.login-layout{grid-template-columns:1fr;min-height:0}.login-intro{min-height:300px;padding:32px}.login-intro h1{max-width:330px;font-size:34px}.retention-seal{width:82px;height:82px;margin-top:8px}.retention-seal strong{font-size:32px}.login-panel{padding:38px 30px 42px}.topbar{padding:0 18px}.retention-badge{display:none}.workspace{width:min(100% - 28px,680px);padding:36px 0 32px}.workspace-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 16px}.workspace-heading h1{font-size:27px}.workspace-heading__retention{grid-area:1/2;padding-bottom:4px}.mode-switch{grid-area:2/1/auto/-1;width:100%}.tool-surface{min-height:470px}.tool-surface--upload,.tool-surface--history{width:100%;min-height:400px}.quick-upload__frame{min-height:400px}.quick-upload__content{min-height:374px}.history-panel{min-height:400px}.history-panel__empty{min-height:374px}.upload-panel,.extract-panel,.transfer-result{padding:22px}.drop-zone{min-height:270px;padding:24px 18px}.drop-zone--compact{min-height:210px}.app-footer{width:calc(100% - 28px)}}@media (width<=480px){.login-page{background:#fff;padding:0}.login-layout{width:100%;box-shadow:none;border:0;border-radius:0}.login-intro{min-height:270px;padding:26px 22px}.login-intro h1{font-size:30px}.login-intro__foot{display:none}.login-panel{padding:34px 22px 46px}.topbar{min-height:60px;padding:0 12px}.topbar__actions{gap:4px}.topbar .icon-button{flex-basis:38px;width:38px;height:38px}.workspace{width:calc(100% - 20px);padding-top:26px}.workspace-heading{margin:0 4px 22px}.workspace-heading__retention{display:none}.tool-surface{min-height:440px}.tool-surface--upload,.tool-surface--history{min-height:360px}.quick-upload__frame{min-height:360px;padding:8px}.quick-upload__content{min-height:342px}.tool-surface--history .history-panel{padding:8px}.history-panel{min-height:360px}.history-panel__empty{min-height:342px}.history-file__meta{grid-template-columns:28px minmax(0,1fr)}.history-file__meta>span:last-child{display:none}.history-file__link{gap:6px;padding-left:0}.history-record__expiry{flex-wrap:wrap;align-items:flex-start;gap:4px 7px}.history-record__expiry strong{width:100%;padding-left:24px}.history-record__confirm{flex-wrap:wrap;align-items:stretch}.history-record__confirm span{width:100%}.quick-upload__list{max-height:260px}.quick-file__heading{grid-template-columns:28px minmax(0,1fr) 22px;gap:8px;padding:8px 10px}.quick-file--uploading .quick-file__heading{grid-template-columns:28px minmax(0,1fr)}.quick-file__size{display:none}.quick-file__link{gap:6px;padding:6px}.copy-button--text{min-width:78px;padding:0 10px}.quick-upload__error{flex-direction:column;align-items:stretch}.upload-panel,.extract-panel,.transfer-result{padding:16px}.drop-zone{min-height:260px;padding:22px 12px}.file-row{grid-template-columns:20px minmax(0,1fr) 36px;gap:9px}.file-row__size{display:none}.result-files .file-row{grid-template-columns:20px minmax(0,1fr) minmax(60px,auto)}.result-files .file-row__size{display:block}.panel-actions .primary-button,.panel-actions .danger-button{width:100%}.code-display{padding:18px}.code-display strong{font-size:27px}.share-line p{max-width:230px}.extract-form__row{grid-template-columns:1fr}.extract-form__row .primary-button{width:100%}.extract-empty{height:180px}.app-footer{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}