:root{color-scheme:light;--bg: #f5f4f0;--panel: #fffdf8;--line: #d9d5ca;--text: #25231f;--muted: #68635a;--accent: #246b5b;--accent-dark: #164e43;--danger: #9f352c;--danger-bg: #fff1ee;--code-bg: #ece9df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.app-shell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.app-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.15;letter-spacing:0}.app-header p,.status,label{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px}.panel,.docs{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.panel{padding:14px}.panel-head{display:grid;grid-template-columns:auto minmax(180px,260px);align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}h2{font-size:16px;line-height:1.3;letter-spacing:0}h3{margin-bottom:6px;font-size:14px;line-height:1.3;letter-spacing:0}label{display:grid;gap:6px;font-size:13px;font-weight:700}.control-inline{display:grid;gap:6px}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}textarea{min-height:320px;padding:12px;resize:vertical;-moz-tab-size:4;tab-size:4}input,select{min-height:38px;padding:7px 9px}button{min-width:82px;min-height:38px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;padding:8px 12px;font-weight:800;cursor:pointer}button:hover{border-color:var(--accent-dark);background:var(--accent-dark)}button.secondary{background:#fff;color:var(--accent-dark)}button.secondary:hover{color:#fff}.toolbar{display:grid;grid-template-columns:minmax(120px,160px) auto auto;align-items:end;justify-content:end;gap:10px;margin-top:10px}.limit-field{min-width:0}.input-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;margin-top:10px}.input-grid textarea{min-height:112px}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.output-grid textarea{min-height:150px}.status{min-height:20px;margin-top:8px;font-size:13px}.error{margin:10px 0 0;border:1px solid #db9b93;border-radius:6px;background:var(--danger-bg);color:var(--danger);padding:9px 10px;white-space:pre-wrap;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.error[hidden]{display:none}.docs{margin-top:16px;padding:14px}.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:12px;color:#39352f;font-size:14px}code,pre{border-radius:6px;background:var(--code-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px}code{padding:1px 4px}pre{margin:6px 0 0;padding:9px 10px;overflow:auto;white-space:pre-wrap}@media(max-width:900px){.workspace,.docs-grid,.output-grid,.input-grid,.panel-head,.toolbar{grid-template-columns:1fr}.toolbar{justify-content:stretch}}