.resume-demo-shell{min-height:100dvh;background:linear-gradient(135deg,#0a0a0a,#121212 54%,#151917);color:var(--color-text);font-family:var(--font-mono);padding:1rem}.resume-demo-nav{width:min(1120px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.resume-demo-brand,.resume-demo-nav a{color:var(--color-text);text-decoration:none}.resume-demo-brand{font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.resume-demo-nav-links{display:flex;align-items:center;gap:.75rem;font-size:.82rem}.resume-demo-nav-links a{color:var(--color-text-dim)}.resume-demo-nav-links a:hover,.resume-demo-nav-links a:focus-visible{color:var(--color-primary)}.resume-demo-hero{width:min(1120px,100%);margin:4.5rem auto 3rem;display:grid;gap:1.35rem}.resume-demo-kicker{margin:0;color:var(--color-primary);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.resume-demo-hero h1{max-width:900px;margin:0;font-size:4.75rem;line-height:1;letter-spacing:0}.resume-demo-summary{max-width:760px;margin:0;color:#ffffffbd;font-size:1.02rem;line-height:1.75}.resume-demo-actions{display:flex;flex-wrap:wrap;gap:.75rem}.resume-demo-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:#ffffff0a;text-decoration:none;font-size:.86rem;font-weight:700}.resume-demo-button:hover,.resume-demo-button:focus-visible{border-color:var(--color-primary)}.resume-demo-button-primary{border-color:#4ecdc48c;background:#4ecdc42e;color:var(--color-primary)}.resume-demo-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-bottom:3rem}.resume-demo-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#121212c7;padding:1.25rem}.resume-demo-panel h2{margin:0 0 .9rem;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.resume-demo-panel ul{margin:0;padding-left:1.1rem;color:#ffffffb8;line-height:1.7}.resume-demo-panel li+li{margin-top:.45rem}.resume-demo-panel p{margin:0;color:#ffffffb8;line-height:1.7}.resume-demo-safety{border-color:#ffc44659;background:#ffc44614}.resume-demo-safety h2{color:var(--color-warning)}@media(max-width:760px){.resume-demo-shell{padding:.85rem}.resume-demo-nav{align-items:flex-start;flex-direction:column}.resume-demo-hero{margin:2.5rem auto 2rem}.resume-demo-hero h1{font-size:2.35rem}.resume-demo-summary{font-size:.95rem}.resume-demo-grid{grid-template-columns:1fr}}:root{--app-vh: 1vh;--kb-offset: 0px;--max-content-width: 900px;--header-height: 72px;--prismatix-chat-header-h: 4.5rem;--prismatix-model-dropdown-top: 5.25rem;--color-bg: #0a0a0a;--color-surface: #121212;--color-surface-elevated: #1a1a1a;--color-border: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .06);--color-text: #ffffff;--color-text-dim: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .4);--color-primary: #4ECDC4;--color-primary-dim: rgba(78, 205, 196, .2);--color-accent: #44A3B3;--color-danger: #FF6B6B;--color-warning: #FFC446;--color-success: #7EF3DB;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-full: 9999px;--font-mono: "Berkeley Mono", "JetBrains Mono", "Fira Code", monospace;--font-sans: system-ui, -apple-system, sans-serif}html,body,#root,.app{width:100%;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono)}body{overscroll-behavior-y:none;margin:0;padding:0}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.cost-estimator{max-width:min(300px,calc(100vw - 1.5rem))}@media(max-width:768px){.header-button,.user-button,.auto-mode-btn,.thinking-toggle-button,.clear-all-btn,.draft-remove-btn,.spend-pill,.thinking-process-header{min-height:44px!important}.header-button,.user-button,.draft-remove-btn{min-width:44px!important}}