:root{color-scheme:light;--page-bg: linear-gradient(180deg, #f4efe5 0%, #efe7d6 100%);--ink: #15231d;--muted: #55645d;--panel: rgba(255, 250, 241, .88);--panel-border: rgba(21, 35, 29, .1);--accent: #0d6b52;--accent-strong: #0a503d;--accent-soft: rgba(13, 107, 82, .12);--error: #9b2c1d;--shadow: 0 24px 80px rgba(54, 41, 20, .12);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(13,107,82,.12),transparent 30%),radial-gradient(circle at top right,rgba(146,85,22,.16),transparent 25%),var(--page-bg);color:var(--ink);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(21,35,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,35,29,.035) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;opacity:.35}.page-shell{position:relative;max-width:1260px;margin:0 auto;padding:32px 20px 56px}.hero{display:grid;gap:18px;margin-bottom:24px;padding:28px;border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffaf1e6,#f9f2e4b8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{margin:0;color:var(--accent-strong);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero-copy{max-width:760px}.hero-copy h1{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.94;letter-spacing:-.04em}.hero-text{max-width:58ch;margin:14px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.6}.hero-meta{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.meta-card,.panel{border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.meta-card{display:grid;gap:6px;padding:18px 20px}.session-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.meta-label{color:var(--muted);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.meta-value{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94rem}.workspace{display:grid;gap:20px;grid-template-columns:1.05fr 1.15fr}.composer-panel{display:grid;gap:20px;align-content:start;min-width:0}.output-panel,.events-panel{display:grid;gap:18px;min-width:0}.events-panel{grid-column:1 / -1}.panel{padding:22px}.panel-header{display:grid;gap:6px}.panel-header h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.65rem}.panel-header p{margin:0;color:var(--muted);line-height:1.5}.composer{display:grid;gap:16px}select,textarea{width:100%;padding:18px;border:1px solid rgba(21,35,29,.14);border-radius:var(--radius-md);background:#ffffffb8;color:var(--ink);font:inherit;line-height:1.55}select{appearance:none;min-height:60px}textarea{min-height:180px;resize:vertical}select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid rgba(13,107,82,.7);outline-offset:2px}.field-group,.schema-block{display:grid;gap:10px}.field-label{color:var(--accent-strong);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-help{margin:0;color:var(--muted);line-height:1.5}.schema-preview{min-height:140px;margin:0;padding:18px;border-radius:var(--radius-md);background:#15231d0f;color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.composer-actions{display:flex;flex-wrap:wrap;gap:12px}button{border:none;border-radius:999px;padding:13px 20px;background:var(--accent);color:#fff;cursor:pointer;font:inherit;font-weight:700;transition:transform .14s ease,background-color .14s ease,opacity .14s ease}button:hover{background:var(--accent-strong);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:progress;transform:none}.ghost-button{background:transparent;color:var(--ink);border:1px solid rgba(21,35,29,.12)}.ghost-button:hover{background:#ffffff94}.session-actions .ghost-button{padding:10px 16px}.status-band{display:inline-flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 14px;border-radius:999px;background:var(--accent-soft)}.status-label{color:var(--accent-strong);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-text{font-weight:700}.response-text{min-height:240px;max-width:100%;margin:0;padding:20px;border-radius:var(--radius-md);background:#121c18f5;color:#edf8f2;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.events-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.event-item,.empty-state{display:grid;gap:8px;padding:16px 18px;border:1px solid rgba(21,35,29,.12);border-radius:var(--radius-md);background:#ffffffb8}.event-item-error{border-color:#9b2c1d47;background:#9b2c1d14}.event-title{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.event-detail{overflow-wrap:anywhere;white-space:pre-wrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem}.empty-state{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:920px){.workspace{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.hero,.panel{animation:rise-in .48s ease both}.panel:nth-of-type(2){animation-delay:80ms}.panel:nth-of-type(3){animation-delay:.14s}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}