*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0f1115;color:#e6e8eb}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:8px}.card{max-width:420px;margin:8vh auto;background:#161a22;border:1px solid #2a2f3a;border-radius:12px;padding:28px}.card h1{margin-top:0;font-size:20px}form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input{padding:10px;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:#e6e8eb}button{padding:10px 14px;border-radius:8px;border:1px solid #2a2f3a;background:#2563eb;color:#fff;cursor:pointer}button.link{background:none;border:none;color:#7aa2ff;padding:6px}button:disabled{opacity:.6}select{padding:10px;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:#e6e8eb}.row{display:flex;gap:8px;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.card.page-card{max-width:none;margin:0;background:transparent;border:none;padding:0}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:min(420px,90vw);background:#161a22;border:1px solid #2a2f3a;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.modal h3{margin:0}.error{color:#f87171;font-size:13px}.hint{color:#8b93a1;font-size:12px}.meta{color:#8b93a1;font-size:13px;margin-bottom:16px}.page{max-width:1080px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:4px}.tabs button{background:#1c212b;border-color:#2a2f3a}.tabs button.active{background:#2563eb}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.toolbar .search{flex:1;min-width:180px}.crumbs{color:#9aa3b2;font-size:14px;margin-bottom:12px}.crumbs a{color:#7aa2ff;cursor:pointer}.quota{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:#8b93a1}.quota-bar{flex:1;height:6px;background:#1c212b;border-radius:4px;overflow:hidden}.quota-bar div{height:100%;background:#2563eb}.thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;margin-right:8px;vertical-align:middle}.video-preview{width:160px;border-radius:6px;margin-right:8px;vertical-align:middle}.danger{background:#b91c1c}.empty{text-align:center;color:#6b7280;padding:32px}.folder-group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1c212b;font-weight:600;color:#9ca3af}.folder-group-toggle:hover{color:#e5e7eb;background:#232936}.folder-group{background:#1c212b;font-weight:600;color:#9ca3af}.folder-meta{color:#6b7280;font-size:13px}.proj-id{color:#8b5cf6;font-weight:600}.file-count{color:#6b7280}.settings{max-width:460px;margin:16px 0}.settings h2{margin-top:0}.checkbox{flex-direction:row;align-items:center;gap:8px}.ok{color:#4ade80;font-size:13px}.divider{border:none;border-top:1px solid #2a2f3a;margin:20px 0}.code-box{display:flex;align-items:center;gap:12px;margin:8px 0}.code{font-size:22px;font-weight:700;letter-spacing:3px;color:#7aa2ff}.notif-panel{position:absolute;right:16px;top:64px;width:360px;max-height:70vh;overflow:auto}.notif-panel ul{list-style:none;padding:0;margin:0}.notif-panel li{padding:10px 0;border-bottom:1px solid #232936;font-size:13px}.stack{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stats{display:flex;gap:16px;flex-wrap:wrap;background:#161a22;border:1px solid #2a2f3a;border-radius:10px;padding:14px 18px;margin:16px 0}.stats span{font-size:14px;color:#c7cdd6}section{margin-top:24px}table{width:100%;border-collapse:collapse;background:#161a22;border:1px solid #2a2f3a;border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #232936;font-size:14px}th{background:#1c212b;color:#9aa3b2;font-weight:500}