:root{color:#f2eee8;background:#13110f;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;background:#13110f}button,textarea{font:inherit}button{min-height:2.4rem;border:1px solid #5d554c;border-radius:6px;padding:.45rem .85rem;color:#f2eee8;background:#24211d;cursor:pointer;font-weight:650}button:hover{border-color:#2dd4bf;background:#2b2721}button:focus-visible,textarea:focus-visible{outline:3px solid rgba(45,212,191,.32);outline-offset:2px}.shell{width:min(100%,1280px);min-height:100svh;margin:0 auto;padding:1.25rem}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.6rem;padding-bottom:1rem}h1,h2{margin:0}h1{font-size:2.15rem;line-height:1;letter-spacing:0}h2{font-size:1rem;line-height:1.2;letter-spacing:0}.field-label{color:#e6ded2;font-weight:700}.editor-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1rem;min-height:calc(100svh - 5.85rem)}.pane{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #3a342c;border-radius:8px;background:#1b1815;box-shadow:0 18px 38px #00000057}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.6rem;border-bottom:1px solid #3a342c;padding:.75rem;background:#221f1a}.title-group{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.primary-button{border-color:#2dd4bf;color:#081210;background:#2dd4bf}.primary-button:hover{border-color:#5eead4;background:#5eead4}.secondary-button{color:#d8d0c5;background:#24211d}.mode-button{min-width:5.2rem;min-height:2.05rem;border-color:#8b7355;padding:.25rem .65rem;color:#f6d596;background:#30261a}.mode-button[aria-pressed=true]{border-color:#9b8cff;color:#f1edff;background:#3a3169}.text-surface{flex:1;width:100%;min-height:0;resize:none;border:0;border-radius:0;padding:1rem;color:#f5f1eb;background:#151310;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.02rem;line-height:1.7;white-space:pre-wrap}.input-surface{background:#151310}.output-surface{background:#101614}.status{min-height:2rem;border:1px solid rgba(45,212,191,.5);border-radius:999px;padding:.3rem .75rem;color:#8ff5e6;background:#14534b61;font-size:.9rem;font-weight:650}.status:empty{display:none}@media(max-width:900px){.shell{padding:1rem}.masthead{align-items:flex-start;flex-direction:column}.editor-grid{grid-template-columns:1fr;min-height:0}.text-surface{min-height:16rem}.pane-header{min-height:3.2rem}h1{font-size:1.9rem}}