:root{--bg: #e2e9f2;--panel: #ffffff;--panel-soft: #f6f9ff;--panel-muted: #edf3fb;--sidebar: #f7fbff;--thread: #f9fbff;--surface: #ffffff;--border: #000000;--ink: #111111;--muted: #5b6472;--accent: #79aefe;--accent-soft: #dbe8ff;--accent-strong: #2d63b5;--assistant: #fff1b8;--success: #e4f8e7;--danger: #ffd8d3;--shadow-lg: 4px 4px 0 #000000;--shadow-sm: 3px 3px 0 #000000;--radius-xl: 10px;--radius-lg: 8px;--radius-md: 6px;--sidebar-width: 312px;--inspector-width: 330px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(121,174,254,.18),transparent 22rem),linear-gradient(180deg,#edf4fb 0%,var(--bg) 100%)}button,input,textarea,select{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--border);border-radius:999px;background:var(--accent);color:var(--ink);padding:.82rem 1.2rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;box-shadow:var(--shadow-lg)}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-button{background:#fff}.ghost-button{background:#fff;color:var(--ink)}.compact-button{padding-inline:.95rem;padding-block:.68rem}input,textarea,select{width:100%;border-radius:var(--radius-md);border:2px solid var(--border);background:#fff;color:var(--ink);padding:.88rem .95rem;outline:none;transition:box-shadow .12s ease,background .12s ease}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #79aefe47}textarea{min-height:132px;resize:vertical}h1,h2,h3,h4{margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;letter-spacing:-.03em}p{margin:0}.eyebrow,.section-label,.metric-label,.card-chip,.count-chip,.pill,.thread-badge{font-family:SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--accent-strong);font-size:.78rem}.section-label,.metric-label{font-size:.72rem;color:var(--accent-strong)}.auth-scene,.app-scene{min-height:100vh;padding:24px}.auth-shell{width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:1.15fr .95fr;gap:20px;align-items:stretch}.auth-shell-compact{width:min(460px,calc(100vw - 2rem));grid-template-columns:1fr}.auth-stack{display:grid;gap:16px}.auth-brand-card{border-radius:var(--radius-xl);border:2px solid var(--border);background:var(--panel);box-shadow:var(--shadow-lg);padding:22px 24px;display:flex;align-items:center;gap:14px}.auth-logo-box{width:56px;height:56px;display:grid;place-items:center;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--accent);box-shadow:var(--shadow-sm);font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700}.auth-brand-subtitle,.sidebar-brand-subtitle{color:var(--muted);font-size:.9rem}.auth-hero,.auth-card,.sidebar-shell,.main-shell,.inspector-shell{background:var(--panel);border:2px solid var(--border);box-shadow:var(--shadow-lg)}.auth-hero{border-radius:var(--radius-xl);padding:32px;display:grid;gap:22px;min-height:760px}.auth-hero h1{font-size:clamp(3rem,5vw,5rem);line-height:.92}.lede{max-width:42rem;color:var(--muted);font-size:1.05rem;line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--panel);padding:16px 18px;display:grid;gap:6px;box-shadow:var(--shadow-sm)}.metric-card strong{font-size:1.04rem}.hero-callout{margin-top:auto;border-radius:var(--radius-lg);padding:18px 20px;border:2px solid var(--border);background:var(--accent-soft);box-shadow:var(--shadow-sm)}.hero-callout strong{display:block;margin-bottom:8px}.hero-callout p,.panel-note,.workspace-subtitle,.rail-header p,.thread-stage-subtitle,.composer-hint{color:var(--muted);line-height:1.6}.auth-panel{display:grid;gap:18px;align-content:center}.auth-card{border-radius:var(--radius-xl);padding:24px;display:grid;gap:18px}.auth-card-primary{background:var(--panel)}.auth-card-secondary{background:var(--panel-soft)}.auth-card-header-compact{justify-content:flex-start}.auth-card-header,.section-label-row,.rail-header,.workspace-topbar,.topbar-badges,.thread-stage-header,.inspector-header,.inspector-card-header,.thread-card-top,.mini-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.card-chip,.count-chip,.pill,.thread-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.36rem .75rem;border:2px solid var(--border);background:#fff;color:var(--ink);font-size:.72rem;white-space:nowrap}.count-chip{min-width:28px;min-height:28px;padding-inline:.45rem}.card-chip.ghost,.subtle-badge{color:var(--muted)}.accent-pill{background:var(--accent-soft);color:var(--accent-strong)}.stack-form,.sidebar-form,.compact-form,.composer,label{display:grid;gap:10px}label span{color:var(--muted);font-size:.9rem}.auth-banner{width:min(1320px,100%);margin:18px auto 0}.workspace-shell{width:min(1520px,100%);margin:0 auto;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--inspector-width);gap:18px;align-items:start}.sidebar-shell,.main-shell,.inspector-shell{border-radius:var(--radius-xl);min-height:calc(100vh - 48px)}.sidebar-shell{background:var(--sidebar);padding:18px;display:grid;gap:14px;align-content:start}.sidebar-brand,.profile-card,.workspace-topbar,.class-summary-strip,.metrics-grid,.studio-shell,.inspector-header,.inspector-card,.sidebar-form,.thread-rail,.thread-stage,.summary-chip,.metric-panel,.class-card,.thread-card,.mini-card,.message,.composer,.empty-state{border:2px solid var(--border)}.sidebar-brand,.profile-card,.workspace-topbar,.inspector-header,.inspector-card,.sidebar-form,.thread-rail,.thread-stage,.summary-chip,.metric-panel,.class-card,.thread-card,.mini-card,.message,.composer,.empty-state{box-shadow:var(--shadow-sm)}.sidebar-brand{border-radius:var(--radius-lg);padding:14px 16px;background:var(--panel)}.sidebar-brand h1{font-size:1.65rem}.profile-card{border-radius:var(--radius-lg);padding:12px 14px;background:var(--accent-soft);display:flex;align-items:center;gap:12px}.profile-avatar{width:46px;height:46px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--accent);border:2px solid var(--border);color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:1.1rem;box-shadow:2px 2px #000}.profile-card p{color:var(--muted);text-transform:capitalize}.sidebar-section{display:grid;gap:10px}.sidebar-form{border-radius:var(--radius-lg);padding:14px;background:var(--panel)}.sidebar-form-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.class-list,.thread-list,.mini-list,.messages,.rail-group{display:grid;gap:8px}.rail-group-label{padding-inline:2px;color:var(--muted);font-family:SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.rail-group-list{display:grid;gap:8px}.class-card,.thread-card,.mini-card{width:100%;border-radius:var(--radius-md);background:var(--panel);color:var(--ink);text-align:left;padding:12px 13px}.home-nav-card{background:var(--panel-soft)}.class-card strong,.thread-card strong,.mini-card strong{font-size:.95rem}.class-card:hover,.thread-card:hover,.mini-card:hover{background:var(--panel-soft)}.class-card.active,.thread-card.active{background:var(--accent-soft)}.class-card span,.class-card small,.thread-card small,.mini-card span,.mini-card small{display:block;color:var(--muted)}.thread-preview{display:block;color:var(--muted);font-size:.9rem;line-height:1.45;margin-bottom:10px}.main-shell{padding:18px;display:grid;grid-template-rows:auto auto auto 1fr;gap:16px;background:var(--panel-soft)}.workspace-topbar{border-radius:var(--radius-lg);padding:20px 22px;background:var(--panel)}.workspace-topbar h2{font-size:2rem;margin-top:6px}.status-banner{margin:0;border-radius:var(--radius-lg);padding:13px 16px;background:var(--accent-soft);border:2px solid var(--border);color:var(--ink);box-shadow:var(--shadow-sm)}.class-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-chip{border-radius:var(--radius-lg);background:var(--panel);padding:14px 16px;display:grid;gap:8px}.summary-chip strong{font-size:1rem}.metrics-grid{border-radius:var(--radius-lg);padding:14px;background:var(--panel-muted);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-panel{border-radius:var(--radius-md);padding:14px 16px;background:var(--panel);display:grid;gap:8px}.metric-panel strong{font-size:1.5rem;font-family:Trebuchet MS,Segoe UI,sans-serif}.studio-shell{border-radius:var(--radius-lg);padding:14px;background:var(--panel-muted);display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;min-height:0}.thread-rail{border-radius:var(--radius-lg);padding:14px;display:grid;gap:14px;align-content:start;background:var(--panel)}.thread-stage{border-radius:var(--radius-lg);padding:16px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;background:var(--thread)}.thread-stage-meta{display:grid;gap:6px}.thread-stage-header h3{font-size:1.4rem}.messages{min-height:460px;max-height:58vh;overflow:auto;align-content:start;padding-right:6px}.message{padding:16px 18px;border-radius:var(--radius-lg);max-width:92%;background:var(--panel)}.message.user{justify-self:end;background:var(--accent-soft)}.message.assistant{justify-self:start;background:var(--assistant)}.message header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--muted);font-size:.82rem}.message-heading{display:inline-flex;align-items:center;gap:8px}.job-error{color:#8b2e1a!important;line-height:1.45}.message p{line-height:1.7;white-space:pre-wrap}.composer{border-radius:var(--radius-lg);padding:14px;background:var(--panel)}.composer-actions{display:flex;align-items:end;justify-content:space-between;gap:16px}.inspector-shell{padding:18px;display:grid;gap:14px;align-content:start;background:var(--sidebar)}.inspector-header,.inspector-card{border-radius:var(--radius-lg);padding:16px;background:var(--panel)}.upload-field{display:grid;gap:10px}.upload-field input[type=file]{padding:.7rem .9rem}.empty-state{border-radius:var(--radius-lg);background:var(--panel);color:var(--muted);text-align:center;padding:26px 22px;display:grid;place-items:center;min-height:180px}.workspace-empty{min-height:520px}.classes-home{display:grid;gap:16px}.classes-home-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.classes-home-stack{display:grid;gap:18px}.classes-group{display:grid;gap:12px}.classes-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.classes-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.class-overview-card{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-lg);padding:18px;display:flex;align-items:center;gap:14px;text-align:left}.class-overview-card:hover{background:var(--panel-soft)}.active-overview-card{background:var(--accent-soft)}.class-overview-icon{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--accent-soft);box-shadow:2px 2px #000;font-weight:700}.class-overview-copy{display:grid;gap:4px}.class-overview-copy h3{font-size:1rem}.class-overview-copy p,.class-overview-copy small{color:var(--muted)}.class-overview-copy small{font-size:.82rem}.inspector-empty{min-height:360px}@media(max-width:1240px){.workspace-shell{grid-template-columns:280px minmax(0,1fr)}.inspector-shell{grid-column:1 / -1;min-height:auto}}@media(max-width:1024px){.auth-shell,.workspace-shell,.studio-shell{grid-template-columns:1fr}.sidebar-shell,.main-shell,.inspector-shell{min-height:auto}.class-summary-strip,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classes-home-grid{grid-template-columns:1fr}.messages{max-height:none}}@media(max-width:720px){.auth-scene,.app-scene{padding:14px}.hero-metrics,.class-summary-strip,.metrics-grid,.sidebar-form-grid,.composer-actions{grid-template-columns:1fr;display:grid}.workspace-topbar,.sidebar-brand,.auth-card-header,.thread-stage-header,.section-label-row,.rail-header,.inspector-card-header,.inspector-header,.topbar-badges,.thread-card-top,.mini-card-top{display:grid}.message{max-width:100%}}