@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_b361b708-module__cqtKzW__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_b361b708-module__cqtKzW__variable{--font-instrument-sans:"Instrument Sans", "Instrument Sans Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_d528b174-module__9XQWPW__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_d528b174-module__9XQWPW__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#fff;--surface:#fff;--surface-soft:#f7f7f7;--ink:#161616;--ink-2:#454545;--muted:#626262;--line:#e8e8e8;--line-strong:#d8d8d8;--accent:#3158ba;--accent-hover:#264696;--accent-soft:#edf2fc;--success:#3b694e;--danger:#a1342c;--radius:12px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-instrument-sans), sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--line-strong) var(--background)}body{background:var(--background);color:var(--ink);margin:0;font-size:1rem;line-height:1.6}::selection{color:var(--ink);background:#dce5fb}input,textarea{caret-color:var(--accent)}a{color:inherit;text-underline-offset:.22em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}main:focus{outline:none}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}h1{letter-spacing:-.03em;max-width:22ch;margin-bottom:14px;font-size:clamp(32px,4vw,40px);font-weight:600;line-height:1.06}h2{letter-spacing:-.025em;font-size:30px;font-weight:600;line-height:1.2}h3{letter-spacing:-.015em;font-size:19px;font-weight:550;line-height:1.35}p{max-width:72ch}.muted{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-frame{--content-width:1120px;--page-gutters:64px;flex-direction:column;width:100%;min-height:100dvh;margin-inline:auto;display:flex}.site-header,.page-content,.site-footer{width:min(calc(100% - var(--page-gutters)), var(--content-width));margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:24px 0;display:flex}.wordmark{letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:9px;font-size:21px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav{align-items:center;gap:28px;font-size:14px;display:flex}.site-nav>a{color:var(--ink-2);white-space:nowrap;padding-block:12px;text-decoration:none}.site-nav>a:hover{color:var(--ink);text-decoration:underline}.site-nav .nav-entry{color:var(--ink);border:1px solid var(--line);border-radius:7px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.page-content{flex:1;padding-block:70px 96px}.wide-frame .page-content{padding-block:70px 88px}.wide-frame .page-content:has(>.marketing-page){padding-block:0 88px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:28px 0;font-size:14px;display:flex}.site-footer a{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.site-footer a:hover{color:var(--accent)}.footer-dot{margin-inline:5px}.skip-link{z-index:100;background:var(--surface);border-radius:8px;padding:10px 16px;position:absolute;top:12px;left:24px;transform:translateY(-180%)}.skip-link:focus{transform:none}.primary-button,.secondary-button,.quiet-button,.text-link{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.primary-button{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:24px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:500;transition:background .18s}.primary-button:hover{background:#343434}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:0 0;border-radius:24px;padding:10px 18px}.secondary-button:hover{border-color:var(--ink);background:var(--surface-soft)}.quiet-button{color:var(--ink-2);background:0 0;border:1px solid #0000;padding:8px 12px}.quiet-button:hover{background:var(--surface-soft);color:var(--ink)}.text-link{color:var(--accent);border-radius:2px;justify-content:start}.text-link:hover{text-decoration:underline}.intro{color:var(--ink-2);max-width:48ch;margin-bottom:28px;font-size:20px;line-height:1.55}.supporting-copy{color:var(--muted);margin-top:22px;font-size:14px}.notice{background:var(--surface-soft);color:var(--ink);border-radius:10px;margin-bottom:24px;padding:16px 20px;font-size:14px}.notice h2{margin-bottom:8px;font-size:22px}.notice p:last-child{margin-bottom:0}input,select,textarea{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);background:var(--surface);border-radius:8px;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;min-height:100px}label{color:var(--ink-2);font-size:14px;display:block}label input,label select,label textarea{margin-top:6px}pre{background:var(--surface-soft);max-width:100%;font:13px/1.7 var(--font-geist-mono), monospace;border-radius:10px;padding:20px;overflow:auto}code{font-family:var(--font-geist-mono), monospace;font-size:.85em}pre code{font-size:inherit}.inline-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.segmented{border-bottom:1px solid var(--line);max-width:100%;display:inline-flex}.segmented button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;padding:10px 16px;font-size:14px}.segmented button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:550}.segmented button:hover{color:var(--ink)}.account-menu{position:relative}.account-menu summary{cursor:pointer;align-items:center;gap:7px;min-height:44px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-avatar{background:var(--surface-soft);width:34px;height:34px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.account-popover{z-index:30;border-radius:var(--radius);background:var(--surface);overflow-wrap:anywhere;gap:8px;min-width:250px;max-width:min(300px,90vw);padding:20px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 40px -12px #1616163d}.account-popover>span{font-size:12px}.account-popover>a{padding-top:16px;text-decoration:none}.account-popover button{font:inherit;color:var(--muted);background:0 0;border:0;padding:8px 0}.marketing-page{margin:0}.marketing-hero,.marketing-handoff,.marketing-explanation,.marketing-faq{max-width:736px;margin-inline:auto}.marketing-hero{min-height:670px;padding:152px 0 116px}.marketing-hero h1{max-width:23ch;margin-bottom:24px;font-size:clamp(36px,4vw,50px);line-height:1.16}.marketing-hero>p{max-width:50ch;color:var(--muted);margin-bottom:30px;font-size:18px;line-height:1.6}.hero-account-note{color:var(--muted);margin-top:18px;font-size:14px;display:block}.marketing-handoff{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:15px;display:flex}.handoff-result{color:var(--accent);white-space:nowrap;animation:link-arrives 1s var(--ease) both;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.handoff-result:hover{text-decoration:underline}@keyframes link-arrives{0%{clip-path:inset(0 100% 0 0);filter:blur(2px)}to{clip-path:inset(0);filter:blur()}}.marketing-explanation{border-top:1px solid var(--line);padding-top:64px}.marketing-explanation h2{font-size:30px;line-height:1.2}.marketing-explanation>p{color:var(--muted);margin:18px 0 30px}.marketing-facts{margin:0;padding:0;list-style:none}.marketing-facts li{border-bottom:1px solid var(--line);align-items:baseline;gap:24px;padding:16px 0;font-size:15px;display:flex}.marketing-facts strong{min-width:170px;font-weight:550}.marketing-facts span{color:var(--muted)}.marketing-faq{padding:92px 0 0}.marketing-faq h2{margin-bottom:24px;font-size:30px}.marketing-faq details{border-bottom:1px solid var(--line)}.marketing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;list-style:none;display:flex}.marketing-faq summary::-webkit-details-marker{display:none}.marketing-faq details[open] summary svg{transform:rotate(180deg)}.marketing-faq details p{color:var(--muted);margin-bottom:0;padding-bottom:20px}.marketing-faq details .text-link{margin-bottom:20px}.marketing-page .example-showcase{max-width:1056px;margin:112px auto}.compact-setup{margin:0}.compact-setup>p{color:var(--accent);margin:12px 0 0;font-size:13px}.compact-setup label{max-width:480px;margin-top:16px}.compact-setup textarea{font-size:13px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-heading h2{margin-bottom:10px}.section-heading p{color:var(--muted);margin:0;font-size:15px}.section-heading>a{flex-shrink:0}.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.sample-card{min-width:0}.sample-open-link{text-decoration:none;display:block}.sample-open-link:hover h3{text-underline-offset:4px;text-decoration:underline}.sample-image{aspect-ratio:16/10;border-radius:var(--radius);background:var(--surface-soft);overflow:hidden}.sample-image img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sample-open-link:hover img,.starter-open:hover img{filter:brightness(.97)}.sample-card h3{margin:18px 0 8px;font-size:19px}.sample-card>p{color:var(--muted);margin-bottom:8px;font-size:15px}.sample-kind{min-height:44px;color:var(--muted);align-items:center;font-size:14px;text-decoration:underline;display:inline-flex}.example-disclosure{color:var(--muted);margin:28px 0 0;font-size:14px}.prompt-link{min-height:44px;color:var(--ink);text-underline-offset:4px;background:0 0;border:0;border-radius:2px;align-items:center;padding:0;font-size:14px;text-decoration:underline;display:inline-flex}.library-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.library-heading h1{margin-bottom:10px;font-size:32px;line-height:1.2}.library-heading p{margin-bottom:0;font-size:16px}.library-tools{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.search-label{width:min(100%,320px)}.search-field{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field svg{color:var(--muted)}.search-field input{background:0 0;border:0;margin:0;padding-inline:0}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:3px}.search-field input:focus{outline:none}.artifact-gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:28px;display:grid}.artifact-card{min-width:0;text-decoration:none}.artifact-card:hover .artifact-row-title h2,.starter-open:hover h3{color:var(--accent)}.artifact-card-info{gap:8px;padding:18px 0 0;display:grid}.artifact-card h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:6px;font-size:19px;line-height:1.3}.artifact-row-title .muted{font-size:13px}.artifact-row-state{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.artifact-card time{color:var(--muted);margin-left:auto;font-size:14px}.visibility{color:var(--ink-2);align-items:center;gap:5px;display:inline-flex}.visibility.public{color:var(--ink-2)}.artifact-comment-count{color:var(--accent);align-items:center;gap:7px;font-size:14px;display:inline-flex}.artifact-preview{border-radius:var(--radius);aspect-ratio:16/10;background:var(--surface-soft);color:var(--muted);place-items:center;font-size:13px;display:grid;position:relative;overflow:hidden}.artifact-preview img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.preview-caption{color:var(--ink);background:var(--surface);opacity:0;border-radius:6px;padding:5px 10px;font-size:12px;position:absolute;inset:auto 14px 14px auto}.artifact-card:hover .preview-caption,.artifact-card:focus-visible .preview-caption{opacity:1}.library-skeleton>div>div{aspect-ratio:16/10;background:var(--surface-soft);border-radius:var(--radius)}.library-skeleton span{background:var(--surface-soft);border-radius:3px;width:60%;height:12px;margin-top:20px;display:block}.library-skeleton span:last-child{width:35%;margin-top:12px}.empty-library{text-align:center;border-block:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:40px 20px;display:flex}.empty-library>svg{color:var(--muted);margin-bottom:16px}.empty-library h3{overflow-wrap:anywhere;margin-bottom:8px}.empty-library p{color:var(--muted);margin-bottom:8px}.compact-showcase{border-top:1px solid var(--line);margin-top:64px;padding-top:32px}.compact-showcase .section-heading h2{margin-bottom:0;font-size:23px}.compact-showcase .sample-grid{gap:24px}.compact-showcase .sample-image{aspect-ratio:2}.compact-showcase .sample-card h3{font-size:18px}.starter-library{margin-bottom:32px}.first-start{margin-bottom:30px;padding-top:8px}.first-start h2{margin-bottom:8px;font-size:22px}.first-start p{color:var(--muted);margin-bottom:0;font-size:16px}.first-library-note{color:var(--muted);margin:28px 0 0;font-size:14px}.agent-start{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin-bottom:32px;font-size:14px;display:flex}.agent-start a{color:var(--accent)}.starter-tools{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.starter-filters{flex-wrap:wrap}.starter-card{flex-direction:column;display:flex}.starter-open{text-decoration:none;display:block}.starter-card h3{overflow-wrap:anywhere;margin:0;font-size:19px}.starter-card p{color:var(--muted);margin:0;font-size:15px}.starter-card .artifact-card-info{gap:9px;padding-bottom:16px}.starter-card-actions{margin-top:auto;padding-top:8px;font-size:14px}.starter-card-actions>button{justify-self:start}.starter-dialog{width:min(100% - 32px,680px);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--surface);border:0;border-radius:16px;padding:28px;box-shadow:0 20px 70px -20px #1616164d}.starter-dialog::backdrop{background:#1616164d}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.dialog-heading h2{margin:0;font-size:26px}.starter-dialog>p{font-size:14px}.starter-dialog textarea{min-height:230px;font-size:14px}.starter-dialog .inline-actions{margin-top:20px}.agent-page{max-width:736px;margin-inline:auto}.page-heading{margin-bottom:40px}.page-heading h1{max-width:24ch;font-size:32px;line-height:1.2}.page-heading p{max-width:55ch;color:var(--muted);margin-bottom:0;font-size:18px}.setup-handoff{padding:0}.setup-handoff h2{margin-bottom:10px;font-size:24px}.setup-handoff p{color:var(--muted);font-size:15px}.setup-handoff textarea{border:1px solid var(--line-strong);background:var(--surface-soft);min-height:180px;margin-top:10px;padding:18px;font-size:14px;line-height:1.65}.setup-handoff .inline-actions{margin-top:24px}.other-connections{border-bottom:1px solid var(--line);margin-top:24px;padding:22px 0}.other-connections>summary{cursor:pointer;align-items:center;gap:12px;width:fit-content;min-height:44px;font-size:15px;list-style:none;display:flex}.other-connections summary::-webkit-details-marker{display:none}.other-connections[open]>summary svg{transform:rotate(180deg)}.other-connections>p{color:var(--muted);margin-top:18px;font-size:14px}.connection-method{padding-top:24px}.connection-method h3{margin-bottom:12px}.connection-method p{color:var(--ink-2);font-size:14px}.beta-label{color:var(--accent);background:var(--accent-soft);vertical-align:middle;letter-spacing:0;border-radius:4px;margin-left:8px;padding:3px 7px;font-size:12px;font-weight:500;display:inline-block}.method-preview{border-block:1px solid var(--line);align-items:center;gap:16px;margin-bottom:20px;padding:20px 0;display:flex}.method-preview>svg{color:var(--accent)}.method-preview strong{color:var(--muted);font-size:12px;font-weight:400;display:block}.method-preview>span:last-child{margin-left:auto;font-size:12px}.method-note{margin:18px 0 0;color:var(--muted)!important;font-size:12px!important}.manual-install{margin-top:20px;font-size:14px}.manual-install summary{cursor:pointer;padding-block:10px}.connections-section{margin-top:40px}.connections-section h2{font-size:27px}.key-list{padding:0;list-style:none}.key-list li{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:20px 0;display:flex}.key-list small{margin-top:4px;font-size:12px;display:block}.key-list li>button{margin-left:auto}.empty-connections{gap:20px;padding:24px 0;display:flex}.empty-connections>svg{color:var(--muted);margin-top:3px}.empty-connections h3{margin-bottom:6px;font-size:18px}.empty-connections p{color:var(--muted);margin:0;font-size:14px}.first-task{margin-top:48px}.first-task h2{font-size:27px}.first-task blockquote{background:var(--surface-soft);border-radius:var(--radius);margin:0 0 12px;padding:24px;font-size:17px;line-height:1.6}.first-task>p{color:var(--muted);margin-top:20px;font-size:14px}.reader-frame .site-header{min-height:72px;padding-block:16px}.reader-frame .page-content{padding-block:24px 32px}.reader-frame .site-footer{display:none}.reader-top{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.reader-top h1{overflow-wrap:anywhere;max-width:none;margin-bottom:6px;font-size:clamp(24px,3vw,34px)}.reader-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reader-toolbar{flex-wrap:wrap;align-items:center;gap:6px;padding:0 0 16px;display:flex}.reader-toolbar .secondary-button{border-color:var(--line);min-height:44px;padding:8px 14px;font-size:14px}.reader-toolbar button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.reader-toolbar .toolbar-divider{background:var(--line);width:1px;height:20px;margin-inline:6px}.reader-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.reader-grid.reader-with-panel{grid-template-columns:minmax(0,1fr) 360px}.artifact-canvas{border-radius:var(--radius);background:var(--surface);min-width:0;overflow:hidden}.artifact-canvas iframe{background:var(--surface);border:0;width:100%;height:calc(100dvh - 240px);min-height:480px;display:block}.reader-panel{width:100%;min-width:0;color:var(--ink);overscroll-behavior:contain;background:0 0;border:0;max-height:calc(100dvh - 190px);margin:0;padding:0 0 24px;position:static;overflow-y:auto}.reader-panel:not([open]){display:none}.reader-panel-header{justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.reader-panel-header h2{margin:0;font-size:22px}.reader-panel h2{margin-bottom:14px;font-size:20px}.reader-panel form{gap:14px;display:grid}.panel-section{border-bottom:1px solid var(--line);padding:22px 0}.panel-section:first-child{padding-top:0}.panel-section p,.reader-panel>p{font-size:14px}.panel-toggle{width:100%;margin-bottom:20px;display:flex;overflow-x:auto}.panel-toggle button{flex:1;padding-inline:10px;font-size:14px}.comment-thread{border-top:1px solid var(--line);padding:20px 0}.comment-thread p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.comment-thread blockquote{background:var(--surface-soft);overflow-wrap:anywhere;border-radius:8px;margin:10px 0;padding:12px;font-size:13px}.comment-thread small{color:var(--muted);font-size:13px}.comment-reply{margin-left:14px}.reply-form{margin-top:16px}.reply-form textarea{min-height:70px}.version-list{padding:0;list-style:none}.version-list li{border-bottom:1px solid var(--line);padding:16px 0}.version-list p{margin:6px 0 10px;font-size:13px}.unlock-box,.connect-box{max-width:540px;margin-inline:auto;padding-block:40px}.unlock-box form,.connect-box form{gap:20px;display:grid}.checkbox-label{align-items:center;gap:9px;display:flex}.checkbox-label input{width:18px;min-height:18px;accent-color:var(--accent);margin:0}.annotation-hint{background:var(--accent-soft);border-radius:8px;margin-bottom:16px;padding:14px;font-size:13px}.annotation-hint p{overflow-wrap:anywhere;margin:8px 0}.account-details{background:var(--surface);border-radius:var(--radius);grid-template-columns:100px minmax(0,1fr);gap:12px 24px;padding:24px;display:grid}.account-details dt{color:var(--muted)}.account-details dd{overflow-wrap:anywhere;margin:0}@media (max-width:900px){.reader-grid.reader-with-panel{grid-template-columns:minmax(0,1fr)}.reader-panel[open]{background:var(--surface);border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:82dvh;padding:24px;position:fixed;inset:auto 0 0;box-shadow:0 -8px 50px -15px #16161633}.reader-panel::backdrop{background:#1616164d}.reader-panel-header{background:var(--surface);z-index:2;padding-block:12px;position:sticky;top:-24px}.starter-tools{flex-direction:column;align-items:start;gap:16px}}@media (max-width:700px){.site-frame{--page-gutters:40px}.site-header{gap:16px;min-height:80px;padding:20px 0}.wordmark{font-size:21px}.site-nav{gap:16px;font-size:14px}.nav-library{display:none}.site-nav .nav-entry{padding:8px 12px}.site-nav .nav-entry svg{display:none}.page-content,.wide-frame .page-content{padding-block:42px 70px}.site-footer{flex-direction:column;align-items:start;gap:10px;padding:24px 0;font-size:14px}.marketing-hero{min-height:0;padding:80px 0 72px}.marketing-hero h1{max-width:18ch;font-size:38px}.marketing-hero>p{font-size:17px}.marketing-handoff{flex-direction:column;align-items:start;gap:12px}.marketing-page .example-showcase{margin:72px 0}.sample-grid{grid-template-columns:minmax(0,1fr);gap:32px}.section-heading{flex-direction:column;align-items:start;gap:8px;margin-bottom:28px}.section-heading h2{font-size:26px}.marketing-explanation{padding-top:40px}.marketing-explanation h2,.marketing-faq h2{font-size:26px}.marketing-facts li{flex-direction:column;gap:6px}.marketing-faq{padding-top:64px}.library-heading{flex-direction:column;align-items:start;gap:18px;margin-bottom:36px}.library-heading h1{font-size:32px}.library-tools{flex-direction:column;align-items:stretch;gap:12px}.search-label{width:100%}.library-tools .segmented{align-self:start}.artifact-gallery{gap:36px}.compact-showcase{margin-top:64px}.compact-showcase .sample-grid{gap:28px}.compact-showcase .sample-image{aspect-ratio:16/10}.page-heading h1{font-size:32px}.page-heading p{font-size:16px}.setup-handoff textarea{min-height:220px;font-size:14px}.method-preview{flex-wrap:wrap;gap:12px}.method-preview>span:last-child{width:100%;margin-left:0}.key-list li{flex-wrap:wrap}.key-list li>div{overflow-wrap:anywhere;flex:1;min-width:0}.key-list li>button{margin-left:36px}.starter-dialog{padding:22px}.reader-frame .page-content{padding-block:20px}.reader-top{flex-direction:column;align-items:start;gap:12px}.reader-top h1{font-size:27px}.reader-toolbar{gap:6px}.reader-toolbar .toolbar-divider{display:none}.artifact-canvas iframe{height:72dvh;min-height:460px}.reader-error{padding:24px}.account-details{grid-template-columns:minmax(0,1fr);gap:4px}.account-details dd+dt{margin-top:12px}}@media (max-width:420px){.wordmark{font-size:20px}.site-header{gap:12px}.site-nav{gap:12px;font-size:13px}.account-menu summary{gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reader-frame{--reader-chrome-ground:#fcfcfd;--reader-chrome-ink:#17191c;--reader-chrome-muted:#5b616b;--reader-chrome-hover:#17191c0a;--reader-chrome-line:#17191c25;--reader-chrome-focus:#3158ba;--reader-chrome-shadow:0 8px 26px #0002;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--surface)}@media (prefers-color-scheme:dark){.reader-frame{--reader-chrome-ground:#17191c;--reader-chrome-ink:#fff;--reader-chrome-muted:#b5b9c0;--reader-chrome-hover:#ffffff18;--reader-chrome-line:#ffffff35;--reader-chrome-focus:#a0c6ff;--reader-chrome-shadow:0 8px 26px #0003;--surface:#17191c;--surface-soft:#23262b;--ink:#fff;--ink-2:#d3d6db;--muted:#b5b9c0;--line:#ffffff25;--line-strong:#ffffff45;--accent:#a0c6ff;--accent-soft:#25334a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.reader-frame .primary-button{color:#17191c;background:#f4f5f7;border-color:#f4f5f7}.reader-frame .primary-button:hover{background:#dfe3e9}.reader-frame .sharing-choice.selected{background:var(--accent-soft);border-color:var(--reader-chrome-focus)}.reader-frame .dialog-error{color:#ffb4a9}}.reader-frame .page-content{width:100%;padding:0}.reader-frame .artifact-reader-header{top:max(16px, env(safe-area-inset-top));z-index:30;background:var(--reader-chrome-ground);width:min(480px,100% - 32px);min-height:56px;color:var(--reader-chrome-ink);box-shadow:var(--reader-chrome-shadow);transition:border-radius .3s var(--ease);border-radius:28px;margin:0;padding:6px;display:block;position:fixed;left:50%;transform:translate(-50%)}.artifact-reader-header[data-expanded=true]{border-radius:24px}.reader-island-bar{align-items:center;gap:12px;min-height:44px;display:flex}.reader-back{width:44px;height:44px;color:inherit;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.reader-back span{display:none}.reader-back:hover,.reader-status-button:hover{background:var(--reader-chrome-hover);color:var(--reader-chrome-ink)}.artifact-reader-header a:focus-visible,.artifact-reader-header button:focus-visible{outline:2px solid var(--reader-chrome-focus);outline-offset:-2px}.reader-heading{flex:1;min-width:0}.reader-heading h1{color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:550;line-height:1.4;overflow:hidden}.reader-meta{color:var(--reader-chrome-muted);margin:2px 0 0;font-size:11px}.reader-status{flex:0 0 44px}.reader-status-button{width:44px;height:44px;color:var(--reader-chrome-ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.reader-status-symbol{animation:status-settle .8s var(--ease);display:inline-flex}.reader-status-symbol path{animation:status-trace .8s var(--ease)}.reader-status-tooltip{background:var(--reader-chrome-ground);width:min(260px,100vw - 40px);color:var(--reader-chrome-muted);box-shadow:var(--reader-chrome-shadow);animation:tooltip-arrive .18s var(--ease);border-radius:16px;gap:3px;padding:12px 16px;font-size:12px;line-height:1.5;display:grid;position:absolute;top:calc(100% + 10px);right:6px}.reader-status-tooltip:before{content:"";width:100%;height:16px;position:absolute;bottom:100%;left:0}.reader-status-tooltip strong{color:var(--reader-chrome-ink);font-weight:550}.reader-stage{background:#fff;border:0;border-radius:0;height:100dvh;min-height:0;overflow:hidden}.reader-stage iframe{border:0;width:100%;height:100%;min-height:0;display:block}.reader-error{padding:64px 24px}.reader-frame .page-content>.reader-error,.reader-frame .unlock-box{width:min(540px,100%);min-height:100dvh;margin-inline:auto;padding:120px 24px 96px}.reader-island-details{opacity:0;transition:grid-template-rows .3s var(--ease), opacity .18s ease;grid-template-rows:0fr;display:grid}.artifact-reader-header[data-expanded=true] .reader-island-details{opacity:1;grid-template-rows:1fr}.reader-notices{scrollbar-color:var(--reader-chrome-muted) var(--reader-chrome-ground);min-height:0;max-height:max(0px,min(40dvh,100dvh - 160px));overflow:auto}.reader-banner,.reader-draft-note{max-width:none;color:var(--reader-chrome-muted);border-top:1px solid var(--reader-chrome-line);margin:0 12px;padding:12px 4px 14px;font-size:12px;line-height:1.6}.reader-banner[role=status]{color:var(--reader-chrome-ink);align-items:center;gap:8px;display:flex}.reader-notices .text-link{color:var(--reader-chrome-ink);text-decoration:underline}.reader-notices .text-link:hover{color:var(--reader-chrome-focus)}.reader-dock{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:30;background:var(--reader-chrome-ground);color:var(--reader-chrome-ink);box-shadow:var(--reader-chrome-shadow);border-radius:28px;align-items:center;max-width:calc(100vw - 32px);padding:6px;animation:.32s both dock-arrive;display:flex;position:fixed;transform:translate(-50%)}.reader-dock button{min-width:44px;min-height:44px;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:13px;transition:background .16s;display:inline-flex}.reader-dock button:hover{background:var(--reader-chrome-hover)}.reader-dock button:focus-visible{outline:2px solid var(--reader-chrome-focus);outline-offset:-2px}.reader-dock kbd{font:inherit;color:var(--reader-chrome-muted);border:1px solid var(--reader-chrome-line);border-radius:3px;padding:0 4px;font-size:10px}.dock-id{font-family:monospace;font-size:11px;display:inline-flex}.dock-id-tail{-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.reader-copy{display:inline-flex;position:relative}.reader-copy-confirmation{background:var(--reader-chrome-ground);color:var(--reader-chrome-ink);box-shadow:var(--reader-chrome-shadow);white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.reader-more{inset:auto 0 max(88px, calc(env(safe-area-inset-bottom) + 64px));width:min(360px,100vw - 40px);max-height:calc(100dvh - 136px);box-shadow:var(--reader-chrome-shadow);background:var(--reader-chrome-ground);color:var(--reader-chrome-ink);scrollbar-color:var(--reader-chrome-muted) var(--reader-chrome-ground);border:0;border-radius:22px;margin:0 auto;padding:8px;overflow-y:auto}.reader-more:popover-open{animation:tooltip-arrive .2s var(--ease)}.reader-more>button{width:100%;min-height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.reader-more>button:hover{background:var(--reader-chrome-hover)}.reader-more :focus-visible{outline-color:var(--reader-chrome-focus);outline-offset:-2px}.reader-more .shortcut-toggle{color:var(--reader-chrome-muted);border-color:var(--reader-chrome-line);margin-top:6px;padding:14px}.reader-more .shortcut-toggle input{accent-color:var(--reader-chrome-focus)}.shortcut-toggle{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 13px;font-size:13px;display:flex}.reader-starter{padding:10px;font-size:13px}.shell-dialog{border:1px solid var(--line);width:min(480px,100vw - 40px);max-height:calc(100svh - 64px);color:var(--ink);background:#fff;border-radius:14px;margin:auto;padding:28px;overflow-y:auto;box-shadow:0 24px 80px #0002}.reader-frame .shell-dialog,.reader-frame .shell-dialog input:not([type=radio]):not([type=checkbox]){background:var(--surface)}.reader-text-dialog{width:min(720px,100vw - 40px)}.reader-text-content{scrollbar-color:var(--line-strong) var(--surface);max-height:55dvh;padding-right:14px;overflow-y:auto}.reader-text-content .public-text{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8}.reader-text-content .public-text h2{margin-top:0;font-size:24px}.public-text-fallback{scrollbar-color:var(--line-strong) var(--surface);max-height:55dvh;margin-top:24px;overflow-y:auto}.public-text-fallback summary{cursor:pointer;min-height:44px;color:var(--accent);padding-block:10px}.shell-dialog[open]{animation:.22s cubic-bezier(.2,.8,.2,1) both dialog-arrive}.shell-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12182455;animation:.22s both backdrop-arrive}.shell-dialog[data-closing]{animation:.16s both dialog-leave}.shell-dialog[data-closing]::backdrop{animation:.16s both backdrop-leave}.shell-dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.shell-dialog-heading h2{letter-spacing:-.5px;margin:0;font-size:21px}.shell-dialog-heading button{padding:7px;display:inline-flex}.dialog-intro{color:var(--muted);overflow-wrap:anywhere;margin:0 0 20px;font-size:14px}.dialog-form label,.sharing-code,.sharing-link label,.new-collection-inline label{gap:7px;font-size:13px;display:grid}.shell-dialog input:not([type=radio]):not([type=checkbox]){border:1px solid var(--line);width:100%;min-height:42px;font:inherit;background:#fff;border-radius:6px;padding:10px 12px}.sharing-choices{border:0;gap:8px;margin:0 0 20px;padding:0;display:grid}.sharing-choice{border:1px solid var(--line);border-radius:8px;transition:border-color .16s,background .16s}.sharing-choice-label{cursor:pointer;align-items:center;gap:12px;padding:14px;display:flex}.sharing-choice-label>span{flex:1;gap:3px;min-width:0;display:grid}.sharing-choice-label kbd,.modal-shortcuts kbd{font:inherit;border:1px solid var(--line-strong);color:var(--muted);border-radius:4px;padding:2px 5px;font-size:11px;line-height:1.4}.sharing-choice.selected kbd{color:var(--accent);border-color:#b7c9f7}.sharing-code-inline{margin:0 14px 12px 45px}.sharing-code-actions{background:var(--surface);border:1px solid #b7c9f7;border-radius:8px;align-items:center;max-width:100%;display:inline-flex}.sharing-code-copy{min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:7px 0 0 7px;align-items:center;gap:12px;padding:8px 12px;display:flex}.sharing-code-copy:hover{background:var(--accent-soft)}.sharing-code-copy:disabled{opacity:1}.sharing-code-digits{font-variant-numeric:tabular-nums;letter-spacing:.04em;gap:8px;font-family:monospace;font-size:20px;line-height:1.2;display:inline-flex}.sharing-code-new{border-left:1px solid #b7c9f7;border-radius:0 7px 7px 0;flex:0 0 44px;width:44px;padding:8px}.sharing-code-caption{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.modal-shortcuts{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:22px;padding-top:14px;font-size:11px;display:flex}.modal-shortcuts>span{align-items:center;gap:5px;display:inline-flex}.library-nav kbd,.search-field kbd{font:inherit;border:1px solid var(--line-strong);color:var(--muted);border-radius:3px;padding:1px 4px;font-size:10px;line-height:1.4}.collection-picker>.primary-button{margin-top:20px}.sharing-choice.selected{background:#f6f9ff;border-color:#427ce7}.sharing-choice strong{font-size:14px;font-weight:550}.sharing-choice small,.sharing-code small{color:var(--muted);font-size:12px}.sharing-choice input{accent-color:#2563eb;margin-left:auto}.sharing-version,.dialog-status,.dialog-error,.dialog-form>p{font-size:13px;line-height:1.6}.dialog-error{color:#a12c28}.sharing-save{justify-content:center;width:100%;margin-top:8px}.sharing-link{border-top:1px solid var(--line);align-items:end;gap:8px;margin-top:22px;padding-top:20px;display:flex}.sharing-link label{flex:1;min-width:0}.sharing-link input{color:var(--muted);font-size:12px}.dialog-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.collection-checks{gap:4px;margin-bottom:24px;display:grid}.collection-checks label{background:#f8f8f8;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.collection-checks span{flex:1}.collection-checks input{accent-color:#2563eb}.new-collection-inline{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.library-nav{border-bottom:1px solid var(--line);gap:24px;margin-bottom:28px;display:flex;overflow-x:auto}.library-nav a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 0 14px;font-size:14px;text-decoration:none;display:inline-flex}.library-nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}.library-nav span{font-variant-numeric:tabular-nums;font-size:11px}.library-notice{align-items:center;gap:16px;margin-bottom:20px;font-size:13px;display:flex}.library-notice>button:last-child{margin-left:auto}.library-tools .segmented button{justify-content:center;align-items:center;min-width:42px;display:inline-flex}.library-preview{min-width:0;overflow:hidden}.as-list{flex-direction:column;gap:0;display:flex}.as-list .artifact-card{border-bottom:1px solid var(--line);box-shadow:none;border-radius:0;align-items:center;gap:22px;padding:14px 0;display:flex}.as-list .library-preview{border-radius:5px;flex:0 0 116px;width:116px}.as-list .artifact-preview{height:72px}.as-list .artifact-card-info{flex:1;justify-content:space-between;align-items:center;gap:24px;min-width:0;padding:0;display:flex}.as-list .artifact-row-title{min-width:0}.as-list h2{margin-bottom:3px}.as-list .artifact-row-state{flex:none;justify-content:end}.as-list time{text-align:right;min-width:90px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.collection-card{border:1px solid var(--line);border-radius:8px;align-items:start;display:flex}.collection-card>a{flex:1;min-width:0;padding:24px;text-decoration:none}.collection-card h2{overflow-wrap:anywhere;margin:14px 0 4px;font-size:17px}.collection-card p{margin:0;font-size:13px}.collection-card>button{margin:14px 8px 0 0}.collection-heading{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;display:flex}.collection-heading a{color:var(--muted);align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.collection-heading h2{margin:0;font-size:23px}.collection-heading button{margin-left:auto}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:#f1f1f1}::view-transition-group(*){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialog-leave{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}@keyframes backdrop-leave{to{opacity:0}}@keyframes dock-arrive{0%{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}@keyframes status-settle{0%{transform:scale(.92)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@keyframes status-trace{0%{stroke-dasharray:64;stroke-dashoffset:64px}to{stroke-dasharray:64;stroke-dashoffset:0}}@keyframes tooltip-arrive{0%{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.reader-frame .artifact-reader-header{top:max(12px, env(safe-area-inset-top));width:min(480px,100% - 24px)}.reader-island-bar{gap:10px}.reader-back span,.reader-dock kbd,.dock-label,.dock-id{display:none}.reader-heading h1{font-size:14px}.reader-dock{bottom:max(18px, env(safe-area-inset-bottom))}.reader-dock button{padding:8px 13px}.shell-dialog{max-height:calc(100svh - 40px);padding:22px}.sharing-dialog .shell-dialog-heading{margin-bottom:8px}.sharing-dialog .dialog-intro{margin-bottom:14px}.sharing-choice-label{gap:10px;padding:12px}.sharing-choices{margin-bottom:14px}.sharing-dialog .sharing-link{margin-top:14px;padding-top:14px}.sharing-dialog .modal-shortcuts{margin-top:16px;padding-top:10px}.library-nav{gap:20px}.as-list .library-preview{flex-basis:74px;width:74px}.as-list .artifact-preview{height:60px}.as-list .artifact-card{gap:14px}.as-list .artifact-card-info{display:block}.as-list .artifact-row-state{justify-content:start;gap:8px;margin-top:5px;font-size:11px}.as-list time{text-align:left;min-width:0}.collection-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.shell-dialog[open],.shell-dialog[data-closing],.shell-dialog::backdrop,.reader-dock{animation:none}::view-transition-group(*){animation-duration:0s}::view-transition-old(*){animation-duration:0s}::view-transition-new(*){animation-duration:0s}}.reader-heading h1{max-width:none}.sharing-choice input[type=radio],.collection-checks input[type=checkbox],.shortcut-toggle input[type=checkbox]{flex:none;width:17px;height:17px;min-height:17px;margin:0}.public-text{color:var(--muted);margin-top:24px;font-size:14px}.public-text h2{margin-top:16px;font-size:20px}