:root{--brand:#7092a8;--ink:#2b2723;--muted:#8a8178;--bg:#faf8f5;--card:#fff;--border:#ece7e0;--ok:#3f9d6d;--err:#c2493d;--radius:16px;--shadow:0 1px 2px #2b27230a, 0 8px 24px #2b27230f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}.brand{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.hero{color:#fff;background-position:50%;background-size:cover;align-items:flex-end;min-height:300px;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(#14100c26 0%,#14100c59 45%,#14100cc7 100%);position:absolute;inset:0}.hero-inner{z-index:1;width:100%;max-width:760px;margin:0 auto;padding:0 22px 30px;position:relative}.hero .brand{color:#fff;opacity:.9;border-left:3px solid var(--brand);padding-left:9px}.hero h1{letter-spacing:-.01em;text-shadow:0 1px 12px #00000040;margin:12px 0 6px;font-size:34px;font-weight:600}.hero p{opacity:.92;max-width:44ch;margin:0;font-size:16px}.wrap{max-width:760px;margin:0 auto;padding:26px 22px 90px}.lead{color:var(--muted);margin:0 0 22px}.preview-card{color:inherit;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:0;margin-bottom:30px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.preview-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #2b27230d,0 14px 34px #2b27231a}.preview-thumb{border-right:1px solid var(--border);background-position:50%;background-size:cover;flex:none;width:180px}.preview-body{min-width:0;padding:18px 20px}.preview-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-size:11px;font-weight:700}.preview-title{margin:5px 0 4px;font-size:18px;font-weight:600}.preview-desc{color:var(--muted);margin-bottom:10px;font-size:14px}.preview-url{color:var(--brand);font-size:14px;font-weight:600}.drop{border:2px dashed color-mix(in srgb, var(--brand) 50%, var(--border));border-radius:var(--radius);background:var(--card);text-align:center;cursor:pointer;padding:44px 24px;transition:border-color .15s,background .15s}.drop.over{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 7%, var(--card))}.drop .icon{width:46px;height:46px;color:var(--brand);margin:0 auto 12px}.drop .big{font-size:17px;font-weight:600}.drop .small{color:var(--muted);margin-top:5px;font-size:14px}.filelist{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.fileitem{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.thumb-wrap{background:color-mix(in srgb, var(--brand) 8%, #fff);border-right:1px solid var(--border);flex:none;width:116px;display:flex}.thumb{object-fit:cover;width:100%;min-height:116px;color:var(--brand);justify-content:center;align-items:center;font-size:34px;display:flex}.fileitem-body{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:12px 15px;display:flex}.fileitem-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fileitem-info{min-width:0}.name{word-break:break-word;font-weight:600}.meta{color:var(--muted);font-size:13px}.title-row input{border:1px solid var(--border);width:100%;font:inherit;border-radius:9px;margin-top:4px;padding:9px 11px}.title-row input:focus{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);border-color:var(--brand)}.title-row label{color:var(--muted);font-size:12px}.status{white-space:nowrap;font-size:13px;font-weight:600}.status.idle{color:var(--muted)}.status.uploading{color:var(--brand)}.status.done{color:var(--ok)}.status.error,.status.invalid{color:var(--err)}.status.dup{color:var(--muted)}.done-actions{align-items:center;gap:10px;display:inline-flex}.dup-note{font-style:italic}.errmsg{color:var(--err);font-size:13px}.bar{background:color-mix(in srgb, var(--brand) 15%, #fff);border-radius:3px;height:4px;margin-top:4px;overflow:hidden}.bar>span{background:var(--brand);border-radius:3px;width:40%;height:100%;animation:1.1s ease-in-out infinite slide;display:block}@keyframes slide{0%{margin-left:-40%}to{margin-left:100%}}.linkremove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.linkremove:hover{color:var(--err)}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.btn{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:11px;padding:13px 26px;font-weight:600}.btn:hover{filter:brightness(.94)}.btn:disabled{opacity:.45;cursor:default;filter:none}.success{background:color-mix(in srgb, var(--ok) 12%, #fff);border:1px solid color-mix(in srgb, var(--ok) 35%, #fff);color:#256b48;border-radius:12px;margin-top:22px;padding:16px 18px;font-weight:600}@media (max-width:560px){.hero{min-height:240px}.hero h1{font-size:27px}.preview-thumb{width:108px}.thumb-wrap{width:96px}.thumb{min-height:96px}.btn{text-align:center;width:100%;padding:15px}.actions{gap:12px}}