:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193c36;background:#f3f6f4;font-size:15px;--surface:#fff;--line:#dce5df;--muted:#60776e;--accent:#126b54}*{box-sizing:border-box}body{margin:0}header{padding:20px max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--surface)}header>div{display:flex;align-items:center;gap:12px}header small{color:var(--muted);margin-left:10px}.logo{font-size:28px;color:var(--accent)}main{max-width:1160px;margin:auto;padding:20px}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;margin:8px 0}h2{font-size:20px;margin:0}h3{font-size:16px}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:var(--accent)}.intro{display:flex;justify-content:space-between;align-items:center;margin:12px 0 30px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:22px}.narrow{max-width:440px;margin:8vh auto}.section-title,.submitline,.toolbar,.pager{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title{margin-bottom:20px}.pill{font-size:12px;background:#e5f2e9;color:#25634d;padding:8px 12px;border-radius:30px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface);color:var(--muted)}.stat b{display:block;font-size:28px;color:var(--accent);margin-top:8px}.browsers{display:grid;grid-template-columns:1fr 1fr;gap:28px}.browsers>div{min-width:0}label{display:block;font-size:13px;color:var(--muted);margin:12px 0}input,select,button{font:inherit;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:var(--surface);color:inherit;min-height:44px}input,select{width:100%;margin-top:7px;font-size:16px}button{cursor:pointer;flex-shrink:0}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:white;border-color:var(--accent);font-weight:600}.pathline{display:flex;gap:6px;align-items:center}.pathline input{min-width:0;margin:0}.check{display:flex;align-items:center;gap:7px;margin:0}.check input,input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--accent)}.toolbar{min-height:58px}.file-list{height:310px;overflow:auto;border:1px solid var(--line);border-radius:10px}.file-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px;min-height:62px}.file-row:last-child{border-bottom:0}.file-row button{border:0;padding:0;background:none;flex:1;text-align:left;min-width:0;overflow-wrap:anywhere}.file-row .file-meta{font-size:12px;color:var(--muted);display:block;margin-top:4px}.file-row label{flex:1;margin:0;overflow-wrap:anywhere;color:inherit}.file-icon{font-size:21px}.empty{padding:30px;text-align:center;color:var(--muted)}.pager{margin-top:12px}.pager button{font-size:12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:14px 0}.submitline{border-top:1px solid var(--line);padding-top:20px;flex-wrap:wrap}.submitline span{flex:1}details{margin-top:18px;font-size:13px;color:var(--muted)}summary{cursor:pointer}.job{border-top:1px solid var(--line);padding:20px 0}.job-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.job-title{overflow-wrap:anywhere;min-width:0}.job small{display:block;margin:7px 0;color:var(--muted);overflow-wrap:anywhere}.job-actions{display:flex;gap:8px;margin-top:10px}.badge{font-size:12px;padding:5px 8px;border-radius:6px;background:#edf1ee;white-space:nowrap}.badge.success{color:#176345;background:#e1f4e7}.badge.failed,.badge.needs_review{color:#a33830;background:#ffe8e2}progress{width:100%;height:9px;margin:8px 0;accent-color:var(--accent)}.error{color:#b44135!important;overflow-wrap:anywhere}#message:empty{display:none}#message{padding:12px;background:#e6efe9;border-radius:9px;position:sticky;top:8px;z-index:2}footer{text-align:center;color:var(--muted);padding:10px 20px 35px;font-size:12px}dialog{width:min(800px,95vw);max-height:85vh;border:1px solid var(--line);border-radius:15px;padding:22px;background:var(--surface);color:inherit}dialog::backdrop{background:#10291f88}[hidden]{display:none!important}:focus-visible{outline:3px solid #7bbca1;outline-offset:2px}@media(max-width:680px){main{padding:14px}.card{padding:17px;border-radius:14px}.browsers,.options{grid-template-columns:1fr;gap:15px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:14px}.intro{display:block}.intro .pill{display:inline-block}.intro h1{margin-bottom:10px}header{padding:15px}header small{display:none}.file-list{height:270px}.submitline .primary{width:100%}.section-title{flex-wrap:wrap}.job-actions button{flex:1}.narrow{margin-top:30px}}
@media(prefers-color-scheme:dark){:root{color:#dae8de;background:#111b17;--surface:#19251f;--line:#31473b;--muted:#9caf9f;--accent:#71c69a}.primary{color:#11281b}.pill{background:#263f31;color:#a7d9b9}.badge{background:#304537}.badge.success{background:#254832;color:#abe9be}.badge.failed,.badge.needs_review{background:#50322b;color:#ffc1ae}#message{background:#294333}.error{color:#ffa695!important}}

#connection-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;max-height:400px;overflow:auto}
/* Phase 2: storage navigation and touch-friendly metadata browsing. */
.workspace-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.workspace-tabs button{flex:1}.workspace-tabs [aria-current=page]{background:var(--accent);color:var(--surface);font-weight:700}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}.storage-card{border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0;overflow-wrap:anywhere}.storage-card button{width:100%}.storage-card h3{font-size:19px;margin-top:0}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:8px 0;min-width:0}.breadcrumbs button{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:8px;border:0}.file-row .file-content{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}.file-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.file-row .file-check{flex:0 0 44px;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0}.file-row .file-info{flex:0 0 auto;font-size:12px;min-height:44px;padding:8px}.file-icon{flex-shrink:0}.selection-summary,.preflight-result,#file-metadata{overflow-wrap:anywhere;min-width:0}.selection-summary{margin:18px 0;border-top:1px solid var(--line);padding-top:16px}.selection-summary p{margin:7px 0}.selected-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.selected-row span{flex:1;min-width:0;overflow-wrap:anywhere}.route{border-left:3px solid var(--accent);padding:8px 12px;margin:12px 0}.preflight-result:not(:empty){margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:12px}.preflight-result h3{margin-top:0}#file-metadata p{word-break:break-word}main,section,.intro>div{min-width:0}.pill{white-space:normal;overflow-wrap:anywhere}select{min-width:0;max-width:100%}.pager{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.file-list{overscroll-behavior:contain}.file-row{gap:6px;padding:8px}
@media(max-width:680px){.workspace-tabs{gap:5px}.workspace-tabs button{padding:10px 7px}.submitline{position:sticky;bottom:0;z-index:1;background:var(--surface);padding:12px 0 calc(12px + env(safe-area-inset-bottom));gap:8px}.submitline .primary{width:auto;flex:1}.submitline>span{flex-basis:100%}.file-icon{display:none}.file-list{height:360px}.card{padding:14px}.file-row .file-meta{font-size:11px}.intro{margin-bottom:18px}.stats{margin-bottom:16px}}
#hash-results{min-width:0;overflow-wrap:anywhere}#hash-results p,#hash-results strong{overflow-wrap:anywhere;word-break:break-word}

.rename-panel{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}.rename-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.rename-controls select{flex:1;min-width:150px;width:auto}.rename-rule,.rename-row{padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;min-width:0}.rename-rule textarea{width:100%;min-height:100px;font:inherit;font-size:16px;background:var(--surface);color:inherit;border:1px solid var(--line);border-radius:9px;padding:10px;resize:vertical}.rename-controls strong{flex:1}#rename-results{max-height:550px;overflow:auto}fieldset{min-width:0}.rename-rule .check{margin:12px 0}@media(max-width:680px){.rename-panel{padding:10px}.rename-controls button{flex:1}.rename-rule{padding:10px 0}}