.usb-page{max-width:880px;padding-top:28px;padding-bottom:64px}.usb-page h1{font-size:clamp(32px,4.6vw,54px);overflow-wrap:anywhere;margin-top:10px}.usb-page .lead{font-size:18px;color:var(--ink-2);margin:16px 0 0}
.usb-beta{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#fff7e6;border:1px solid #f1dfb4;font-size:15px}
.usb-steps{margin:32px 0 0}.usb-steps h2,.usb-faq h2,.usb-maps h2{font-size:clamp(22px,2.6vw,30px)}.usb-step-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usb-step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 18px;box-shadow:var(--shadow-sm)}.usb-step-icon{width:76px;height:76px;border-radius:16px;background:#f3f1ea;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}.usb-step-icon svg{width:56px;height:56px}.usb-step:last-child .usb-step-icon{display:inline-flex;width:auto;max-width:100%;padding:0 26px 0 14px}.usb-mini-btn{background:var(--red);color:#fff;font-weight:700;font-size:13px;border-radius:999px;padding:7px 12px;white-space:nowrap}.usb-cursor{position:absolute;right:4px;bottom:8px;width:22px!important;height:22px!important}.usb-step h3{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.2;margin:0}.usb-step-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--body);font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.usb-step p{margin:10px 0 0;color:var(--ink-2);font-size:15px;line-height:1.5}@media (max-width:560px){.usb-step-grid{grid-template-columns:1fr}}
.usb-tool{margin:24px 0 0;display:grid;gap:14px}.usb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}
.usb-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.usb-tool button{font:inherit;font-size:15px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:9px 16px;cursor:pointer}
.usb-tool button:hover{background:#f3f1ea}.usb-tool button.usb-primary{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.usb-tool button.usb-primary:hover{background:var(--red-dark)}.usb-tool button:disabled{opacity:.5;cursor:default}
.usb-status{font-weight:700}.usb-status.ok{color:var(--green)}.usb-status.warn{color:#9a6700}.usb-status.err{color:var(--red-dark)}
.usb-meta{color:var(--muted);font-size:14px;margin-top:6px;overflow-wrap:anywhere}.usb-hint{font-size:15px;background:#f3f1ea;border-radius:10px;padding:10px 12px;margin-top:12px}
.usb-drop{border:2px dashed var(--line);border-radius:var(--radius);padding:26px 16px;text-align:center;transition:border-color .15s,background .15s}.usb-drop.over{border-color:var(--red);background:#fff1ef}.usb-drop.busy{pointer-events:none;opacity:.7}
.usb-drop .big{font-family:var(--display);font-size:20px;font-weight:700;margin-bottom:12px}.usb-kinds{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 16px;padding:0;list-style:none}.usb-kinds li{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--muted)}.usb-kinds b{color:var(--ink)}
.usb-job{margin-top:12px;border-radius:12px;padding:12px 14px;background:#f3f1ea;text-align:left}.usb-job.ok{background:#e9f6ee}.usb-job.err{background:#fdecea}
.usb-job .line{display:flex;justify-content:space-between;gap:10px;font-size:14px}.usb-job .name{font-weight:700;overflow-wrap:anywhere;min-width:0}.usb-job .size{font-weight:400;color:var(--muted);white-space:nowrap}
.usb-job .what{font-size:13px;margin-top:3px}.usb-job .what .tag{display:inline-block;font-size:12px;font-weight:700;border-radius:5px;padding:0 6px;margin-right:6px;background:#fff;color:var(--red-dark);border:1px solid var(--line)}
.usb-job.skip .bar{display:none}.usb-job .state{white-space:nowrap;color:var(--muted)}.usb-job.ok .state{color:var(--green);font-weight:700}.usb-job.err .state{color:var(--red-dark);font-weight:700}
.usb-job .bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:8px}.usb-job .bar div{height:100%;width:0;background:var(--red);transition:width .15s}.usb-job.ok .bar div{background:var(--green)}
.usb-job .note{font-size:13px;margin-top:6px;color:var(--ink-2)}.usb-job .warn{font-size:13px;margin-top:6px;color:#7a5200;background:#fff7e6;border-radius:6px;padding:4px 8px}
.usb-card details>summary{cursor:pointer;font-weight:700}.usb-crumbs{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:14px}.usb-crumbs span{color:var(--muted)}.usb-tool button.usb-crumb{border:0;background:none;padding:2px 4px;color:var(--red-dark);text-decoration:underline}
.usb-card table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.usb-card td{padding:7px 6px;border-top:1px solid var(--line);vertical-align:middle}.usb-card td.name{word-break:break-all}.usb-card td.size,.usb-card td.date{color:var(--muted);white-space:nowrap;font-size:13px}.usb-card td.act{text-align:right;white-space:nowrap}.usb-card td.act button{padding:3px 8px;font-size:12px;margin-left:6px}
.usb-card tr.dir td.name{cursor:pointer;color:var(--red-dark)}.usb-card tr.fresh td{background:#e9f6ee}
#usb-log{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);max-height:220px;overflow:auto;white-space:pre-wrap;margin:10px 0 0}
.usb-faq{margin:40px 0 0}.usb-faq h3{font-size:20px;margin:22px 0 6px}.usb-faq p{margin:0}.usb-maps{margin:32px 0 0}.usb-maps ul,.usb-related ul{padding-left:20px}.usb-maps a,.usb-related a{color:var(--red-dark);text-decoration:underline}.usb-related{margin:28px 0 0}
@media (max-width:560px){.usb-card td.date{display:none}.usb-page .lead{font-size:16px}}
