.preview-notice{padding:20px 24px;background:var(--tint);border:1px solid var(--line);border-radius:5px;font-size:15px;max-width:950px}.demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;margin-top:30px;align-items:start}.sample-pane,.result-pane{min-width:0;padding:26px;background:var(--white);border:1px solid var(--line);border-radius:5px}.sample-pane label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}select{width:100%;min-height:48px;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:14px;color:var(--ink)}#source-note{margin-top:16px;margin-bottom:8px}#source{font-size:13px}#input{max-height:450px;overflow-y:auto;padding:16px;background:var(--paper);border:1px solid var(--line);font-size:12px}#status{margin-top:18px;margin-bottom:0}.error{color:#992f28}.tablist{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:22px}.tablist button{font-size:12px;min-height:44px;flex-grow:1;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--muted)}.tablist button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:white}#output{min-height:330px;max-height:680px;overflow-y:auto;overflow-wrap:anywhere;padding:2px}#output p,#output li{font-size:15px}#output h3{font-size:17px;margin-top:20px}#output h3:first-child{margin-top:0}#output pre{font-size:12px;background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:4px}.result-pane .actions{margin-bottom:0}.result-pane .button{font-size:13px;min-height:44px;padding:9px 15px}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}@media(max-width:800px){.demo-workspace{grid-template-columns:1fr}.sample-pane,.result-pane{padding:20px}#input{max-height:260px}#output{max-height:560px}.preview-notice{padding:18px}.result-pane .actions{gap:10px}.tablist button{font-size:12px}}