@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--display: "Fraunces", serif;--body: "Space Grotesk", system-ui, sans-serif;--paper: #fbf8f1;--ink-900: #141712;--ink-800: #1f2a24;--ink-700: #2d3a32;--ink-600: #485248;--ink-500: #6a7268;--forest-700: #1f2a24;--clay-700: #7d3f22;--clay-500: #c86b3c;--shadow-soft: 0 18px 40px rgba(20, 24, 20, .08);font-family:var(--body);line-height:1.6;font-weight:400;color:var(--ink-900);background-color:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(255,196,0,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(132,255,0,.2),transparent 50%),radial-gradient(circle at 85% 85%,rgba(0,180,255,.2),transparent 55%),radial-gradient(circle at 18% 85%,rgba(120,80,255,.18),transparent 55%),linear-gradient(135deg,#ffe76a,#b9fbc0,#7ee8fa 50%,#9bafff 70%,#f0b7ff)}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.app{min-height:100vh;color:var(--ink-900)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 4vw;background:#f4efe6eb;border-bottom:1px solid rgba(36,32,27,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;flex-direction:column;gap:.2rem}.brand-mark{font-family:var(--display);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase}.brand-sub{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-500)}.nav{display:flex;gap:1.5rem;font-size:.95rem}.nav a{color:var(--ink-700)}.status{display:flex;align-items:center;gap:.8rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding:4.5rem 6vw 2.5rem}.hero.compact{padding-bottom:1.5rem}.hero-copy{display:flex;flex-direction:column;gap:1.6rem}.eyebrow{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--clay-500)}.hero h1{font-family:var(--display);font-size:clamp(2.4rem,2.2rem + 2vw,3.6rem);line-height:1.05;margin:0}.hero h1 span{display:block;color:var(--forest-700)}.lead{font-size:1.05rem;color:var(--ink-700);max-width:38rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem}.hero-tags{display:flex;flex-wrap:wrap;gap:.6rem}.hero-panel{display:flex;align-items:center;justify-content:center}.auth{padding:0 6vw 3.5rem}.auth-card{background:var(--paper);border-radius:22px;border:1px solid rgba(36,32,27,.08);padding:1.6rem 1.8rem;display:grid;gap:1.2rem;box-shadow:var(--shadow-soft)}.auth-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.auth-header h3{margin:.2rem 0 .4rem}.auth-header p{margin:0;color:var(--ink-600)}.auth-form{display:grid;gap:.9rem;max-width:460px}.auth-field{display:grid;gap:.4rem;font-size:.85rem;color:var(--ink-600)}.auth-field input{border:1px solid rgba(36,32,27,.18);border-radius:12px;padding:.7rem .9rem;font-size:.95rem;background:#ffffffd9;color:var(--ink-800)}.auth-actions{display:flex;flex-wrap:wrap;gap:.8rem}.auth-divider{display:flex;align-items:center;gap:.8rem;color:var(--ink-500);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#24201b1f}.auth-google{background:#fff;border-color:#24201b2e;color:var(--ink-800)}.auth-google:hover{box-shadow:0 10px 20px #1618161a}.auth-error{margin:0;color:#9c3b2a;font-size:.85rem}.auth-notice{margin:0;color:#1f5191;font-size:.85rem}.auth-session{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.auth-user{display:grid;gap:.3rem;color:var(--ink-700)}.auth-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500)}.hero-card{width:min(420px,100%);background:var(--paper);border:1px solid rgba(36,32,27,.08);border-radius:24px;padding:2rem;box-shadow:var(--shadow-soft);animation:floatIn .8s ease-out}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header h3{margin:0}.checklist{margin:0;padding-left:1.2rem;color:var(--ink-700);display:grid;gap:.6rem}.card-footer{margin-top:1.6rem;display:flex;justify-content:space-between}.note{font-size:.85rem;color:var(--ink-500)}.editor{padding:1rem 6vw 3.5rem}.quickstart{padding:0 6vw 3.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem}.quick-card{background:var(--paper);border-radius:20px;border:1px solid rgba(36,32,27,.08);padding:1.2rem 1.4rem;display:grid;gap:.9rem;box-shadow:var(--shadow-soft)}.quick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.quick-head h3{margin:0 0 .3rem}.quick-head p{margin:0;color:var(--ink-600)}.pipeline{display:grid;gap:.5rem}.analysis-box{border-radius:16px;border:1px dashed rgba(36,32,27,.2);padding:.9rem 1rem;background:#f4efe673;min-height:160px;color:var(--ink-700)}.analysis-box p{margin:0;white-space:pre-wrap}.analysis-box .placeholder{color:var(--ink-500)}.output-note summary{cursor:pointer}.output-note pre{white-space:pre-wrap;margin:.6rem 0 0;font-size:.85rem;color:var(--ink-700)}.button.full{width:100%}.hint{margin:0;font-size:.82rem;color:var(--ink-500)}.editor-shell{background:var(--paper);border-radius:28px;border:1px solid rgba(36,32,27,.08);box-shadow:var(--shadow-soft);overflow:hidden}.tabs{display:flex;flex-wrap:wrap;gap:.6rem;padding:1.2rem 1.6rem .6rem;background:#f4efe6b3;border-bottom:1px solid rgba(36,32,27,.08)}.tab{border:1px solid transparent;background:transparent;color:var(--ink-700);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;font-size:.9rem}.tab.active{background:var(--forest-700);color:#fff}.tab-body{display:grid;gap:1.6rem;padding:1.8rem}.tab-panel{display:none;background:#fbf8f199;border:1px solid rgba(36,32,27,.08);border-radius:20px;padding:1.4rem;gap:1.2rem}.tab-panel.show{display:grid}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-title h3{margin:0 0 .3rem}.panel-title p{margin:0;color:var(--ink-600)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.mini-card{background:var(--paper);border-radius:16px;border:1px solid rgba(36,32,27,.08);padding:1rem;display:grid;gap:.4rem}.mini-card span{font-size:.8rem;color:var(--ink-500)}.mini-card.ghost{border-style:dashed;color:var(--ink-600)}.tab-panel.split{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.upload-card{background:var(--paper);border-radius:18px;border:1px solid rgba(36,32,27,.08);padding:1rem;display:grid;gap:.8rem}.upload-card p{margin:0;color:var(--ink-600)}.dropzone{border:1px dashed rgba(36,32,27,.2);border-radius:14px;padding:1rem;background:#f4efe699;display:grid;gap:.6rem;justify-items:start;cursor:pointer;transition:border-color .2s ease,background .2s ease}.dropzone input{display:none}.dropzone-hint{font-size:.8rem;color:var(--ink-500)}.dropzone.drag-over{border-color:#1f2a2466;background:#ffffffbf}.upload-note{display:grid;gap:.3rem;color:var(--ink-500);font-size:.85rem}.upload-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.count{font-size:.8rem;color:var(--ink-500)}.file-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.file-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--ink-600);padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(36,32,27,.08);background:#fff9;position:relative}.file-list li.dragging{opacity:.5}.file-list li.drag-over:before{content:"";position:absolute;top:-6px;left:12px;right:12px;height:2px;background:#1f2a2499;border-radius:999px}.file-info{display:grid;gap:.4rem;flex:1}.file-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.file-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:#1f2a241f;color:var(--ink-700);letter-spacing:.08em}.file-complete{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:#2e7a5b33;color:#2e7a5b}.progress-bar{height:6px;background:#1f2a241a;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--forest-700);transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--ink-500)}.error-text{margin:.2rem 0 0;color:#9c3b2a;font-size:.82rem}.text-button{border:none;background:transparent;color:var(--clay-700);cursor:pointer;font-size:.85rem;padding:.2rem 0}.output-panel{align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.output-panel.show{display:flex}.output-copy{min-width:220px}.output-actions{display:grid;gap:.4rem;min-width:220px}.pipeline-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem;border-radius:999px;font-size:.78rem;background:#1f2a2414;color:var(--ink-700)}.pipeline-pill.uploading,.pipeline-pill.analyzing,.pipeline-pill.rendering{background:#2e7a5b2e;color:#2e7a5b}.pipeline-pill.completed{background:#1f51912e;color:#1f5191}.pipeline-pill.error{background:#9c3b2a33;color:#9c3b2a}.output-stack{display:grid;gap:.8rem;min-width:min(320px,100%)}.output-note{background:#f4efe6e6;border:1px solid rgba(36,32,27,.12);border-radius:14px;padding:.8rem 1rem;font-size:.85rem;color:var(--ink-700)}.output-note strong{display:block;margin-bottom:.4rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.output-note.error{border-color:#9c3b2a66;background:#faece9e6;color:#9c3b2a}.roadmap{padding:0 6vw 3.5rem}.roadmap-card{border-radius:20px;border:1px solid rgba(36,32,27,.08);padding:1.4rem 1.6rem;background:#f4efe6bf;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.footer{padding:2rem 6vw 3rem;border-top:1px solid rgba(36,32,27,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;color:var(--ink-500);font-size:.85rem}.button{border:1px solid rgba(31,42,36,.2);background:transparent;color:var(--ink-800);padding:.7rem 1.3rem;border-radius:999px;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1418141f}.button.primary{background:var(--forest-700);color:#fff;border-color:transparent}.button.ghost{background:#1f2a2414}.button.small{padding:.5rem 1rem;font-size:.85rem}.pill{padding:.35rem .8rem;border-radius:999px;background:var(--forest-700);color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.pill.soft{background:#1f2a241f;color:var(--ink-700)}.tag{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;background:#c86b3c26;color:var(--clay-700);font-size:.8rem}@keyframes floatIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.topbar{flex-direction:column;align-items:flex-start;gap:1rem}.nav{flex-wrap:wrap}.panel-title,.roadmap-card{flex-direction:column;align-items:flex-start}.auth-session{align-items:flex-start}.footer{flex-direction:column}}