:root{color-scheme:light;--ink:#202832;--muted:#74808d;--blue:#2449ed;--border:#e3e8ed;--surface:#f7fafc;font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;font-size:12px;color:var(--ink);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;min-width:0;height:100%}body{background:#f7fafc}button,input,textarea,select{font:inherit;color:inherit}button{min-height:38px;border:1px solid var(--border);border-radius:999px;background:#f7fafc;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background-color .15s,color .15s,transform .15s;line-height:1.45}button:hover:not(:disabled){background:#e9eff8}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:not-allowed;color:#8190a6;background:#e5ebf5;border-color:transparent}button.primary{background:var(--blue);color:#fff;border-color:transparent;font-weight:600}button.primary:hover:not(:disabled){background:#3652f6}button.primary:disabled{background:#dee5f7;color:#8996ae}button.text-button{border:0;background:transparent;color:var(--blue);padding:6px 1px;min-height:30px;font-size:11px}button.text-button:hover{background:transparent;text-decoration:underline}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-library{display:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{height:100%;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);background:radial-gradient(ellipse at 93% 95%,#f9efba70,transparent 60%),radial-gradient(ellipse at 8% 85%,#cceaf85c,transparent 66%),radial-gradient(ellipse at 95% 0%,#dce0fc80,transparent 60%),linear-gradient(135deg,#f6f7fc,#f4f9f7)}
.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px}.brand{gap:11px;background:transparent;border:0;padding:0;justify-content:start;text-align:left;flex:none}.brand:hover:not(:disabled){background:transparent}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:#fafcff;border-radius:13px;border:1px solid #fff;box-shadow:0 3px 8px #8e9eb413;color:var(--blue)}.brand-icon svg{width:25px;height:25px}.brand strong{display:block;font-size:20px;line-height:1.3;letter-spacing:1px}.brand small{display:block;font-family:"Segoe UI",sans-serif;font-size:8px;letter-spacing:1.25px;color:var(--muted);margin-top:2px}.preview-badge{border:1px solid #ccd7f0;background:#ffffff80;border-radius:999px;padding:6px 10px;white-space:nowrap;font-size:10px;color:#5c6a93}.workflow{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0;font-size:10px;color:var(--muted)}.workflow li{display:flex;align-items:center;gap:6px;white-space:nowrap}.workflow b{display:grid;place-items:center;border-radius:50%;background:#e5eaf3;width:23px;height:23px;font:11px "Segoe UI",sans-serif}.workflow .current{color:var(--ink)}.workflow .current b{background:var(--blue);color:#fff}
.rail{display:flex;align-items:center;flex-direction:column;gap:12px;padding:92px 10px 17px}.rail-button{position:relative;width:40px;height:40px;padding:0;flex:none;background:#ffffff50}.rail-button.selected{background:var(--blue);color:white;border-color:transparent}.rail-button.selected:hover:not(:disabled){background:#3652f6}.rail-help{margin-top:auto}.task-badge{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;background:var(--blue);border-radius:50%;color:white;font-size:9px;border:2px solid #f7fafc;display:grid;place-items:center}
.workspace{min-width:0;overflow:auto;padding:8px 24px 14px 12px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c7d1df transparent}.hero{display:flex;align-items:center;justify-content:space-between;min-height:86px;position:relative}.hero .eyebrow{margin:0 0 5px;font-size:11px;color:var(--muted)}h1{font-size:27px;line-height:1.4;margin:0;letter-spacing:-.8px;font-weight:650;text-wrap:balance}.hero p:last-child{font-size:11px;color:var(--muted);margin:7px 0 0}.link-sculpture{width:156px;height:76px;position:relative;transform:rotate(-25deg);margin-right:42px;flex:none}.link-sculpture i{display:block;position:absolute;width:95px;height:47px;top:12px;border:13px solid #4374f1;border-radius:28px;box-shadow:inset 0 4px 4px #ffffff9c,0 5px 5px #2732ba25;transform:rotate(-12deg)}.link-sculpture i:first-child{left:0;border-color:#a4c1ff #5e8df5 #3161dd #82aaff}.link-sculpture i:last-child{left:59px;top:16px;border-color:#bdd7ff #75a0fc #3969e4 #a0c1ff}.demo-note{font-size:10px;color:#74809a;margin:8px 0 14px;line-height:1.8}.card{border-radius:23px;background:#f8fafbdd;border:1px solid #ffffffec;padding:17px 20px;box-shadow:0 2px 1px #778aa10a;min-width:0}.card h2{font-size:13px;font-weight:650;margin:0;line-height:1.5}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px}.muted{color:var(--muted);font-size:10px}.field-hint{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 0}.input-card{margin-bottom:16px}.input-card .field-hint{margin:0 0 9px}.link-entry{display:flex;align-items:center;gap:12px}.link-entry textarea{min-width:0;width:100%;resize:vertical;min-height:62px;max-height:180px;background:white;border:1px solid var(--border);padding:10px 13px;border-radius:14px;line-height:1.7;font-size:11px}.input-actions{display:flex;gap:8px;flex:none}.input-actions #parse-links{padding-inline:18px}.input-actions svg{width:16px;height:16px}.input-status{font-size:10px;line-height:1.6;min-height:16px;color:#6f7d93;margin:8px 0 0;overflow-wrap:anywhere}.input-status.error{color:#ae3e42}.cards-row{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.media-summary{display:flex;align-items:center;gap:16px;margin:18px 0}.media-summary>div{min-width:0}.media-glyph{display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f0f5ff,#dce8ff);border:1px solid #e8f0ff;color:var(--blue);height:51px;width:51px;flex:none}.media-glyph svg{width:30px;height:30px}.media-summary h3{font-size:15px;margin:0 0 7px;font-weight:600;overflow-wrap:anywhere}.media-summary p{margin:0;font-size:10px;line-height:1.7;color:var(--muted)}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.select-row label{font-size:10px;color:var(--muted);min-width:0;display:grid;gap:5px}select{width:100%;min-width:0;border:1px solid var(--border);border-radius:12px;background:white;padding:9px 8px;min-height:36px;font-size:11px}select:disabled{background:#edf1f6;color:#8a96a7}.transfer-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.transfer-summary h3{font-size:16px;margin:0;font-weight:600}.transfer-summary strong{font:32px/1 "Segoe UI",sans-serif;color:var(--blue);font-variant-numeric:tabular-nums;flex:none}progress{appearance:none;display:block;width:100%;height:6px;background:#e4eaf1;border:0;border-radius:3px;overflow:hidden}progress::-webkit-progress-bar{background:#e4eaf1}progress::-webkit-progress-value{background:linear-gradient(90deg,#5177ff,var(--blue));border-radius:3px}progress::-moz-progress-bar{background:var(--blue);border-radius:3px}.transfer-detail{font-size:10px;color:var(--muted);line-height:1.7;min-height:34px;margin:11px 0}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-row .primary{flex:1;white-space:nowrap}.action-row svg{width:16px;height:16px}.next-step{margin-top:5px}.settings-row{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr)}.path-field,input{background:white;border:1px solid var(--border);padding:10px 12px;border-radius:13px;min-height:40px;margin:12px 0;width:100%;min-width:0;font-size:11px}.path-field{overflow-wrap:anywhere}.spread{justify-content:space-between}.network-actions{gap:6px}.network-actions button{font-size:10px;padding:7px 12px;min-height:34px}.network-actions .text-button{margin-left:auto;padding-inline:0}.workspace footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;padding:0 2px;line-height:1.6}.workspace footer span:last-child{font:8px "Segoe UI",sans-serif;letter-spacing:.8px;white-space:nowrap}
dialog{border:1px solid white;max-width:720px;width:calc(100% - 40px);max-height:calc(100% - 40px);padding:24px;border-radius:24px;color:var(--ink);background:#f7fafc;box-shadow:0 20px 70px #14265533;overflow:auto}dialog::backdrop{background:#20345252}.dialog-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px}.dialog-kicker{font-size:9px;color:var(--muted);letter-spacing:1px}.dialog-header h2{font-size:22px;margin:6px 0 0;outline:none}.close-button{width:38px;padding:0;font-size:24px;line-height:1;flex:none}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-footer button{min-width:100px}#dialog-content{font-size:12px;line-height:1.85;overflow-wrap:anywhere}#dialog-content p{margin:8px 0}.dialog-note{font-size:11px;color:var(--muted)}.task-list{display:grid;gap:8px;margin-top:15px}.task-row{width:100%;border-radius:13px;background:white;justify-content:space-between;text-align:left;padding:12px 14px;align-items:center}.task-row.selected{background:#e9efff;border-color:#b7c8ff}.task-name{min-width:0;font-weight:600}.task-name small{font-weight:400;display:block;font-size:10px;color:var(--muted)}.task-state{font-size:10px;color:var(--blue);text-align:right;flex:none}.task-state strong{display:block;font:18px "Segoe UI",sans-serif}.task-details{background:#edf2f8;padding:13px 15px;border-radius:13px;margin-top:12px;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.dialog-actions button{font-size:11px}.empty-state{padding:26px;text-align:center;color:var(--muted);background:#edf2f8;border-radius:16px}.folder-options{display:grid;gap:8px}.folder-options button{border-radius:13px;text-align:left;justify-content:flex-start;background:white}.help-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.help-tabs button{font-size:11px;padding-inline:13px}.help-tabs button[aria-selected=true]{background:var(--blue);color:white;border-color:transparent}.help-panel{background:white;border:1px solid var(--border);border-radius:16px;padding:16px}.help-panel h3{margin:0 0 8px;font-size:14px}.help-panel ul{padding-left:18px;margin:8px 0}.log-list{padding:14px;background:#edf2f8;border-radius:14px;font:11px/1.9 Consolas,"Microsoft YaHei UI",monospace;white-space:pre-wrap;overflow-wrap:anywhere}.file-list{display:grid;gap:8px;margin-top:12px}.file-item{background:#fff;border-radius:12px;padding:12px;font-size:11px}.file-item small{display:block;color:var(--muted)}
@media(max-width:860px){.app-shell{grid-template-columns:62px minmax(0,1fr)}.topbar{padding-inline:17px}.rail{padding-inline:8px}.workspace{padding-right:18px;padding-left:7px}.workflow{gap:12px}.link-sculpture{margin-right:10px;width:135px;transform:scale(.8) rotate(-25deg)}.cards-row{gap:12px}.card{padding:16px}.action-row button{padding-inline:12px}.input-actions #parse-links{padding-inline:13px}}
@media(max-width:700px){.workflow{display:none}.cards-row,.settings-row{grid-template-columns:minmax(0,1fr)}.link-entry{align-items:stretch;flex-direction:column}.input-actions{justify-content:flex-end}.input-actions #parse-links{min-width:124px}.media-summary{margin-block:15px}.link-sculpture{display:none}.card{border-radius:20px}.rail{padding-top:90px}.workspace footer{align-items:start;flex-direction:column}.transfer-summary{margin-top:14px}}
@media(max-width:480px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:66px 52px minmax(0,1fr)}.topbar{padding:10px 13px}.rail{padding:0 9px 8px;flex-direction:row;gap:5px;justify-content:space-between;overflow-x:auto}.rail-button{width:38px;height:38px;min-height:38px}.rail-help{margin:0}.workspace{padding:9px 12px 15px}.hero{min-height:91px}h1{font-size:25px;letter-spacing:-.7px}.hero p:last-child{max-width:260px;line-height:1.8}.demo-note{margin-top:5px}.card{padding:15px}.card-heading{gap:6px}.card-heading .muted{font-size:9px}.field-hint{font-size:10px}.select-row{gap:8px}.select-row select{font-size:10px;padding-inline:6px;min-height:40px}.media-summary{gap:11px}.media-summary h3{font-size:14px}.action-row button{min-height:40px}.network-actions{gap:5px}.network-actions .text-button{margin-left:0}.spread button{padding-inline:10px;font-size:10px}.transfer-summary strong{font-size:30px}.preview-badge{font-size:9px;padding:5px 9px}dialog{width:calc(100% - 18px);max-height:calc(100% - 18px);padding:17px;border-radius:20px}.dialog-header h2{font-size:19px}.task-row{padding:10px;gap:8px}.task-name{font-size:11px}.task-state{font-size:9px}.help-tabs button{font-size:10px;min-height:36px}.help-panel{padding:12px}#dialog-content{font-size:11px}}
@media(max-width:300px){.rail{gap:2px;padding-inline:7px}.rail-button{width:36px;height:36px;min-height:36px}.workspace{padding-inline:9px}.card{padding:12px}.card-heading{flex-wrap:wrap}.select-row{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:22px}.action-row{gap:6px}.action-row .primary{padding-inline:10px;font-size:11px}.brand-icon{width:35px;height:35px}.brand{gap:8px}.brand strong{font-size:18px}.brand small{font-size:7px}.topbar{padding-inline:11px}.transfer-summary h3{font-size:14px}}
/* Keep absolute accessibility labels inside the scrolling workspace. */
.workspace{position:relative;min-height:0}
@media(prefers-reduced-motion:reduce){.workspace{scroll-behavior:auto}button{transition:none}button:active:not(:disabled){transform:none}}