:root{color-scheme:light;font-family:IBM Plex Sans,Avenir Next,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(226,112,58,.22),transparent 30%),radial-gradient(circle at top right,rgba(36,110,132,.18),transparent 28%),linear-gradient(180deg,#f7f1e8,#efe3d3);color:#1d1a16;--panel: rgba(255, 251, 246, .82);--panel-border: rgba(63, 48, 36, .14);--accent: #1f6770;--accent-strong: #0f4f58;--secondary: #faf3ea;--secondary-border: rgba(63, 48, 36, .18);--danger: #a2352a;--content-pane-height: 460px;--processing-border-width: 4px;--processing-glow: linear-gradient( 120deg, #ff8a5b 0%, #f5c84c 18%, #2ca6a4 36%, #5d7cff 50%, #2ca6a4 64%, #f5c84c 82%, #ff8a5b 100% )}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input{font:inherit}.page-shell{max-width:1440px;margin:0 auto;padding:48px 24px 64px}.hero{max-width:760px;margin-bottom:32px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--accent)}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,4.5rem);line-height:.95}.lede{max-width:60ch;margin:16px 0 0;color:#1d1a16d1}.workspace{display:grid;grid-template-columns:1fr;grid-template-areas:"input" "results";gap:24px;align-items:start}.panel{padding:24px;border:1px solid var(--panel-border);border-radius:28px;background:var(--panel);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px #5b391e14}.workspace-panel{min-width:0}.workspace-panel-input{grid-area:input}.workspace-panel-results{grid-area:results}.panel-heading h2,.field-label{margin:0;font-size:1rem;font-weight:700}.panel-heading p{margin:8px 0 0;color:#1d1a16b8}.input-disclosure{border:0;border-radius:0;background:transparent}.input-summary{cursor:pointer;padding:0;font-weight:700;color:#1d1a16;list-style:none}.input-summary::-webkit-details-marker{display:none}.section-summary-label,.section-heading-label{display:inline-flex;align-items:center;gap:10px}.section-summary-icon,.section-heading-icon{color:#1d1a1685;font-size:.9rem}.section-summary-icon{transition:transform .18s ease}.section-summary-icon-collapsed{transform:rotate(-90deg)}.input-disclosure-body{padding:0;margin-top:8px}.input-disclosure-copy{margin:0;color:#1d1a16b8}.input-collapsed-summary{margin-top:20px;padding:16px 18px;border-radius:18px;border:1px dashed rgba(31,103,112,.24);background:linear-gradient(135deg,#ffffffb8,#faf3eaeb);color:#1d1a16c2}.input-collapsed-summary p{margin:0}.field-stack{display:grid;gap:8px;margin-top:0}.input-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,.95fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:8px;margin-top:24px;align-items:start}.input-section{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 5}.input-section .field-stack,.input-section .file-picker,.input-section .text-field{display:contents}.section-heading h3{margin:0;font-size:1rem;font-weight:700;grid-row:1}.section-heading p{margin:0;color:#1d1a16b8;grid-row:2}.file-picker,.text-field{display:grid;gap:8px}.button-shell{grid-row:4;padding:var(--processing-border-width);border-radius:999px;background:transparent;transition:box-shadow .22s ease}.processing-button{background:var(--processing-glow);background-size:200% 200%;animation:processing-border 4.2s linear infinite;box-shadow:0 0 0 1px #fff9,0 18px 40px #5d7cff29}.drop-zone,.text-area-shell{position:relative;grid-row:3;padding:var(--processing-border-width);border-radius:22px;background:#fff0;transition:transform .22s ease,box-shadow .22s ease}.drop-zone-dragging{transform:translateY(-1px)}.preview-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:0;border:0;border-radius:22px;background:transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.preview-trigger:hover{transform:translateY(-1px)}.preview-trigger-dragging{background:linear-gradient(135deg,#1f677038,#f5c84c3d);box-shadow:0 0 0 1px #fff9,0 18px 40px #1f67702e}.preview-trigger-dragging .preview-frame{border-color:#1f677085;background:linear-gradient(135deg,#ffffffd6,#eaf6f5f5),repeating-linear-gradient(45deg,rgba(31,103,112,.05) 0,rgba(31,103,112,.05) 12px,transparent 12px,transparent 24px)}.preview-trigger[data-disabled]{cursor:not-allowed;transform:none;opacity:.82}.preview-trigger:focus-visible{outline:2px solid rgba(31,103,112,.55);outline-offset:4px}.preview-frame{position:relative;min-height:var(--content-pane-height);height:var(--content-pane-height);display:grid;place-items:center;border:1px dashed rgba(31,103,112,.35);border-radius:22px;background:linear-gradient(135deg,#fff9,#faf3eaeb),repeating-linear-gradient(45deg,rgba(31,103,112,.03) 0,rgba(31,103,112,.03) 12px,transparent 12px,transparent 24px);overflow:hidden}.preview-trigger .preview-frame{min-height:var(--content-pane-height);height:var(--content-pane-height)}.preview-image{display:block;width:100%;height:100%;max-height:560px;object-fit:contain}.placeholder-copy,.hint{margin:0;color:#1d1a16ad}.input-grid .field-label{grid-row:1;align-self:end}.input-grid [slot=description]{grid-row:2;margin:0;color:#1d1a16b8}.placeholder-stack{display:grid;gap:8px;text-align:center;padding:24px}.placeholder-subcopy{margin:0;color:#1d1a168f;font-size:.92rem}.text-area{width:100%;min-height:var(--content-pane-height);height:var(--content-pane-height);padding:16px 18px;display:block;border:1px solid rgba(63,48,36,.16);border-radius:18px;background:#fffdfaf5;resize:none;position:relative;z-index:1;transition:border-color .22s ease,background-color .22s ease,color .22s ease,opacity .22s ease}.processing-field .text-area-shell{background:var(--processing-glow);background-size:200% 200%;animation:processing-border 4.2s linear infinite;box-shadow:0 0 0 1px #fff9,0 18px 40px #5d7cff29}.processing-field .text-area{border-color:transparent}.processing-preview{border-color:transparent;padding:var(--processing-border-width);background:var(--processing-glow);background-size:200% 200%;animation:processing-border 4.2s linear infinite;box-shadow:0 0 0 1px #fff9,0 18px 40px #5d7cff29;background-origin:border-box;background-clip:border-box}.processing-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--processing-glow);background-size:200% 200%;animation:processing-border 4.2s linear infinite;opacity:.38;mix-blend-mode:overlay;pointer-events:none}.output-shell{overflow:hidden;grid-row:3}.chat-view{display:flex;flex-direction:column;gap:6px;margin-top:20px;min-height:200px}.chat-empty{color:#1d1a1680;font-style:italic;padding:24px 0;text-align:center}.chat-turn{display:flex;flex-direction:column;gap:4px}.step-group{border:1px solid rgba(63,48,36,.14);border-radius:12px;background:#fffaf499;overflow:hidden}.step-group-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;list-style:none;font-size:.88rem;font-weight:600;color:#1d1a16c7;-webkit-user-select:none;user-select:none}.step-group-summary::-webkit-details-marker{display:none}.step-group-status-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#1d1a1638}.step-group--loading>.step-group-summary .step-group-status-dot{background:var(--accent);animation:pulse-dot 1.4s ease-in-out infinite}.step-group--done>.step-group-summary .step-group-status-dot{background:#3a9e6f}.step-group--error>.step-group-summary .step-group-status-dot{background:var(--danger)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.step-group-name{flex:1}.step-group-stop-button{flex:0 0 auto;margin-left:auto;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#a2352a1f;color:var(--danger);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.55rem;transition:background .15s}.step-group-stop-button:hover{background:#a2352a3d}.step-group-events{margin:0;padding:0 14px 10px;list-style:none;display:grid;gap:3px;font-size:.8rem;font-family:IBM Plex Mono,SFMono-Regular,monospace;color:#1d1a16b8;line-height:1.4;overflow-wrap:anywhere}.step-event--reasoning-summary{color:#1d1a168f;font-style:italic;font-family:inherit}.step-event-reasoning-text{display:block;white-space:pre-wrap;font-family:inherit;font-size:.82rem;line-height:1.45}.step-event-detail-list{margin:4px 0 2px;padding-left:18px;display:grid;gap:2px;font-size:.78rem;color:#1d1a1699}.result-bubble{border:1px solid rgba(63,48,36,.16);border-radius:14px;padding:18px 20px;background:#fffdfaf7}.result-bubble--latest{border-left:3px solid var(--accent)}.result-bubble--loading{padding:20px}.result-bubble-text{display:block;width:100%;font-family:inherit;font-size:.97rem;line-height:1.55;color:#1d1a16;background:transparent;border:none;resize:vertical;outline:none;padding:0}.result-bubble-text--readonly{margin:0;white-space:pre-wrap;word-break:break-word}.result-bubble-sources{margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(63,48,36,.1);list-style:none;display:grid;gap:8px;font-size:.84rem}.result-bubble-sources a{color:var(--accent-strong);font-weight:600;text-decoration-thickness:1px;overflow-wrap:anywhere}.source-url-inline{color:#1d1a168f;overflow-wrap:anywhere}.result-bubble-analysing-badge{margin-bottom:10px}.result-bubble-shell{border-radius:16px}.result-bubble-shell--processing{padding:var(--processing-border-width);background:var(--processing-glow);background-size:200% 200%;animation:processing-border 4.2s linear infinite;box-shadow:0 0 0 1px #fff9,0 18px 40px #5d7cff29}.result-bubble-shell--processing .result-bubble{border-color:transparent}.refinement-prompt-label{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:10px;background:#1f677012;font-size:.9rem;color:#0f4f58e6;font-style:italic;align-self:flex-start;max-width:80%}.refinement-prompt-icon{flex:0 0 auto;font-style:normal;font-size:1rem}.refine-bar{position:relative;margin-top:8px;padding:12px 52px 12px 16px;border:1px solid rgba(63,48,36,.16);border-radius:14px;background:#fffdfaf7}.refine-bar-input{display:block;width:100%;border:none;background:transparent;font-family:inherit;font-size:.94rem;line-height:1.55;color:#1d1a16;resize:none;outline:none;padding:0;box-sizing:border-box}.refine-bar-input::placeholder{color:#1d1a1666}.refine-bar-button{position:absolute;right:10px;bottom:10px;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:#5c3d1e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,opacity .15s}.refine-bar-button:hover:not(:disabled){background:#3d2610}.refine-bar-button:disabled{opacity:.4;cursor:default}.refine-bar-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.source-list{margin:16px 0 0;padding-left:20px;display:grid;gap:14px}.sources-skeleton{margin-top:16px}.hint{grid-row:4}.error-banner{grid-row:5}.output-skeleton{position:absolute;inset:var(--processing-border-width);z-index:2;border-radius:18px;padding:20px 18px;background:linear-gradient(135deg,#fffaf5f2,#f4f8fce6),#ffffffeb;pointer-events:none}.skeleton-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#1f67701a;color:#0f4f58e0;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.skeleton-lines{display:grid;gap:14px;margin-top:28px}.skeleton-line{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#1f677014,#1f677033,#1f677014);background-size:220% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}.skeleton-line-short{width:64%}.skeleton-line-medium{width:82%}.output-area.is-loading{color:transparent;caret-color:transparent;opacity:.28}.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:14px 18px;font-weight:700;cursor:pointer;transition:transform .18s ease,background-color .18s ease,opacity .18s ease}.primary-button{width:100%;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.secondary-button{color:#1d1a16;background:var(--secondary);border:1px solid var(--secondary-border)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button[data-disabled],.secondary-button[data-disabled]{opacity:.55;cursor:not-allowed;transform:none}.error-banner{margin:0;padding:12px 14px;border-radius:14px;background:#a2352a14;color:var(--danger)}.site-footer{margin-top:28px;padding:20px 4px 0;color:#1d1a16b8}.footer-credit{margin:0;font-size:.95rem}.footer-link{color:var(--accent-strong);text-underline-offset:.16em}.footer-build-info{margin:4px 0 0;font-size:.75rem;opacity:.6}.footer-build-info code{font-family:monospace}.footer-details{margin-top:14px;padding:14px 16px;border:1px solid rgba(63,48,36,.12);border-radius:18px;background:#fffaf48a}.footer-details summary{cursor:pointer;font-weight:700;color:#1d1a16}.footer-details-body{margin-top:12px}.footer-details-body p{margin:0}.footer-details-body p+p{margin-top:10px}@keyframes processing-border{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes skeleton-shimmer{0%{background-position:200% 50%}to{background-position:-20% 50%}}@media(max-width:960px){:root{--content-pane-height: 320px}.workspace{grid-template-columns:1fr;grid-template-areas:"input" "results"}.input-grid{grid-template-columns:1fr}}