:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263c35;background:#f7f8f6;font-synthesis:none;font-size:14px;--green:#26795f;--muted:#899991;--line:#e5ebe6}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8dc8ad;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.topbar{height:80px;background:#fff;border-bottom:1px solid #edf0ec}.topbar-inner{max-width:1152px;margin:auto;height:100%;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;background:none;padding:0;color:#213c32;font-weight:800;font-size:15px;letter-spacing:.3px}.brand-mark{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#26795f;color:#fff;font-size:23px;font-weight:400}.brand-light{font-size:11px;font-weight:500;letter-spacing:1px;color:#607a6e}.header-caption{font-size:12px;color:#9aa9a0}.page{max-width:760px;margin:0 auto;padding:70px 24px 36px}.heading{margin-bottom:28px}.heading-kicker{display:flex;align-items:center;gap:8px;color:#6f9581;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:15px}.heading-kicker span{width:19px;height:2px;background:#70ad8c}.heading h1{font-size:32px;letter-spacing:-1px;line-height:1.25;font-weight:700}.heading p{margin-top:12px;color:#899990;font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 32px #29433508}.download-panel{padding:28px 30px 31px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2,.task-section h2{font-size:15px;font-weight:650}.panel-heading-note{font-size:11px;color:#a5b1a9}.mode-switch{display:flex;gap:24px;border-bottom:1px solid #edf1ed;margin-top:22px}.mode-button{background:none;color:#9baaa0;padding:0 0 13px;position:relative;font-size:13px}.mode-button.active{color:#26795f;font-weight:650}.mode-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#26795f}.mode-button span{font-size:10px;color:#a4b4aa;background:#f3f6f3;border-radius:4px;padding:3px 5px;margin-left:3px}.field-label{display:block;font-size:12px;font-weight:600;color:#60756a;margin:24px 0 10px}.url-row{display:flex;align-items:center;gap:11px;border:1px solid #e1e9e3;background:#fbfcfb;border-radius:9px;padding:5px 5px 5px 15px}.url-row:focus-within{border-color:#8bb9a0;box-shadow:0 0 0 3px #b2d8bf30}.input-icon{font-size:19px;color:#9bb1a3}.code-icon{font-size:16px}.url-row input{min-width:0;flex:1;border:0;outline:0;background:transparent;height:43px;color:#344a3e;font-size:13px}.url-row input::placeholder{color:#b2bdb6}.button{min-height:37px;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:#26795f;color:white}.primary:hover{background:#1d694f}.url-row .primary{height:43px;min-width:123px}.primary span{margin-left:15px;font-size:16px}.secondary{background:#fff;color:#587165;border:1px solid #dfe8e1}.secondary:hover{background:#f5f9f6}.destructive{background:#bd5b54;color:#fff}.code-hint{margin-top:12px;color:#98a9a0;font-size:11px}.task-section{margin-top:42px}.task-section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 16px}.task-section-heading h2 span{font-size:11px;color:#a8b6ac;font-weight:400;margin-left:5px}.task-section-heading p{font-size:11px;color:#a0ada4;margin-top:8px}.section-decoration{width:34px;height:34px;border:1px solid #e3eae3;border-radius:50%;display:grid;place-items:center;color:#9eb4a6;font-size:17px}.empty-state{text-align:center;padding:48px 20px 51px;border:1px dashed #dce7dd;background:#ffffff8c;border-radius:13px}.empty-icon{width:50px;height:50px;margin:0 auto 14px;color:#9cb8a6}.empty-icon svg{width:100%;height:100%}.empty-state h3{font-size:13px;font-weight:600;color:#6c8072}.empty-state p{font-size:11px;color:#a3b1a7;margin-top:9px}.task-card{padding:22px;margin-bottom:12px}.task-top{display:flex;gap:13px;align-items:center}.file-icon{width:40px;height:44px;border-radius:9px;display:grid;place-items:center;background:#edf5ef;color:#5d9a76;font-size:21px;flex-shrink:0}.file-title{min-width:0;flex:1}.file-title h3{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-title p{font-size:10px;color:#9aa89f;margin-top:6px}.status{font-size:10px;white-space:nowrap;padding:6px 9px;border-radius:20px;background:#f1f5f1;color:#809386}.status[data-status=downloading],.status[data-status=probing]{color:#247b59;background:#e9f5ed}.status[data-status=complete]{color:#377ba4;background:#edf5fa}.status[data-status=error]{color:#b15f50;background:#fcf0ed}.task-middle{margin-top:20px}.progress{height:6px;border-radius:6px;background:#edf2ed;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#4b9a6d;border-radius:6px;transition:width .2s}.progress-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:10px;color:#8fa095}.task-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.task-note{font-size:11px;color:#9bab9f;line-height:1.6}.task-actions{display:flex;gap:7px;flex-shrink:0}.task-actions .button,.icon-button{padding:7px 10px;min-height:31px;font-size:11px}.icon-button{background:white;border:1px solid #e1e9e2;border-radius:6px;color:#9caaa0}.task-error,.inline-error{color:#b65f53;font-size:11px;line-height:1.8;margin-top:12px;overflow-wrap:anywhere}.task-details{border-top:1px solid #edf1ed;margin-top:17px;padding-top:12px;font-size:11px;color:#8fa097}.task-details summary{cursor:pointer}.details-content{padding-top:12px;display:grid;gap:10px}.details-content label{display:grid;gap:6px}.details-content input{font:inherit;width:100%;border:1px solid #e4ebe5;border-radius:5px;padding:8px;color:#75847b}.detail-row{display:flex;gap:8px;align-items:end}.detail-row label{flex:1;min-width:0}.version-info{overflow-wrap:anywhere;line-height:1.7}.tech-only{display:none!important}body.technical-mode .tech-only{display:block!important}body.technical-mode .form-options.tech-only{display:flex!important}.diagnostics{padding:20px;margin-top:30px;color:#7c8e82;font-size:11px}.diagnostics-heading,.storage-title{display:flex;justify-content:space-between;align-items:center}.diagnostics-heading h2{font-size:13px}.form-options{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#8b9a90;font-size:11px;margin-top:16px}.form-options select{background:none;border:0;color:#567466}.storage-title{margin-top:16px}.storage-track{height:4px;background:#e4ebe6;margin:10px 0}.storage-track i{display:block;height:100%;background:#72ae86}.diagnostics small{display:block;margin-top:7px}.text-button{background:none;color:#26795f;padding:0;font-size:11px}.diagnostics .text-button{margin-top:12px}.filters{display:flex;gap:5px;margin-top:15px}.filter{padding:5px 9px;background:#f3f6f3;color:#829388;border-radius:5px;font-size:11px}.filter.active{background:#e2f0e6;color:#26795f}.footer{display:flex;justify-content:space-between;margin-top:65px;padding-top:20px;border-top:1px solid #e9eeea;font-size:10px;color:#b2bdb5;letter-spacing:.5px}.alert{padding:15px 18px;border-radius:8px;font-size:12px;line-height:1.8;margin-bottom:20px}.danger{background:#fff1ee;color:#a55b50;border:1px solid #f2dcd7}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#293e32;color:white;padding:12px 18px;border-radius:8px;font-size:12px;max-width:min(600px,90vw);z-index:10;line-height:1.6}dialog{max-width:420px;border:1px solid #e1eae3;padding:26px;border-radius:13px;color:#344b3d;box-shadow:0 20px 70px #12251c33}dialog::backdrop{background:#182b214d}dialog h2{font-size:16px}dialog p{font-size:12px;line-height:1.8;color:#8a9b8f;margin-top:12px}.dialog-actions{display:flex;gap:10px;justify-content:end;margin-top:24px}@media(max-width:600px){.topbar{height:66px}.topbar-inner{padding:0 20px}.page{padding:48px 18px 28px}.heading h1{font-size:28px}.download-panel{padding:22px 18px}.url-row{flex-wrap:wrap;padding:5px 6px 6px 12px}.url-row input{width:calc(100% - 35px)}.url-row .primary{width:100%;height:41px}.task-section{margin-top:35px}.task-card{padding:18px}.task-bottom{align-items:flex-start;flex-direction:column}.task-actions{align-self:flex-end;flex-wrap:wrap}.detail-row{flex-direction:column;align-items:stretch}.footer{margin-top:45px}}

