:root{--radius: 12px;--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary-foreground: 0 0% 100%;--secondary-foreground: 0 0% 100%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 201 96% 32%}.dark,[data-theme=dark]{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 201 96% 32%}:root{color-scheme:light dark;font-family:IBM Plex Sans,Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground))}*{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground))}button,input,select,textarea{font:inherit}button{cursor:pointer}.compose-workspace{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(210px,260px) minmax(420px,1fr) minmax(220px,300px);gap:16px;color:hsl(var(--foreground))}.compose-panel,.compose-request,.compose-preview{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));box-shadow:0 18px 44px hsl(var(--foreground) / .08)}.compose-panel{align-self:start;display:grid;gap:16px;padding:16px}.compose-section,.compose-field{display:grid;gap:8px}.compose-section label,.compose-field label,.compose-label{color:hsl(var(--muted-foreground));font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.compose-section select,.compose-field input,.compose-field textarea,.compose-section textarea{width:100%;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 6px);background:hsl(var(--card));color:hsl(var(--card-foreground));padding:10px 11px;outline:none}.compose-section textarea,.compose-field textarea{resize:vertical}.compose-section select:focus,.compose-field input:focus,.compose-field textarea:focus,.compose-section textarea:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .2)}.compose-segments{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compose-segments button,.compose-secondary,.compose-primary,.compose-document{min-height:38px;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 6px);background:hsl(var(--muted));color:hsl(var(--foreground))}.compose-segments button.is-active,.compose-document.is-active{border-color:hsl(var(--ring));background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.compose-section--documents{align-content:start}.compose-document{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;width:100%;padding:6px 8px;text-align:left}.compose-document-open{display:grid;gap:3px;background:transparent;border:0;padding:0;text-align:left;color:inherit;min-width:0}.compose-document-open strong,.compose-document-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-document-delete{background:transparent;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 8px);color:hsl(var(--muted-foreground));font-size:12px;font-weight:700;padding:4px 8px}.compose-document-delete:hover{border-color:hsl(var(--destructive));color:hsl(var(--destructive))}.compose-title-input{width:100%;margin:6px 0 0;border:0;background:transparent;padding:0;color:hsl(var(--foreground));font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:0;outline:none}.compose-title-input:focus{box-shadow:inset 0 -2px hsl(var(--ring))}.compose-document span,.compose-muted,.compose-error,.compose-meta dd,.compose-meta dt{color:hsl(var(--muted-foreground));font-size:13px}.compose-canvas{display:grid;grid-template-rows:auto minmax(420px,1fr);gap:16px;min-width:0}.compose-request{display:grid;gap:12px;padding:16px}.compose-actions{display:flex;align-items:center;gap:12px}.compose-primary,.compose-secondary{min-width:104px;padding:0 16px;font-weight:700}.compose-primary{border-color:hsl(var(--ring));background:hsl(var(--ring));color:hsl(var(--primary-foreground))}.compose-secondary{width:100%;margin-top:4px}.compose-primary:disabled,.compose-secondary:disabled{cursor:not-allowed;opacity:.55}.compose-preview{min-width:0;padding:clamp(22px,4vw,48px);background:linear-gradient(90deg,hsl(var(--border) / .6) 1px,transparent 1px) 0 0 / 34px 34px,hsl(var(--card))}.compose-preview header{border-bottom:2px solid hsl(var(--foreground));margin-bottom:24px;padding-bottom:18px}.compose-preview header span{color:hsl(var(--muted-foreground));font-size:12px;font-weight:700;text-transform:uppercase}.compose-preview h1,.compose-preview h2,.compose-preview p{max-width:760px}.compose-preview h1{margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:0}.compose-preview h2{margin:24px 0 8px;font-size:20px;letter-spacing:0}.compose-preview p{margin:0 0 12px;color:hsl(var(--card-foreground));font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.68}.compose-list-line:before{content:"- "}.compose-empty{min-height:320px;display:grid;place-items:center;color:hsl(var(--muted-foreground));font-weight:700;text-transform:uppercase}.compose-meta dl{display:grid;gap:10px;margin:0}.compose-meta div{display:grid;gap:2px}.compose-meta dt{font-weight:700}.compose-meta dd{margin:0;overflow-wrap:anywhere}.compose-error{color:hsl(var(--destructive))}@media (max-width: 1100px){.compose-workspace{grid-template-columns:minmax(200px,260px) 1fr}.compose-panel--right{grid-column:1 / -1;grid-template-columns:minmax(240px,1fr) minmax(180px,240px) minmax(240px,1fr)}}@media (max-width: 760px){.compose-workspace,.compose-panel--right{grid-template-columns:1fr}.compose-canvas{grid-template-rows:auto auto}.compose-actions{align-items:stretch;flex-direction:column}.compose-primary{width:100%}}