*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f7f7f7;color:#111}.page{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e5e5;background:#fff}.headerRight{display:flex;align-items:center;gap:12px}.h1{font-size:18px;font-weight:700}.h2{font-size:16px;font-weight:700;margin:0 0 12px}.main{padding:16px}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.grid{grid-template-columns:1fr 1fr}}.card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px}.form{display:grid;gap:12px}.labelText{font-size:12px;color:#333;margin-bottom:6px}.input{width:100%;padding:10px 12px;border:1px solid #d6d6d6;border-radius:6px;font-size:14px}.button{padding:10px 12px;border-radius:6px;border:1px solid #111;background:#111;color:#fff;font-weight:600;cursor:pointer}.button.secondary{background:#fff;color:#111}.button.secondary.active{border-color:#111}.button:disabled{opacity:.7;cursor:not-allowed}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.listItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #eee;border-radius:6px}.fileName{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:#666;font-size:12px}.error{background:#fff3f3;border-bottom:1px solid #f1c5c5;color:#7a1b1b;padding:12px 16px}.footer{padding:12px 16px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:8px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}