/* Compact layout and larger, easier-to-use actions. */
.topbar{height:68px}.page{padding-top:38px}.download-panel{padding:24px 30px 27px}.panel-heading h1{font-size:21px;font-weight:700;letter-spacing:-.4px}.mode-switch{margin-top:16px}.mode-button{min-height:44px;padding:0 0 10px;font-size:14px}.field-label{margin-top:16px}.url-row input{height:48px;font-size:14px}.url-row .primary{height:48px;min-width:145px;font-size:14px}.task-section{margin-top:30px}.task-actions .button,.task-actions .icon-button{min-height:44px;padding:10px 18px;font-size:13px}.task-actions .icon-button{min-width:44px;font-size:18px}.empty-state{padding:36px 20px}.footer{margin-top:45px}@media(max-width:600px){.page{padding-top:24px}.download-panel{padding:20px 18px}.url-row .primary{height:48px}.task-actions{width:100%}.task-actions .button{flex:1}.task-actions .icon-button{flex:0 0 44px}}
.brand-mark svg{width:19px;height:19px}.input-icon{width:20px;height:20px;flex:none}.button-icon{width:18px;height:18px;margin-left:12px;vertical-align:middle}.file-icon svg{width:22px;height:22px}.icon-button svg{width:18px;height:18px;display:block;margin:auto}
#code-results{margin-top:24px}#code-results h2{font-size:15px;margin:0 0 8px}.code-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #edf0ed}.code-item span{min-width:0;overflow-wrap:anywhere;font-size:14px}.code-item button{flex:none;min-width:76px}
#code-description,.code-item-details p{font-size:12px;line-height:1.6;color:#81938b;white-space:pre-wrap;overflow-wrap:anywhere}#code-description{margin:0 0 12px}.code-item-details{min-width:0}.code-item-details p{margin-top:5px}