*{box-sizing:border-box}
body{margin:0;background:#f4f7fb;color:#172033;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;background:#0f4c81;color:#fff;z-index:10}
.bar{max-width:1040px;margin:0 auto;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-size:20px;font-weight:900}
.nav{display:flex;gap:8px;align-items:center}
.nav a{background:rgba(255,255,255,.18);border-radius:12px;padding:9px 12px;font-weight:800}
.simple-main{max-width:1040px;margin:18px auto;padding:0 14px 40px}
.ok,.error{padding:12px;border-radius:12px;margin-bottom:14px;font-weight:800}
.ok{background:#dcfce7;color:#166534}
.error{background:#fee2e2;color:#991b1b}
.simple-toolbar,.drop-zone,.simple-list,.panel{background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.08)}
.simple-toolbar{padding:14px;margin-bottom:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.path{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.path a{color:#0f4c81;font-weight:900}
.toolbar-buttons{display:flex;gap:8px;flex-wrap:wrap}
button,.button,.small-btn{border:0;border-radius:12px;background:#0f4c81;color:#fff;font-weight:900;padding:10px 13px;cursor:pointer;display:inline-block;font:inherit}
.green{background:#15803d!important}
.red{background:#dc2626!important}
.gray,.gray-link{background:#64748b!important}
input{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font:inherit}
label{display:block;font-weight:900;margin:12px 0 6px}
.drop-zone{padding:28px 16px;text-align:center;border:2px dashed #93c5fd;margin-bottom:14px;transition:.15s}
.drop-zone.drag-over{background:#dbeafe;border-color:#2563eb;transform:scale(1.01)}
.drop-icon{font-size:38px;color:#0f4c81}
.drop-title{font-size:20px;font-weight:900;margin-top:8px}
.drop-note,.note,.item-meta{color:#64748b;font-size:13px}
#fileInput{display:none}
.simple-list{padding:10px}
.empty{padding:30px;text-align:center;color:#64748b}
.simple-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid transparent;user-select:none;min-width:0}
.simple-item:hover{background:#f8fafc}
.simple-item.selected{background:#dbeafe;border-color:#2563eb}
.item-icon{width:52px;height:52px;border-radius:14px;background:#eff6ff;display:grid;place-items:center;font-size:28px;overflow:hidden}
.folder-item .item-icon{background:#dbeafe}
.file-thumb img{width:100%;height:100%;object-fit:cover}
.item-info{min-width:0}
.item-name{font-weight:900;word-break:break-all}
.item-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.item-actions form{display:inline}
.item-actions button,.item-actions .small-btn{padding:8px 10px;font-size:13px}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}
.modal.show{display:flex}
.modal-panel{background:#fff;width:100%;max-width:460px;border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(15,23,42,.25)}
.modal-panel h2{margin-top:0}
.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
.setup{min-height:100vh;display:grid;place-items:center;padding:18px}
.setup .panel{width:100%;max-width:520px;padding:18px}
.setup button{width:100%;margin-top:14px}
.account-panel{max-width:560px;margin:0 auto;padding:18px}
.account-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.required{display:inline-block;font-size:12px;background:#fee2e2;color:#991b1b;border-radius:999px;padding:2px 8px;margin-left:6px}
hr{border:0;border-top:1px solid #e5e7eb;margin:18px 0}
@media(max-width:760px){
 .bar{align-items:stretch;flex-direction:column}
 .nav{justify-content:space-between}
 .simple-toolbar{display:block}
 .toolbar-buttons{margin-top:12px}
 .toolbar-buttons button,.toolbar-buttons .button{flex:1;text-align:center}
 .simple-item{grid-template-columns:50px 1fr}
 .item-icon{width:46px;height:46px;font-size:25px}
 .item-actions{grid-column:1/-1;justify-content:stretch}
 .item-actions button,.item-actions .small-btn,.item-actions form{flex:1;text-align:center}
 .modal-actions,.account-actions{flex-direction:column}
 .modal-actions button,.account-actions button,.account-actions .button{width:100%;text-align:center}
}