:root{--bg: #f7f1e4;--bg-soft: #fffaf0;--ink: #1f2a44;--ink-muted: #5f6c88;--accent: #0e8f8f;--accent-strong: #0b7474;--danger: #a33e2f;--border: #dbcdb4;--shadow: 0 14px 32px rgba(32, 45, 71, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1300px 400px at 20% -10%,#ead7b5 0%,transparent 60%),radial-gradient(800px 500px at 100% 110%,#d3ebe8 0%,transparent 65%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100%}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#fbf5e8,#f8f0df);padding:18px 16px;display:flex;flex-direction:column;gap:16px}.sidebar h1{margin:0 0 12px;letter-spacing:.04em;font-size:1.35rem}.project-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px}.project-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fffcf4;transition:transform .14s ease}.project-row.active{border-color:var(--accent);transform:translate(2px)}.project-select{border:0;background:transparent;text-align:left;padding:10px;color:var(--ink)}.danger-ghost{border:0;background:transparent;color:var(--danger);padding:10px}.bottom{margin-top:auto}.main{padding:28px;display:flex;flex-direction:column;gap:14px}.panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px;animation:rise-in .28s ease}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel h2{margin:0 0 8px}.panel form,.panel label{display:flex;flex-direction:column;gap:8px}.panel form{gap:14px}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:#fffdf8;color:var(--ink)}textarea{resize:vertical}.primary,.secondary,.danger{border:0;border-radius:10px;padding:10px 14px;font-weight:600}.primary{background:var(--accent);color:#f5fffe}.primary:hover{background:var(--accent-strong)}.secondary{background:#ebdfc8;color:#2d3b58}.danger{background:var(--danger);color:#fff}.primary:disabled,.secondary:disabled,.danger:disabled,button:disabled{opacity:.5;cursor:not-allowed}.home-model-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.model-picker{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fffdf8;display:flex;flex-direction:column;gap:8px}.model-role{font-weight:700;letter-spacing:.02em}.model-picker-inputs{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:8px}.recommendation{color:var(--ink-muted);font-size:.92rem}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.inline-selects{display:grid;grid-template-columns:130px minmax(180px,280px);gap:8px}.tabs{margin-top:14px;display:inline-flex;background:#ede4d3;border-radius:10px;padding:4px}.tabs button{border:0;background:transparent;padding:6px 12px;border-radius:8px;color:var(--ink)}.tabs button.active{background:#fff}.editor{min-height:420px;margin-top:10px;width:100%;line-height:1.5}.preview{margin-top:10px;min-height:420px;border:1px solid var(--border);border-radius:10px;background:#fffdf9;padding:16px;overflow:auto}.preview h1,.preview h2,.preview h3{margin-top:.95em}.preview pre{background:#f4eee2;border-radius:8px;padding:10px;overflow:auto}.preview code{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.feedback-controls{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.muted{color:var(--ink-muted)}.messages{border:1px solid var(--border);border-radius:10px;background:#fffaf0;padding:10px 14px}.error{margin:4px 0;color:#a73d2b}.info{margin:4px 0;color:#275363}.modal-backdrop{position:fixed;inset:0;background:#0d142273;display:grid;place-items:center;padding:18px}.modal{width:min(520px,92vw);background:#fff9ea;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:10px}.modal h3{margin:0 0 6px}.modal label{display:flex;flex-direction:column;align-items:stretch;margin:0}.modal label input{width:100%;margin-top:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{flex-wrap:wrap}.home-model-grid,.inline-selects,.feedback-controls{grid-template-columns:1fr}}