:root{--bg: #FAF9F6;--bg-elev: #FFFFFF;--bg-muted: #F2F0EA;--ink: #17171A;--ink-2: #3A3A3F;--ink-3: #6E6E75;--ink-4: #A0A0A6;--line: #E8E5DE;--line-2: #EFEDE7;--accent: #2F2F33;--accent-soft: #17171A;--pos: #2A7D4F;--neg: #B4432B;--warn: #B38400;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(20,20,22,.04), 0 1px 1px rgba(20,20,22,.02);--shadow: 0 2px 8px rgba(20,20,22,.04), 0 1px 2px rgba(20,20,22,.03);--shadow-lg: 0 20px 60px rgba(20,20,22,.08), 0 2px 8px rgba(20,20,22,.04);--font-display: "Instrument Serif", "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}html[data-theme=linen]{--bg: #F6F2EA;--bg-elev: #FDFBF7;--bg-muted: #EBE5D8;--line: #E2DCCD;--line-2: #EBE5D8}html[data-theme=paper]{--bg: #F4F4F2;--bg-elev: #FFFFFF;--bg-muted: #ECECE8;--line: #E2E2DE;--line-2: #ECECE8;--accent: #2B4A7A;--accent-soft: #2B4A7A}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.noise:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMDAnIGhlaWdodD0nMjAwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC45JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDAuMDkgMCAwIDAgMCAwLjA5IDAgMCAwIDAgMC4wOSAwIDAgMCAwLjA1IDAnLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbiknLz48L3N2Zz4=)}.serif{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}.mono{font-family:var(--font-mono)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:500;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;background:var(--ink);color:var(--bg);transition:transform .15s ease,background .15s ease,box-shadow .2s ease;white-space:nowrap}.btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 6px 18px #1414162e}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:var(--ink);transform:none;box-shadow:none}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--bg-muted);box-shadow:none}.btn.small{padding:6px 12px;font-size:13px}.btn.large{padding:13px 22px;font-size:15px}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card.hover:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000014;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#00000026;border:2px solid transparent;background-clip:padding-box}kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid var(--line);background:var(--bg-muted);color:var(--ink-2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .4s ease both}.fade-in{animation:fadeIn .4s ease both}@keyframes heroSlide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.hero-slide{animation:heroSlide .45s cubic-bezier(.2,.7,.2,1) both}.app{position:relative;min-height:100vh;z-index:1}.topnav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);background:color-mix(in oklab,var(--bg) 82%,transparent);border-bottom:1px solid var(--line-2)}.pg-logo{width:22px;height:22px;display:inline-block}.input{width:100%;padding:11px 14px;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--ink-4);box-shadow:0 0 0 3px #17171a0f}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;background:var(--bg-muted);color:var(--ink-2);border:1px solid transparent}.chip.line{background:transparent;border-color:var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141659;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease both}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(92vw,1040px);max-height:88vh;overflow:hidden;display:flex;animation:fadeUp .3s ease both}.poly-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.toggle{width:40px;height:24px;background:var(--line);border-radius:999px;position:relative;transition:background .2s ease;cursor:pointer;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle.on{background:var(--ink)}.toggle.on:after{transform:translate(16px)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.sidebar{width:240px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--line-2);padding:20px 14px;height:100vh;position:sticky;top:0;overflow-y:auto}.side-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--ink-2);font-size:14px;cursor:pointer;transition:background .12s ease}.side-item:hover{background:var(--bg-muted)}.side-item.active{background:var(--bg-muted);color:var(--ink);font-weight:500}.bubble{padding:10px 14px;border-radius:16px;max-width:78%;font-size:14px;line-height:1.55}.bubble.user{background:var(--ink);color:var(--bg);border-bottom-right-radius:4px;margin-left:auto}.bubble.agent{background:var(--bg-muted);color:var(--ink);border-bottom-left-radius:4px}.prose{font-size:14.5px;line-height:1.65;color:var(--ink);overflow-wrap:break-word}.prose>:first-child{margin-top:0!important}.prose>:last-child{margin-bottom:0!important}.prose p{margin:0 0 10px}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:600;line-height:1.3;margin:18px 0 8px;letter-spacing:-.01em}.prose h1{font-size:19px}.prose h2{font-size:16.5px}.prose h3{font-size:15px}.prose h4{font-size:14px;color:var(--ink-2)}.prose ul,.prose ol{margin:0 0 10px;padding-left:22px}.prose li{margin:3px 0}.prose li>p{margin-bottom:4px}.prose li::marker{color:var(--ink-4)}.prose strong{font-weight:600}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-4);text-underline-offset:2px;transition:text-decoration-color .15s ease}.prose a:hover{text-decoration-color:var(--ink)}.prose code{font-family:var(--font-mono);font-size:12.5px;background:var(--bg-muted);padding:1.5px 6px;border-radius:6px}.prose pre{background:var(--bg-muted);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;overflow-x:auto;margin:0 0 12px}.prose pre code{background:none;padding:0;font-size:12.5px;line-height:1.55}.prose blockquote{margin:0 0 10px;padding:2px 0 2px 14px;border-left:2px solid var(--line);color:var(--ink-3)}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:none;border-top:1px solid var(--line-2);margin:16px 0}.prose table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:4px 0 14px;font-size:13px}.prose th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:500;padding:7px 12px 7px 0;border-bottom:1px solid var(--line)}.prose td{padding:8px 12px 8px 0;border-bottom:1px solid var(--line-2);vertical-align:top}.prose img{max-width:100%;border-radius:10px}.prose-doc{font-size:15px;line-height:1.7;color:var(--ink-2)}.prose-doc h1{font-family:var(--font-display);font-weight:400;font-size:30px;letter-spacing:-.01em;color:var(--ink);margin:0 0 18px}.prose-doc h2{font-size:19px;margin:26px 0 10px;color:var(--ink)}.prose-doc h3{font-size:16px;margin:20px 0 8px;color:var(--ink)}.prose-mini{font-size:10.5px;line-height:1.5;color:var(--ink-2)}.prose-mini h1{font-family:var(--font-display);font-weight:500;font-size:13px;margin:0 0 6px}.prose-mini h2,.prose-mini h3,.prose-mini h4{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:6px 0 3px}.prose-mini p,.prose-mini ul,.prose-mini ol{margin:0 0 4px}.prose-mini table{font-size:9px;margin:2px 0 6px}.prose-mini th,.prose-mini td{padding:3px 8px 3px 0}.prose-mini pre{padding:6px 8px;margin:0 0 6px}.step-chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border:1px solid var(--line-2);background:var(--bg-elev);border-radius:8px;font-size:12px;color:var(--ink-3);max-width:100%}.step-chip .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-chip.error{color:var(--neg);border-color:#e5c9c0}.spinner{width:11px;height:11px;border-radius:50%;flex-shrink:0;border:1.5px solid var(--line);border-top-color:var(--ink-3);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shimmer{background:linear-gradient(90deg,var(--ink-4) 25%,var(--ink-2) 50%,var(--ink-4) 75%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.disclosure-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);padding:3px 7px;margin-left:-7px;border-radius:7px;transition:background .12s ease,color .12s ease}.disclosure-btn:hover{background:var(--bg-muted);color:var(--ink)}.thinking-body{margin:6px 0 2px;padding:2px 0 2px 13px;border-left:2px solid var(--line);font-size:12.5px;line-height:1.6;color:var(--ink-3);white-space:pre-wrap;overflow-wrap:break-word}.prose-live>:last-child:after{content:"";display:inline-block;width:7px;height:14px;margin-left:3px;vertical-align:-2px;background:var(--ink-3);border-radius:1.5px;animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.sugg{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--line);font-size:13px;color:var(--ink-2);cursor:pointer;transition:all .15s ease}.sugg:hover{background:var(--bg-muted);border-color:var(--ink-4);color:var(--ink)}.int-tile{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;transition:all .15s ease;cursor:pointer}.int-tile:hover{border-color:var(--ink-4);background:var(--bg-elev)}.int-logo{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;font-size:14px;color:#fff}.dots{display:flex;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:var(--line)}.dot.active{background:var(--ink)}.template-card{position:relative;overflow:hidden;cursor:pointer}.template-card .cover{aspect-ratio:4/3;position:relative;overflow:hidden}.template-card .cover svg{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.template-card:hover .cover svg{transform:scale(1.06)}.divider{height:1px;background:var(--line-2);width:100%}@keyframes drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-10px) rotate(2deg)}}.drift{animation:drift 16s ease-in-out infinite}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500;background:var(--bg-muted);color:var(--ink-2)}.pill.pos{background:#e6f1eb;color:var(--pos)}.pill.accent{background:var(--ink);color:var(--bg)}