:root{color:#111;background:#fff;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:#111}button,textarea{font:inherit}.app-shell{width:min(1200px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0}.page-header{margin-bottom:1.5rem}.page-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.disclaimer{margin:0;max-width:48rem;color:#555;font-size:.95rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.panel{display:flex;flex-direction:column;height:32rem;padding:1rem;border:1px solid #dddddd;border-radius:.5rem;background:#fff}.panel-title{display:block;margin-bottom:.75rem;font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#444}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.panel-header .panel-title{margin-bottom:0}.actions{display:flex;gap:.5rem}.actions-placeholder{visibility:hidden;pointer-events:none}textarea,pre{flex:1;width:100%;margin:0;padding:1rem;border:1px solid #dddddd;border-radius:.375rem;background:#fafafa;color:#111;font-family:Cascadia Code,Consolas,monospace;font-size:.95rem}textarea{resize:none}pre{overflow:auto;white-space:pre-wrap;word-break:break-word}button{padding:.55rem .9rem;border:1px solid #cccccc;border-radius:.375rem;background:#fff;color:#111;cursor:pointer}button:hover{background:#f4f4f4}button:focus-visible,textarea:focus-visible{outline:2px solid #111111;outline-offset:2px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.panel{min-height:20rem}}