:root{color:#15202b;background:#f4f6f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1120px}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-rows:64px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #dce2e7}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.brand-mark{width:28px;height:28px;display:grid;place-items:center;background:#15202b;color:#fff;border-radius:7px;font-size:12px}.top-meta{display:flex;align-items:center;gap:12px;color:#70808d;font-size:12px}.access-dot{width:8px;height:8px;border-radius:50%;background:#30a46c}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:0}.sidebar{background:#fff;border-right:1px solid #dce2e7;padding:20px;overflow:auto}.main{min-width:0;padding:22px 28px 40px;overflow:auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.02em}h2{font-size:18px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#778692}.muted{color:#81909c}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.field,select,textarea{border:1px solid #d4dce2;background:#fff;border-radius:7px;color:#15202b;padding:9px 11px;outline:none}.field:focus,select:focus,textarea:focus{border-color:#527a98;box-shadow:0 0 0 3px #527a981f}.search{min-width:240px}.button{border:1px solid #cdd7de;background:#fff;color:#23313b;border-radius:7px;padding:9px 13px;font-weight:650}.button:hover{background:#f1f4f6}.button.primary{background:#15202b;border-color:#15202b;color:#fff}.button.danger{color:#a33d3d}.button:disabled{cursor:wait;opacity:.5}.list{display:grid;gap:7px}.list-item{width:100%;text-align:left;border:1px solid #e1e7eb;border-radius:8px;background:#fff;padding:12px;transition:border-color .15s,box-shadow .15s}.list-item:hover,.list-item.active{border-color:#6989a0;box-shadow:0 2px 8px #21394914}.list-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.list-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-sub{margin-top:6px;color:#85939e;font-size:12px}.status{flex:0 0 auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.status.published{color:#238658}.status.draft{color:#a46b12}.status.archived{color:#8b969d}.empty{padding:32px 14px;color:#87949e;text-align:center;border:1px dashed #ccd6dc;border-radius:8px}.panel{background:#fff;border:1px solid #dce3e8;border-radius:9px;padding:20px;margin-bottom:16px}.editor-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;margin-top:20px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1 / -1}.form-field label{color:#657581;font-size:12px;font-weight:700}textarea{min-height:100px;resize:vertical}.file-toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.file-list{display:grid;gap:7px}.file-row{display:grid;grid-template-columns:80px minmax(0,1fr) 92px 90px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #edf0f2}.file-role{color:#6e7e88;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size,.file-state{color:#85939e;font-size:12px}.preview{margin-top:10px;max-width:360px;max-height:180px;border-radius:6px;background:#111}.version-row{display:grid;grid-template-columns:70px minmax(0,1fr) 160px 100px;gap:12px;align-items:center;border-top:1px solid #edf0f2;padding:12px 0}.version-current{color:#238658;font-size:12px;font-weight:700}.notice{margin-bottom:14px;padding:11px 13px;border-radius:7px;background:#eef4f7;color:#4a6575}.notice.error{background:#fff0f0;color:#a33d3d}.loading{color:#7c8b96;padding:32px 0}@media(max-width:1180px){body{min-width:0}.workspace{grid-template-columns:320px minmax(0,1fr)}.main{padding:20px}}