:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#18212b;background:#edf1f4;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#edf1f4}h1,h2,p{margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.two-pane-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:min(1800px,calc(100% - 24px));min-height:100vh;margin:0 auto;padding:12px 0}.pane{display:grid;align-content:start;gap:14px;min-height:calc(100vh - 24px);border:1px solid #d7dee5;border-radius:18px;background:#fff;padding:16px;overflow:hidden}.pane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pane-header--compact h1,.pane-header--compact h2{margin-top:4px;font-size:1.2rem;line-height:1.2}.pane-kicker{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#697888}.mini-status{min-width:126px;border:1px solid #dde5ec;border-radius:12px;background:#f8fafb;padding:10px 12px;text-align:right}.mini-status span{display:block;font-size:.78rem;color:#697888}.mini-status strong{display:block;margin-top:2px;font-size:.95rem}.toolbar,.brief-actions,.output-actions,.status-strip,.message-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{justify-content:space-between}.field{display:grid;gap:6px}.field span,.editor-panel span{font-size:.88rem;font-weight:600;color:#314255}.field--select{min-width:min(420px,100%);flex:1 1 320px}.field select{width:100%;border:1px solid #d5dce3;border-radius:10px;background:#fff;padding:10px 12px;color:#18212b}.button{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.button--primary{background:#18212b;color:#fff}.button--secondary{border-color:#d5dce3;background:#fff;color:#18212b}.inline-note,.status-strip span{color:#697888;font-size:.9rem}.editor-panel{display:grid;gap:8px;min-height:0;height:100%}.source-editor,.markdown-preview{width:100%;min-height:0;height:100%;border-radius:14px;padding:18px;overflow:auto}.source-editor{border:1px solid #d5dce3;background:#fbfcfd;color:#18212b;resize:none;outline:none}.source-editor:focus,.field select:focus{border-color:#18212b;box-shadow:0 0 0 2px #18212b14}.status-strip{justify-content:space-between;border:1px solid #e1e7ed;border-radius:12px;background:#f8fafb;padding:10px 12px}.status-strip strong{font-size:.85rem;color:#9d2d2d}.markdown-preview{margin:0;border:1px solid #111720;background:#0f1720;color:#edf4fb;white-space:pre-wrap;word-break:break-word;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.86rem;line-height:1.65}@media(max-width:980px){.two-pane-app{grid-template-columns:1fr}.pane{min-height:60vh}}@media(max-width:720px){.two-pane-app{width:min(100% - 12px,1800px);padding:6px 0 12px}.pane{padding:14px}.pane-header,.toolbar,.status-strip{flex-direction:column;align-items:stretch}.mini-status{text-align:left}.field--select{min-width:100%}}