.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-layout__content{flex:1 1;padding-block:var(--space-7)}.logo{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-ink)}.logo__mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--color-ink);color:var(--color-surface)}.logo__mark,.logo__word{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md)}.logo__word{letter-spacing:-.01em}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--color-paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.navbar__inner{display:flex;align-items:center;gap:var(--space-6);height:68px}.navbar__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.navbar__status-label{font-size:var(--fs-xs);color:var(--color-ink-soft);font-family:var(--font-mono)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-ink-soft);flex-shrink:0}.status-dot--checking{background:var(--color-gold);animation:pulse 1.2s ease-in-out infinite}.status-dot--online{background:var(--color-teal)}.status-dot--offline{background:var(--color-brick)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);text-align:center}.dropzone--active,.dropzone:hover{border-color:var(--color-teal);background:var(--color-teal-soft)}.dropzone__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-gold-soft);color:var(--color-ink);font-family:var(--font-mono);margin-bottom:var(--space-2)}.dropzone__title{font-size:var(--fs-sm);font-weight:500}.dropzone__hint{font-size:var(--fs-xs);color:var(--color-ink-soft)}.doc-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.doc-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface-raised)}.doc-item,.doc-item__icon{display:flex;align-items:center;border-radius:var(--radius-sm)}.doc-item__icon{flex-shrink:0;justify-content:center;width:34px;height:34px;background:var(--color-ink);color:var(--color-surface);font-family:var(--font-mono);font-size:.65rem;font-weight:600}.doc-item__body{min-width:0;flex:1 1}.doc-item__name{font-size:var(--fs-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-item__status{font-size:var(--fs-xs);color:var(--color-ink-soft)}.doc-item__status--ready{color:var(--color-teal)}.doc-item__status--processing,.doc-item__status--uploading{color:var(--color-gold)}.doc-item__error{font-size:var(--fs-xs);color:var(--color-brick)}.doc-item__retry{flex-shrink:0;padding:var(--space-1) var(--space-2);font-size:var(--fs-xs)}.chat-panel{display:flex;flex-direction:column;min-height:560px}.chat-thread{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0;margin-bottom:var(--space-4)}.chat-empty{margin:auto;text-align:center;max-width:32ch;padding:var(--space-6) 0}.chat-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-gold-soft);font-family:var(--font-mono);margin-bottom:var(--space-3)}.chat-empty__title{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-1)}.chat-empty__body{font-size:var(--fs-xs);color:var(--color-ink-soft)}.chat-msg{display:flex}.chat-msg--user{justify-content:flex-end}.chat-msg--assistant{justify-content:flex-start}.chat-msg__bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.5;white-space:pre-wrap}.chat-msg--user .chat-msg__bubble{background:var(--color-ink);color:var(--color-surface);border-bottom-right-radius:4px}.chat-msg--assistant .chat-msg__bubble{background:var(--color-surface-raised);border:1px solid var(--color-border);border-bottom-left-radius:4px}.chat-msg__error{color:var(--color-brick)}.chat-sources{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.chat-source-chip{font-family:var(--font-mono);font-size:.7rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-gold-soft);color:var(--color-ink)}.chat-msg__bubble--loading{display:flex;align-items:center;gap:4px;padding-block:var(--space-3)}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--color-ink-soft);animation:typing 1.1s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.chat-input-row{display:flex;gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.chat-input{flex:1 1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm);background:var(--color-surface-raised);color:var(--color-ink)}.chat-input:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.chat-input:disabled{opacity:.6}.chat-input-row .btn{width:auto;flex-shrink:0;padding-inline:var(--space-5)}.page-header{margin-bottom:var(--space-6)}.page-header__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal);margin-bottom:var(--space-2)}.page-header__title{font-size:var(--fs-2xl);margin-bottom:var(--space-2)}.page-header__subtitle{font-size:var(--fs-sm);color:var(--color-ink-soft);max-width:60ch}.workspace{display:grid;grid-template-columns:minmax(280px,360px) 1fr;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}@media (max-width:900px){.workspace{grid-template-columns:1fr}}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.panel__title{font-size:var(--fs-md);margin-bottom:var(--space-1)}.panel__subtitle{font-size:var(--fs-xs);color:var(--color-ink-soft);margin-bottom:var(--space-4)}