.account-bar {display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 24px;background:#14251d;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}
.account-bar span {margin-right:auto;overflow-wrap:anywhere}
.account-bar a {color:var(--blue);text-decoration:none;font-weight:600}
.account-bar button {padding:6px 12px;background:var(--field);color:var(--ink);min-height:34px}
.login-shell {max-width:420px;margin:8vh auto;padding:24px}
.host-form {display:grid;gap:16px;margin-top:24px}
.host-form label {display:grid;gap:6px;font-size:14px}
.host-form input,.host-form select {width:100%;min-width:0}
.host-shell a,.upload-list a {color:var(--blue)}
[hidden] {display:none!important}
.host-shell {max-width:1200px;margin:auto;padding:28px 24px}
.host-shell h1 {font-size:26px;letter-spacing:0;margin:0 0 20px}
.host-section {padding:24px 0;border-top:1px solid #dce2df}
.host-section h2 {font-size:18px;margin:0 0 16px}
.host-grid {display:grid;grid-template-columns:1fr 1fr;gap:36px}
.host-status {padding:12px 0;line-height:1.7;white-space:pre-line}
.host-status.warn {color:var(--gold)}
.host-status.error {color:var(--red)}
.queue-item {display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid #e0e4e2}
.queue-item img {width:180px;aspect-ratio:4/3;object-fit:contain;background:#e8ecea;border-radius:4px}
.queue-item h3 {font-size:15px;margin:0 0 8px;overflow-wrap:anywhere}
.queue-item p {font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.queue-item select {width:100%;max-width:480px;margin:8px 0}
.user-row {display:flex;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #e0e4e2;overflow-wrap:anywhere}
.user-row span {flex:1;min-width:0}
.upload-file-row {padding:12px 0;border-bottom:1px solid #e0e4e2;overflow-wrap:anywhere}
.upload-file-row strong {display:block;font-size:14px}
.upload-file-row small {display:block;line-height:1.6}
.upload-file-row progress {width:100%;height:7px;accent-color:#176b50}
.upload-actions {display:flex;gap:12px;flex-wrap:wrap}
.upload-panel {background:transparent!important;border:0!important;border-top:1px solid #dce2df!important;border-radius:0!important;padding:22px 0!important;box-shadow:none!important}
.upload-shell {max-width:820px;padding:24px}
.upload-brand {background:none;border:0;box-shadow:none;padding:0 0 20px;grid-template-columns:auto minmax(0,1fr)}
.upload-brand h1 {font-size:24px}
.upload-drop {min-height:170px}
.upload-list .queue-item {grid-template-columns:120px minmax(0,1fr)}
.upload-list .queue-item img {width:120px}
.save-notice {padding:12px 24px;background:#fff0d7;color:#664500;position:sticky;top:0;z-index:20}
@media(max-width:620px) {.account-bar{gap:12px;padding:12px 16px}.account-bar span{width:100%}.host-shell{padding:22px 16px}.host-grid{grid-template-columns:1fr;gap:20px}.queue-item{grid-template-columns:1fr;gap:12px}.queue-item img{width:100%;max-height:280px}.login-shell{margin-top:24px}.upload-list .queue-item{grid-template-columns:90px minmax(0,1fr)}.upload-list .queue-item img{width:90px}}
@media(max-width:620px) {.upload-shell{padding:22px 16px}.upload-brand h1{font-size:21px}.upload-brand img{width:40px;height:40px}.host-form{max-width:100%}}
