:root{font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#102028;background-color:#f6fcff;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;min-height:100vh;background:radial-gradient(circle at 15% 18%,rgba(58,123,142,.13),transparent 36%),radial-gradient(circle at 82% 12%,rgba(231,111,81,.16),transparent 31%),linear-gradient(160deg,#f4fbff,#eef8fc 56%,#f7fcfe)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit}textarea{line-height:1.1}.app{width:min(1200px,100%);margin:0 auto;padding:2.5rem 1.25rem 2rem}.app-header{display:flex;gap:1rem;justify-content:space-between;align-items:end;margin-bottom:1.2rem}.app-header h1{margin:0;font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-.03em}.app-header p{margin:.4rem 0 0;color:#4f5f67}.actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.actions label{color:#38505a;font-size:.92rem}.actions input,.actions button,textarea{font:inherit;border-radius:.65rem;border:1px solid #b5c7ce}.actions input{padding:.5rem .7rem;min-width:200px;background:#fbfeff}.actions button{padding:.52rem .9rem;background:#005f73;color:#fff;border-color:#005f73;font-weight:600;transition:transform .12s ease,box-shadow .18s ease}.actions button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #005f7338}.actions button:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}.editor-shell{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.pane{background:#ffffffe0;border:1px solid #d8e5ea;border-radius:1rem;min-height:70vh;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pane-header{display:flex;justify-content:space-between;align-items:baseline;padding:.9rem 1rem;border-bottom:1px solid #d8e5ea}.pane-header h2{margin:0;font-size:1.02rem}.pane-header p{margin:0;color:#5e727b;font-size:.86rem}textarea{width:100%;height:100%;border:0;border-radius:0;resize:none;outline:none;padding:1rem;background:transparent;line-height:1.6}.preview-pane{position:relative}.preview-content{padding:1.2rem 1.3rem;color:#1f2a30;font-family:Georgia,Palatino Linotype,serif;overflow:auto;flex:1;background:#fff}.preview-content h1,.preview-content h2,.preview-content h3{font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;margin-top:1.2em;margin-bottom:.45em;line-height:1.25;color:#112128}.preview-content h1{border-bottom:1px solid #d8e5ea;padding-bottom:.35rem}.preview-content p,.preview-content li,.preview-content blockquote{line-height:1.65}.preview-content table{border-collapse:collapse;width:100%;margin:1rem 0}.preview-content th,.preview-content td{border:1px solid #d8e5ea;padding:.45rem .5rem}.preview-content th{background:#edf5f8}.preview-content blockquote{margin-left:0;padding:.6rem .8rem;border-left:4px solid #2a9d8f;background:#effbf8}.preview-content code{background:#f0f3f5;padding:.08rem .3rem;border-radius:.35rem}.preview-content pre{background:#1d2528;color:#eaf4f8;padding:.9rem;border-radius:.75rem;overflow:auto}.app-footer p{margin:.95rem 0 0;color:#48616a;font-size:.9rem}@media(max-width:950px){.editor-shell{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}.pane{min-height:52vh}}