:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;color:#1a1a1a;background-color:#f7f7f5}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{max-width:1200px;margin:0 auto;padding:32px 20px 60px}.page{display:grid;gap:20px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 12px 24px #00000014}.app-shell{gap:24px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header h1{margin:0;font-size:24px}.app-layout{display:grid;grid-template-columns:200px 220px 1fr;gap:16px}.panel{display:grid;gap:12px;padding:16px;border-radius:10px;background:#f9f9f9;min-height:200px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-header h2{margin:0;font-size:16px}.editor{min-height:420px}.editor-body{display:grid;gap:12px}.status{font-size:12px;color:#6b6b6b}.list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.list-button{width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer}.list-button.selected{border-color:#1a1a1a;background:#fff}h1{margin:0;font-size:32px}p{margin:0;color:#3a3a3a}.muted{color:#6b6b6b;font-size:14px}.form{display:grid;gap:12px}.field{display:grid;gap:6px;font-size:14px}.field input,.field textarea{padding:10px 12px;border-radius:8px;border:1px solid #d0d0d0;font-family:inherit;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:10px}.message{min-height:20px;font-size:14px;color:#b42318}button{width:fit-content;padding:8px 14px;border-radius:8px;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;cursor:pointer}button.secondary{background:#fff;color:#1a1a1a}@media(max-width:900px){.app-layout{grid-template-columns:1fr}}