*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:IBM Plex Sans,Segoe UI,sans-serif}.page{color:#2d2a28;box-sizing:border-box;background:linear-gradient(155deg,#f9f3eb 0%,#fbfbf8 45%,#f0f6ee 100%);min-height:100vh;padding:1.25rem}.topbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.topbar h1{margin:0;font-size:1.6rem}.topbar p{color:#57524d;margin:.35rem 0 0}.controls{align-items:center;gap:.6rem;display:flex}.controls label{color:#4c4743;font-size:.92rem}.controls select,.controls button{background:#fffdf9;border:1px solid #cfc7ba;border-radius:10px;padding:.5rem .7rem;font-size:.95rem}.controls button{color:#f6fffa;cursor:pointer;background:#164b3f;border-color:#164b3f}.controls button:disabled{opacity:.7;cursor:default}.workspace-panel-group{width:100%;min-height:72vh}.workspace-panel{min-width:0}.pane{background:#fffdf9;border:1px solid #d8d1c4;border-radius:16px;min-height:72vh;padding:.95rem;box-shadow:0 10px 28px #0000000f}.splitter{cursor:col-resize;background:linear-gradient(#d8cfbf 0%,#c2b9aa 100%);border:1px solid #b9ad9b;border-radius:8px;width:12px;min-height:72vh;margin:0 .5rem}.splitter:hover{background:linear-gradient(#c8bfaf 0%,#b3a795 100%)}.pane h2{margin:0;font-size:1.08rem}.hint,.status{color:#665f58;margin:.35rem 0 .8rem;font-size:.9rem}.pane-editor .cm-editor{background:#fff;border:1px solid #cfc9bf;border-radius:12px;overflow:hidden}.pane-editor .cm-scroller{font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ok{color:#155a45;background:#f2fbf7;border:1px solid #9fcfbf;border-radius:10px;padding:.7rem;font-weight:600}.errors{gap:.7rem;margin:0;padding-left:1.1rem;display:grid}.errors li{background:#fff5f4;border:1px solid #efc3c0;border-radius:10px;padding:.6rem}.error-type{color:#7d1b22;margin-bottom:.35rem;font-weight:700}.errors pre{background:#fff;border:1px solid #f0d2cf;border-radius:8px;margin:0;padding:.5rem;font-size:.8rem;overflow:auto}@media (width<=900px){.workspace-panel-group{display:block}.splitter{display:none}.topbar{flex-direction:column;align-items:start}.controls{flex-wrap:wrap;width:100%}}