:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{min-height:100vh}.topbar{color:#fff;background:#111827;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex}.brand{letter-spacing:.12em;font-size:17px;font-weight:800}.container{width:min(1180px,100% - 40px);margin:32px auto 64px}.title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}h1{margin:0 0 5px;font-size:30px}.muted{color:#6b7280;margin:0}.primary,.secondary,.danger,.ghost{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:700}.primary{color:#fff;background:#111827}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{color:#111827;background:#eef2f7}.danger{color:#be123c;background:#fff1f2}.ghost{color:#d1d5db;background:0 0}.full{width:100%}.storage-card,.upload-box,.list-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 18px #0f172a0d}.storage-card{margin-bottom:18px;padding:18px 20px}.storage-head{justify-content:space-between;align-items:end;margin-bottom:10px;display:flex}.storage-head div{align-items:center;gap:10px;display:flex}.storage-head span{color:#6b7280;font-size:14px}.progress{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.progress i{border-radius:inherit;background:#111827;height:100%;display:block}.large{height:11px}.upload-box{border-style:dashed;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:grid}.upload-icon{background:#eef2f7;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.upload-box span{color:#6b7280}.upload-queue{grid-column:1/-1;gap:10px;display:grid}.queue-head{justify-content:space-between;gap:10px;margin-bottom:5px;font-size:13px;display:flex}.queue-head span:last-child{color:#6b7280}.search-row{margin:18px 0}.search-row input,.login-card input{width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:12px 14px}.search-row input:focus,.login-card input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.list-card{overflow:hidden}.image-row{border-bottom:1px solid #eef0f3;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:15px 18px;display:grid}.image-row:last-child{border-bottom:0}.thumb-button{cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;width:72px;height:72px;padding:0;overflow:hidden}.thumb-button img{object-fit:cover;width:100%;height:100%}.image-info{min-width:0}.name{margin-bottom:4px;font-weight:800}.meta{color:#6b7280;margin-bottom:5px;font-size:13px}.image-info a{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.row-actions{gap:8px;display:flex}.empty{text-align:center;color:#6b7280;padding:48px}.modal{z-index:10;background:#030712bf;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.modal-inner{background:#fff;border-radius:16px;max-width:min(1000px,92vw);max-height:90vh;padding:14px;position:relative;box-shadow:0 20px 70px #00000059}.modal-inner img{object-fit:contain;max-width:calc(92vw - 28px);max-height:78vh;display:block}.modal-caption{padding:9px 3px 1px;font-size:14px}.modal-close{color:#fff;cursor:pointer;background:#111827e6;border:0;border-radius:50%;width:38px;height:38px;font-size:27px;line-height:1;position:absolute;top:12px;right:12px}.toast{color:#fff;background:#111827;border-radius:10px;padding:11px 16px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0003}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card,.spinner-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:min(420px,100%);padding:26px;box-shadow:0 12px 40px #0f172a14}.login-card .brand{color:#111827;margin-bottom:8px;font-size:20px}.login-card label{gap:7px;margin:20px 0;font-weight:700;display:grid}.error-banner{color:#be123c;background:#fff1f2;border-radius:10px;margin-bottom:12px;padding:10px 12px}.visually-hidden{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}@media (width<=800px){.container{width:min(100% - 24px,1180px);margin-top:20px}.topbar{padding:0 16px}.title-row{flex-direction:column;align-items:flex-start}.upload-box{grid-template-columns:auto 1fr}.upload-box .secondary{grid-column:1/-1}.image-row{grid-template-columns:56px 1fr}.thumb-button{width:56px;height:56px}.row-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start}.image-info a{white-space:normal;word-break:break-all}}