@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--paper:#171a20;--white:#f2f3f5;--ink:#f0f1f4;--accent:#efb04b;--accent-text:#efb04b;--muted:#a5adba;--line:#363c46;--gold:#efb04b;--soft:#222730;--radius:4px;--shadow:0 18px 60px #00000030}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.75 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1,h2{font-weight:800}h3{font-weight:600}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #ffbf5e;outline-offset:5px}::selection{background:#f0b44d;color:var(--accent)}.section-shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:104px}.eyebrow{display:block;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.15em}.accent-word{color:var(--accent-text)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:white;padding:12px 20px;border-radius:8px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:#171a20f5;backdrop-filter:blur(15px);border-bottom:1px solid #363c4680}.nav-shell{height:88px;max-width:1320px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;line-height:1.03;font-weight:800;letter-spacing:-.06em;flex-shrink:0}.brand-sub{display:block;margin-top:5px;font-size:8px;letter-spacing:.28em;font-weight:600}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}.site-header nav>a:not(.button){position:relative}.site-header nav>a:not(.button):after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav>a:hover:after{transform:scaleX(1)}.nav-github{margin-left:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:14px 23px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#f2f3f5;font-size:12px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s,box-shadow .18s;text-align:center}.button:hover{background:#d0d5df;transform:translateY(-2px);box-shadow:0 6px 18px #d0d5df15}.button span{font-size:19px;line-height:1}.button-small{min-height:40px;padding:10px 17px;font-size:11px;gap:18px}.button-gold{background:var(--gold);color:var(--accent);border-color:var(--gold)}.button-gold:hover{background:#252b34}.button-outline{background:transparent;color:var(--accent);border-color:var(--line)}.button-outline:hover{background:#252b34}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;font-weight:800;border-bottom:1px solid transparent;line-height:1.7}.text-link:hover{border-bottom-color:currentColor}.text-link span{font-size:18px}.menu-toggle{display:none}.icon-button{border:0;background:transparent;font-size:28px;line-height:1;padding:8px}.hero{display:grid;grid-template-columns:.95fr 1fr;gap:64px;align-items:center;padding-block:64px 68px}.release-pill{display:inline-flex;align-items:center;gap:10px;padding:5px 10px;border:1px solid var(--line);border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.07em;background:#252b34}.release-pill>span:last-child{margin-left:5px;font-size:13px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a6aebb;flex-shrink:0}.hero h1{font-size:clamp(52px,5.6vw,77px);line-height:1.06;letter-spacing:-.067em;margin:25px 0 23px}.word-square{display:inline-block;width:.14em;height:.14em;background:#3c4552;vertical-align:top;margin:13px 0 0 6px;transform:rotate(0deg)}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);max-width:415px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.hero-note{font-size:10px;color:var(--muted);margin-top:15px}.hero-note>span:first-child{color:var(--accent-text);margin-right:6px}.dot-separator{padding-inline:9px}.hero-connection{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;max-width:375px;font-size:8px;font-weight:800;letter-spacing:.12em;color:#a6aebb}.hero-connection i{font-size:16px;font-style:normal;color:#a6aebb}.playground{border:1px solid #252b34;border-radius:14px;background:#252b34;box-shadow:var(--shadow);overflow:hidden;min-width:0;position:relative}.viewport-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;font-size:9px;letter-spacing:.11em;font-weight:600;color:#a6aebb;border-bottom:1px solid #252b34}.viewport-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.hero-stage{position:relative;height:312px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#252b34 0,transparent 70%)}canvas{display:block;width:100%;height:100%}.hero-stage canvas{cursor:grab;touch-action:pan-y}.hero-stage canvas:active{cursor:grabbing}.axis-label{position:absolute;bottom:20px;left:22px;font:9px/1.4 monospace;color:#a6aebb;pointer-events:none}.drag-hint{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.04em;color:#a6aebb;pointer-events:none;white-space:nowrap}.reset-view{position:absolute;right:20px;bottom:15px;border:1px solid #3c4552;background:#252b34;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;color:#a6aebb}.reset-view:hover{background:#252b34}.model-prompt{margin:0 16px 15px;padding:16px 18px;background:#252b34b0;border:1px solid #252b34;border-radius:8px;box-shadow:0 6px 15px #a6aebb07}.model-prompt .eyebrow{font-size:8px;color:#a6aebb;letter-spacing:.12em}.model-prompt p{font-size:13px;font-weight:600;margin-top:6px;line-height:1.6}.preview-disclaimer{display:block;font-size:8px;margin-top:6px;color:#a6aebb}.model-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #252b34;background:#252b34}.model-tabs button{padding:15px 8px;border:0;border-right:1px solid #252b34;background:none;font-size:11px;font-weight:600;position:relative}.model-tabs button:last-child{border-right:0}.model-tabs button[aria-pressed=true]{background:#252b34}.model-tabs button[aria-pressed=true]:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:#a6aebb}.model-tabs button span{font-size:8px;margin-right:9px;color:#a6aebb}.principles-strip{border-block:1px solid var(--line);background:#252b34}.principles-strip>.section-shell{display:flex;align-items:center;justify-content:space-between;padding-block:21px;font-size:11px}.principles-strip b{font-size:9px;font-weight:600;color:#a6aebb;margin-right:13px}.principles-strip a{font-size:10px;color:var(--accent-text);font-weight:800}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:38px}.section-heading .eyebrow{color:var(--accent-text);margin-bottom:16px}.section-heading h2,.community h2,.faq h2{font-size:clamp(36px,3.5vw,49px);line-height:1.15;letter-spacing:-.057em}.section-heading>p{max-width:285px;color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:5px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sample-card{min-width:0}.sample-stage{height:310px;position:relative;border:1px solid #252b34;border-radius:11px;overflow:hidden}.bag-stage{background:#252b34}.staff-stage{background:#252b34;border-color:#252b34}.robot-stage{background:#252b34;border-color:#252b34}.sample-category{position:absolute;left:20px;top:17px;z-index:1;font-size:8px;font-weight:800;letter-spacing:.1em;color:#a6aebb}.staff-stage .sample-category{color:#a6aebb}.robot-stage .sample-category{color:#a6aebb}.sample-stage canvas{height:100%;padding:18px 0 4px}.sample-index{position:absolute;bottom:18px;left:20px;font:9px monospace;color:#a6aebb}.round-button{position:absolute;right:17px;bottom:15px;width:34px;height:34px;border-radius:50%;border:1px solid #252b34;background:#252b34a0;font-size:19px}.round-button:hover{background:white;transform:rotate(8deg)}.sample-info{padding:22px 1px 0}.sample-info h3{font-size:18px;letter-spacing:-.035em}.sample-info>p{font-size:11px;color:var(--muted);margin-top:8px}.sample-spec{display:flex;gap:14px;font-size:9px;color:#a6aebb;margin:15px 0 20px}.sample-spec>span+span:before{content:"·";margin-right:14px;color:#3c4552}.sample-links{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:5px;padding-top:16px;font-size:10px;font-weight:600}.sample-links button{border:0;background:none;padding:0;font-size:10px;color:#a6aebb}.sample-links a:hover,.sample-links button:hover{color:#a6aebb}.sample-links span{padding-left:5px}.showcase-footnote{display:flex;justify-content:space-between;gap:25px;margin-top:35px;padding-top:21px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.showcase-footnote>span{max-width:270px;text-align:right;font-size:9px}.workflow-section{background:#111419;color:#f0f1f4}.workflow-section .section-heading .eyebrow{color:#3c4552}.workflow-section .section-heading>p{color:#3c4552}.workflow-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}.editor-proof{overflow:hidden;border:1px solid #a6aebb;border-radius:10px;box-shadow:0 20px 50px #11151c33;background:#11151c}.editor-caption{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:8px;letter-spacing:.12em;color:#252b34}.editor-caption .live-dot{background:#3c4552}.editor-caption button{margin-left:auto;border:0;background:none;color:#252b34;font-size:20px;line-height:1}.editor-proof>img{width:100%;height:auto}.editor-bottom{padding:11px 16px;display:flex;justify-content:space-between;font:8px/1.4 monospace;color:#3c4552}.workflow-steps article{display:flex;gap:18px;margin-bottom:27px}.step-number{color:#3c4552;font-size:10px;line-height:2.7;font-weight:800}.workflow-steps h3{font-size:19px;color:#252b34;letter-spacing:-.03em}.workflow-steps p{font-size:11px;line-height:1.85;color:#3c4552;margin-top:10px}.light-link{display:flex;justify-content:space-between;color:#252b34;font-size:11px;margin-top:4px;margin-left:32px;padding-top:14px;border-top:1px solid #a6aebb}.capability-line{display:flex;gap:49px;align-items:center;border-top:1px solid #d0d5df;margin-top:51px;padding-top:26px;font-size:10px;color:#3c4552}.capability-line b{font-size:22px;font-weight:600;margin-right:8px;color:#252b34;letter-spacing:-.05em}.capability-line a{margin-left:auto;color:#252b34}.setup-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.setup-overview article{border-top:1px solid var(--line);padding-top:25px}.large-number{display:block;font-size:35px;font-weight:400;line-height:1;color:#3c4552;letter-spacing:-.07em;margin-bottom:25px}.setup-overview h3{font-size:18px}.setup-overview p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:12px;max-width:310px}.download-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:54px 62px;background:#252b34;border:1px solid #252b34;border-radius:14px}.download-copy .eyebrow{color:var(--accent-text);margin-bottom:18px}.download-copy h2{font-size:45px;line-height:1.17;letter-spacing:-.055em}.download-copy>p{font-size:12px;line-height:1.9;margin:18px 0 25px;color:#a6aebb}.download-copy .button{background:var(--accent);border-color:var(--accent);color:#252b34}.download-copy .button:hover{background:#d0d5df}.download-meta{display:block;font-size:9px;color:#a6aebb;margin-top:11px}.download-details{padding-left:42px;border-left:1px solid #3c4552}.requirements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.requirements-header .eyebrow{font-size:9px;color:#a6aebb}.version-label{font:10px monospace;border:1px solid #3c4552;border-radius:4px;padding:3px 8px;color:#a6aebb}.requirements{list-style:none;padding:0;margin:0 0 20px}.requirements li{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid #252b34}.requirements li>span{font:9px monospace;color:#a6aebb;margin-top:5px}.requirements b{font-size:12px;font-weight:600}.requirements small{display:block;font-size:10px;color:#a6aebb;margin-top:3px}.release-links{display:flex;gap:23px;font-size:9px;color:#a6aebb;margin-top:16px}.release-links a:hover{text-decoration:underline}.beta-note{font-size:10px;line-height:1.85;color:#a6aebb;padding:20px 12px 0;max-width:1060px;margin:auto}.beta-note b{color:#d0d5df;font-weight:600}.beta-note a{text-decoration:underline;text-underline-offset:3px}.community{display:grid;grid-template-columns:1fr 1fr;gap:100px}.community-heading .eyebrow{color:var(--accent-text);margin-bottom:18px}.community-heading>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:425px;margin:21px 0 27px}.contribution-list{padding-top:10px}.contribution-list>a{display:flex;gap:22px;align-items:flex-start;padding:27px 0;border-bottom:1px solid var(--line)}.contribution-list>a:first-child{padding-top:0}.contribution-list>a:last-child{border-bottom:0}.contribution-icon{font-size:28px;color:#a6aebb;line-height:1.2;width:29px;flex-shrink:0}.contribution-list h3{font-size:19px}.contribution-list p{color:var(--muted);font-size:11px;line-height:1.9;margin-top:10px}.contribution-list>a>span:last-child{font-size:20px;color:#a6aebb;margin-left:auto}.contribution-list>a:hover h3{color:#a6aebb}.faq{display:grid;grid-template-columns:.8fr 1.4fr;gap:110px;border-top:1px solid var(--line);padding-top:65px}.faq .eyebrow{color:var(--accent-text);margin-bottom:17px}.faq .text-link{margin-top:25px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:21px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:600;line-height:1.6}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{font-size:23px;font-weight:400;color:#a6aebb}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-items details>p{font-size:12px;line-height:1.85;color:var(--muted);padding:0 30px 23px 0}.site-footer{border-top:1px solid var(--line);background:#252b34}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px}.footer-main>p{font-size:11px;color:#a6aebb}.footer-main>div{display:flex;gap:24px;font-size:10px}.footer-bottom{border-top:1px solid #252b34;display:flex;justify-content:space-between;gap:20px;padding-block:19px;font-size:8px;color:#a6aebb}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--accent);color:white;border:1px solid #a6aebb;box-shadow:var(--shadow);border-radius:8px;padding:12px 22px;font-size:12px;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;max-width:calc(100% - 40px)}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #a6aebb;border-radius:13px;background:var(--paper);color:var(--ink);padding:20px;width:min(1100px,94vw);max-height:92vh;box-shadow:0 40px 80px #11151c}dialog::backdrop{background:#0c0e12ed;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-head h2{font-size:19px;letter-spacing:-.03em}dialog>img{max-height:72vh;width:100%;object-fit:contain}dialog>p{font-size:10px;color:var(--muted);padding-top:13px}.noscript-note{padding:12px;text-align:center;background:#252b34;font-size:12px}
/* Guide */
.guide-hero{padding-top:61px;padding-bottom:38px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:10px;color:#a6aebb;margin-bottom:26px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs span{margin-inline:12px}.guide-hero .eyebrow{color:var(--accent-text);margin-bottom:18px}.guide-hero h1{font-size:58px;letter-spacing:-.06em;line-height:1.12}.guide-hero .intro{font-size:14px;color:var(--muted);max-width:680px;line-height:1.9;margin-top:21px}.guide-meta{display:flex;gap:25px;align-items:center;margin-top:23px;font-size:10px;color:#a6aebb}.guide-meta span{display:flex;align-items:center;gap:7px}.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:65px;padding-block:48px 80px}.guide-sidebar{position:sticky;top:120px;align-self:start}.guide-sidebar>.eyebrow{color:#a6aebb;font-size:9px;margin-bottom:17px}.guide-toc{display:flex;flex-direction:column;gap:0}.guide-toc a{padding:9px 10px 9px 0;font-size:11px;line-height:1.4;color:#a6aebb;display:flex;align-items:center;gap:10px;border-right:2px solid transparent}.guide-toc a span{color:#3c4552;font-size:9px;min-width:14px}.guide-toc a.active{color:var(--accent);font-weight:800;border-color:#a6aebb}.guide-toc a:hover{color:var(--accent)}.progress-box{margin-top:26px;border:1px solid var(--line);border-radius:8px;padding:15px;background:#252b34}.progress-box>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:600}.progress-box progress{width:100%;height:5px;display:block;margin-top:11px;accent-color:var(--accent-text)}.progress-box progress::-webkit-progress-bar{background:#252b34;border-radius:5px}.progress-box progress::-webkit-progress-value{background:#a6aebb;border-radius:5px}.progress-box small{display:block;color:#a6aebb;font-size:8px;margin-top:9px}.reset-progress{border:0;background:none;font-size:9px;padding:7px 0 0;color:#a6aebb;text-decoration:underline}.sidebar-download{width:100%;margin-top:20px;min-height:43px;font-size:10px}.guide-content{min-width:0}.guide-section{padding-bottom:40px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:115px}.guide-section h2{font-size:27px;letter-spacing:-.045em;margin-bottom:16px;line-height:1.25}.guide-section h3{font-size:16px;letter-spacing:-.025em;margin:24px 0 12px}.guide-section p,.guide-section li{font-size:12px;line-height:1.95;color:#a6aebb}.guide-section p+p{margin-top:12px}.guide-section p a,.guide-section li a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.guide-section ol,.guide-section ul{padding-left:20px;margin:16px 0}.guide-section li{padding-left:5px;margin-bottom:7px}.guide-section strong{font-weight:600;color:#d0d5df}.guide-step-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px}.guide-step-heading>span{display:flex;align-items:center;justify-content:center;width:31px;height:31px;font-size:10px;font-weight:600;border:1px solid #252b34;border-radius:7px;background:#252b34;flex-shrink:0}.guide-step-heading h2{margin:0}.guide-content code{font:11px/1.8 Consolas,'Courier New',monospace;overflow-wrap:anywhere;background:#252b34;padding:2px 5px;border-radius:3px;color:#d0d5df}.code-block{position:relative;margin:16px 0;background:#d0d5df;color:#252b34;border-radius:8px;border:1px solid #d0d5df;overflow:hidden}.code-block pre{margin:0;padding:22px 65px 22px 20px;white-space:pre-wrap;word-break:break-word;font:11px/1.95 Consolas,monospace;color:#252b34}.code-block code{background:none;padding:0;color:inherit;font:inherit}.copy-code{position:absolute;right:12px;top:12px;background:#d0d5df;border:1px solid #a6aebb;color:#252b34;font-size:9px;padding:5px 8px;border-radius:4px}.guide-callout{background:#252b34;border-left:3px solid #a6aebb;padding:17px 21px;margin:20px 0;border-radius:0 7px 7px 0}.guide-callout p{font-size:11px;line-height:1.9}.guide-callout b{color:#d0d5df;font-weight:600}.guide-callout.caution{background:#252b34;border-left-color:#3c4552}.guide-callout.caution b{color:#a6aebb}.requirements-table{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.requirement-card{padding:16px 19px;border:1px solid var(--line);border-radius:7px;background:white}.requirement-card h3{margin:0 0 5px;font-size:13px}.requirement-card p{font-size:10px}.requirement-card a{font-size:10px;font-weight:600;display:inline-block;margin-top:7px;color:var(--accent-text)}.guide-toggle{display:flex;gap:5px;padding:5px;background:#252b34;border:1px solid #252b34;border-radius:7px;margin:20px 0;width:max-content;max-width:100%}.guide-toggle button{border:0;background:none;padding:9px 16px;border-radius:4px;font-size:10px;font-weight:600;line-height:1.6}.guide-toggle button[aria-selected=true]{background:white;box-shadow:0 1px 7px #d0d5df10;color:#d0d5df}.guide-toggle button small{font-size:8px;font-weight:400;display:block;color:#a6aebb}.complete-step{display:flex;align-items:center;gap:9px;font-size:11px;color:#a6aebb;margin-top:24px;cursor:pointer;width:fit-content}.complete-step input{width:16px;height:16px;accent-color:var(--accent-text);margin:0}.complete-step:has(input:checked){color:#a6aebb}.prompt-example{background:#252b34;border:1px solid #252b34;border-radius:9px;padding:23px;margin:18px 0}.prompt-example .eyebrow{font-size:9px;color:#a6aebb;margin-bottom:10px}.prompt-example blockquote{font-size:16px;line-height:1.7;letter-spacing:-.02em;margin:0;font-weight:600;color:#d0d5df}.prompt-example button{font-size:10px;border:0;border-bottom:1px solid #a6aebb;background:none;color:#a6aebb;padding:0;margin-top:15px}.guide-photo{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:20px}.guide-photo img{width:100%;height:auto}.guide-photo figcaption{padding:10px 14px;font-size:9px;color:#a6aebb;background:#252b34}.guide-end{background:#252b34;border-radius:12px;padding:30px}.guide-end h2{font-size:25px}.guide-end p{font-size:12px;color:var(--muted);margin-top:12px}.guide-end .button{margin-top:22px}.guide-troubleshooting details{border-bottom:1px solid var(--line);padding-block:13px}.guide-troubleshooting summary{font-size:12px;font-weight:600;cursor:pointer}.guide-troubleshooting details>p{padding:12px 20px 0 0;font-size:11px}.guide-content [hidden]{display:none!important}.print-guide{font-size:10px;border:0;background:none;color:#a6aebb;cursor:pointer}.guide-bottom-links{display:flex;gap:24px;margin-top:30px;font-size:10px;color:#a6aebb}.guide-mini-menu{display:none}

/* A creator's workspace: graphite, warm metal, crisp voxel-inspired edges. */
:root{color-scheme:dark;--panel:#20252d;--raised:#292f39;--accent:#efb04b;--accent-text:#efb04b;--gold:#efb04b}
body{background:#171a20}h1,h2,h3{letter-spacing:-.035em}h1,h2{font-weight:800}
.site-header{border-bottom:1px solid #383e48;background:#171a20f5}.nav-shell{height:78px}
.brand{letter-spacing:-.035em;font-size:22px}.brand-sub{color:#9da6b4}.brand img{width:38px;height:38px}
.site-header nav{font-size:12px}.site-header nav>a:not(.button):hover{color:var(--accent)}
.button{background:var(--accent);border:1px solid #ffc66f;border-bottom:3px solid #a56b24;border-radius:3px;color:#17191e;font-weight:800;box-shadow:inset 0 1px #ffe0ad60;min-height:49px}
.button:hover{background:#ffc56c;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.button-outline{background:#242a33;border:1px solid #434c59;color:#e9ecf1;box-shadow:none}.button-outline:hover{background:#303844}
.button-small{min-height:39px}.text-link{color:#e3e6ec}.text-link:hover{color:var(--accent)}
.hero{position:relative;grid-template-columns:1fr 1.08fr;gap:60px;padding-block:70px 72px;isolation:isolate}
.hero:before{content:'';position:absolute;z-index:-1;inset:0 -30px;background-image:linear-gradient(#b5c4e608 1px,transparent 1px),linear-gradient(90deg,#b5c4e608 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%);pointer-events:none}
.release-pill{background:#252a32;color:#c5cbd5;border:1px solid #3a424f;border-radius:2px;font-family:Consolas,monospace;font-size:10px;letter-spacing:.07em;padding:6px 10px}.live-dot{border-radius:0;background:var(--accent);box-shadow:0 0 9px #efb04b30}
.hero h1{font-size:clamp(52px,5.5vw,78px);letter-spacing:-.055em;line-height:1.08;margin:25px 0 23px}.accent-word{color:var(--accent)}.word-square{background:#efb04b;box-shadow:7px 7px #7c5c31;width:.12em;height:.12em}
.hero-description{font-size:15px;color:#adb5c3;line-height:1.85}.hero-note{color:#a2aab7;font-size:11px}.hero-connection{color:#8995a8;border-color:#343b46;font:10px/1.5 Consolas,monospace;letter-spacing:.03em}.hero-connection i{color:#efb04b}
.playground{background:#202630;border:1px solid #495262;border-radius:4px;box-shadow:0 20px 55px #0004,8px 8px 0 #111419;overflow:hidden}
.viewport-toolbar{background:#292f39;border-color:#424a58;color:#bac3d0;font:10px/1.6 Consolas,monospace;letter-spacing:.06em;padding:14px 19px}.viewport-toolbar>span:last-child{color:#efb04b}
.hero-stage{height:340px;background:radial-gradient(ellipse at 50% 42%,#384352 0,#232a34 62%,#1e242d 100%)}
.axis-label{color:#8896aa;font-size:10px}.drag-hint{color:#a4afbf;font:10px/1.4 Consolas,monospace}.reset-view{border-radius:3px;background:#303947;border-color:#566171;color:#c5cedc}.reset-view:hover{background:#455163}
.model-prompt{background:#191e26;border:1px solid #424a57;border-left:2px solid #efb04b;border-radius:2px;box-shadow:none;margin:0 15px 15px}.model-prompt .eyebrow{color:#efb04b;font:9px/1.5 Consolas,monospace;letter-spacing:.1em}.model-prompt p{color:#dce1ea;font-size:13px}.preview-disclaimer{color:#909caf;font-size:9px}
.model-tabs{background:#181d25;border-color:#434b59}.model-tabs button{border-color:#434b59;color:#a8b2c2;font-size:12px;padding:14px 8px}.model-tabs button:hover{background:#303845;color:#fff}.model-tabs button[aria-pressed=true]{background:#303844;color:#f4bd65}.model-tabs button[aria-pressed=true]:before{background:var(--accent)}.model-tabs button span{color:#7e8b9e}
.principles-strip{background:#20242c;border-color:#353c47}.principles-strip>.section-shell{font-size:12px}.principles-strip b{font-family:Consolas,monospace;color:#efb04b}
.eyebrow{font-family:Consolas,'Courier New',monospace;font-size:11px;letter-spacing:.12em}.section-heading h2,.community h2,.faq h2{letter-spacing:-.04em}.section-heading>p{font-size:14px;color:#a7b0bf}
.sample-stage{border:1px solid #404957;border-radius:3px;background-color:#242d37;background-image:linear-gradient(#c7d5ed07 1px,transparent 1px),linear-gradient(90deg,#c7d5ed07 1px,transparent 1px);background-size:30px 30px}.staff-stage{background-color:#2b2838;border-color:#494359}.robot-stage{background-color:#302b25;border-color:#524736}
.sample-category,.staff-stage .sample-category,.robot-stage .sample-category{color:#aeb8c8;font:9px/1.5 Consolas,monospace;letter-spacing:.07em}.sample-index{color:#8f9bad}.round-button{border-radius:3px;background:#333e4e;border:1px solid #5a677a;color:#dbe3f0}.round-button:hover{background:#efb04b;color:#171a20;transform:translateY(-2px)}
.sample-info>p{font-size:12px}.sample-spec{font:10px/1.7 Consolas,monospace;color:#a4adbc}.sample-links{font-size:11px}.sample-links button{font-size:11px;color:#a5b1c3}.sample-links a:hover,.sample-links button:hover{color:#efb04b}.showcase-footnote{font-size:11px}.showcase-footnote>span{font-size:10px}
.workflow-section{background:#111419;border-block:1px solid #333a45;color:#e8ecf3}.workflow-section .section-heading .eyebrow{color:#efb04b}.workflow-section .section-heading>p{color:#9ba7b9}.editor-proof{background:#202630;border-color:#485261;border-radius:3px;box-shadow:10px 10px #090b0f}.editor-caption,.editor-caption button,.editor-bottom{color:#b2bdcd}.editor-caption .live-dot{background:#efb04b}
.workflow-steps h3{color:#eceff4}.workflow-steps p{color:#9eabbd;font-size:12px}.step-number{color:#efb04b;font-family:Consolas,monospace}.light-link{border-color:#394453;color:#efb04b}.capability-line{border-color:#394453;color:#9eabbd}.capability-line b{color:#efb04b}.capability-line a{color:#c9d1df}
.large-number{color:#697486;font-family:Consolas,monospace;font-size:31px}.setup-overview p{font-size:13px}
.download-panel{background:#252a33;border:1px solid #55503f;border-top:3px solid #efb04b;border-radius:3px;position:relative;box-shadow:0 15px 35px #0002}.download-copy>p{color:#abb4c2;font-size:13px}.download-copy .button{background:var(--accent);color:#17191e;border-color:#ffc66f;border-bottom-color:#a56b24}.download-copy .button:hover{background:#ffc56c}.download-meta{color:#949eaf;font-size:10px}.download-details{border-color:#444b58}.requirements-header .eyebrow{color:#a9b3c2}.version-label{border-color:#655333;color:#efb04b;border-radius:2px}.requirements li{border-color:#3f4754}.requirements li>span{color:#efb04b}.requirements small{color:#9ca7b9;font-size:11px}.release-links{color:#b7c0cf;font-size:10px}.beta-note{color:#9ba6b7;font-size:11px}.beta-note b{color:#cbd3df}
.community-heading>p{font-size:14px}.contribution-icon,.contribution-list>a>span:last-child{color:#e8b365}.contribution-list p{font-size:12px}.contribution-list>a:hover h3{color:#efb04b}.faq-items summary{font-size:14px}.faq-items summary>span{color:#efb04b}.faq-items details>p{font-size:13px}
.site-footer{background:#111419;border-color:#373e48}.footer-main>p,.footer-bottom{color:#8e9bad}.footer-bottom{border-color:#303843;font-size:9px}.footer-main>div{font-size:11px}.toast{background:#303743;border-color:#665538;color:#ffe0a9;border-radius:3px}dialog{border-color:#566171;border-radius:4px;background:#202630}dialog::backdrop{background:#090c11ed}.noscript-note{background:#393023;color:#efd7ad}
.guide-hero{background-image:linear-gradient(90deg,transparent,#efb04b05)}.breadcrumbs,.guide-meta{color:#9da8b9}.guide-layout{gap:55px}.guide-sidebar>.eyebrow,.guide-toc a{color:#a2adbd}.guide-toc a span{color:#717e92}.guide-toc a.active{color:#efb04b;border-color:#efb04b}.guide-toc a:hover{color:#efb04b}.progress-box{background:#222832;border-radius:3px}.progress-box progress::-webkit-progress-bar{background:#3c4552}.progress-box progress::-webkit-progress-value{background:#efb04b}.progress-box small,.reset-progress{color:#a2adbd}
.guide-section p,.guide-section li{color:#adb7c6;font-size:13px}.guide-section strong{color:#e6ebf3}.guide-step-heading>span{border-color:#655236;background:#322b22;color:#efb04b;border-radius:2px;font-family:Consolas,monospace}.guide-content code{background:#2d3541;color:#e4bd7b;border-radius:2px}.code-block{background:#10151c;border-color:#394759;border-radius:3px}.code-block pre{color:#d4e0f0;font-size:12px}.code-block code{background:none;color:inherit}.copy-code{background:#303b4b;border-color:#526077;color:#dbe5f4;border-radius:2px}
.guide-callout{background:#242d38;border-left-color:#7f9cbd;border-radius:0}.guide-callout b{color:#cfdaea}.guide-callout.caution{background:#312b23;border-left-color:#efb04b}.guide-callout.caution b{color:#eac487}.requirement-card{background:#222832;border-radius:3px}.requirement-card p{font-size:11px}.guide-toggle{background:#181e26;border-color:#404b5a;border-radius:3px}.guide-toggle button{border-radius:2px;color:#b3bfd0}.guide-toggle button[aria-selected=true]{background:#3c4655;color:#ffd186;box-shadow:inset 0 -2px #efb04b}.guide-toggle button small{color:#a3afc2}
.complete-step{color:#9eaabd}.complete-step:has(input:checked){color:#efb04b}.prompt-example{background:#282a2d;border-color:#60513c;border-radius:3px}.prompt-example .eyebrow{color:#efb04b}.prompt-example blockquote{color:#e5e8ee}.prompt-example button{color:#f0bc67;border-color:#75613e}.guide-photo{border-radius:3px}.guide-photo figcaption{background:#222832;color:#a3afc1}.guide-end{background:#262d37;border:1px solid #444f60;border-radius:3px}.print-guide,.guide-bottom-links{color:#d3b787}.guide-mini-menu{background:#252d39}

@media(min-width:1500px){.hero{gap:85px;padding-block:85px}.hero-stage{height:350px}}
@media(max-width:1100px){.section-shell,.nav-shell{width:calc(100% - 64px)}.hero{gap:35px}.hero h1{font-size:61px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-description{font-size:13px}.hero-connection{margin-top:28px}.site-header nav{gap:23px}.nav-github{margin-left:0}.sample-stage{height:270px}.sample-links{font-size:9px}.sample-links button{font-size:9px}.workflow-grid{gap:36px}.community{gap:55px}.download-panel{padding:43px;gap:35px}.download-copy h2{font-size:40px}.download-details{padding-left:30px}.faq{gap:65px}.guide-layout{gap:40px;grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:850px){.site-header nav{gap:18px}.site-header .nav-github{display:none}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:45px;padding-bottom:45px}.hero h1{font-size:50px}.hero-description br{display:none}.hero-actions{gap:15px;align-items:flex-start;flex-direction:column}.hero-note{font-size:9px}.hero-connection{gap:9px;font-size:7px;margin-top:24px}.hero-stage{height:283px}.model-prompt p{font-size:11px}.preview-disclaimer{font-size:7px}.model-tabs button{font-size:10px}.model-tabs button span{display:none}.section-space{padding-block:75px}.principles-strip>.section-shell{font-size:9px;gap:12px}.principles-strip b{margin-right:8px}.principles-strip a{display:none}.section-heading{gap:35px}.section-heading>p{max-width:235px;font-size:12px}.model-grid{gap:16px}.sample-stage{height:240px}.sample-info h3{font-size:16px}.sample-category{font-size:7px;left:14px}.sample-spec{gap:8px;font-size:8px}.sample-spec>span+span:before{margin-right:8px}.sample-links{flex-direction:column;align-items:flex-start;gap:9px}.sample-info>p{font-size:10px}.workflow-grid{grid-template-columns:1fr}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.workflow-steps article{gap:10px;margin:0}.workflow-steps h3{font-size:16px}.workflow-steps p{font-size:10px}.workflow-steps .light-link{grid-column:1/-1;margin-left:0;margin-top:0}.capability-line{gap:25px;margin-top:30px}.capability-line b{font-size:20px}.setup-overview{gap:23px}.setup-overview h3{font-size:16px}.setup-overview p{font-size:11px}.download-panel{padding:35px;gap:28px}.download-copy h2{font-size:35px}.download-details{padding-left:25px}.requirements b{font-size:11px}.requirements small{font-size:9px}.download-details .text-link{font-size:10px}.community{gap:38px}.contribution-list h3{font-size:16px}.contribution-list p{font-size:10px}.contribution-list>a{gap:14px}.faq{gap:35px}.faq-items summary{font-size:12px}.footer-main{flex-wrap:wrap}.footer-main>p{display:none}.guide-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.guide-toc a{font-size:10px}.guide-hero h1{font-size:49px}.requirements-table{grid-template-columns:1fr}.guide-toggle button{padding:8px 12px}}
@media(max-width:650px){.section-shell,.nav-shell{width:calc(100% - 40px)}.nav-shell{height:73px}.brand{font-size:20px}.brand img{width:33px;height:33px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:12px 4px}.menu-toggle span{width:23px;height:2px;background:var(--accent)}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;padding:22px 25px;background:var(--paper);box-shadow:0 18px 20px #11151c12;border-bottom:1px solid var(--line);align-items:stretch;gap:22px;flex-direction:column}.site-header nav.open{display:flex}.site-header .nav-github{display:block}.site-header nav>.button{align-self:flex-start}.hero{grid-template-columns:1fr;padding:41px 0 40px;gap:34px}.hero h1{font-size:clamp(52px,12vw,68px);margin-top:23px;margin-bottom:20px}.hero-description{font-size:13px;max-width:395px}.hero-description br{display:block}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.hero-actions .button{font-size:10px;padding:13px 16px;gap:15px;min-height:46px}.hero-actions .text-link{font-size:10px;gap:8px}.hero-note{margin-top:14px}.hero-connection{display:none}.hero-stage{height:285px}.viewport-toolbar{font-size:8px;padding:14px 17px}.model-prompt{padding:14px 16px}.model-prompt p{font-size:13px}.preview-disclaimer{font-size:8px}.model-tabs button{font-size:10px;padding:13px 8px}.model-tabs button span{display:inline}.principles-strip>.section-shell{gap:12px;font-size:8px;line-height:1.7;padding-block:17px}.principles-strip span{max-width:100px}.principles-strip b{display:block;font-size:8px;margin-bottom:4px}.section-space{padding-block:60px}.section-heading{align-items:flex-start;flex-direction:column;gap:21px;margin-bottom:28px}.section-heading h2,.community h2,.faq h2{font-size:38px}.section-heading>p{max-width:330px;font-size:12px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.model-grid{grid-template-columns:1fr;gap:35px}.sample-stage{height:330px}.sample-category{font-size:8px;left:20px}.sample-info h3{font-size:20px}.sample-info>p{font-size:12px}.sample-spec{font-size:9px;gap:14px;margin-top:12px;margin-bottom:16px}.sample-spec>span+span:before{margin-right:14px}.sample-links{flex-direction:row;font-size:11px;gap:15px;padding-top:14px}.sample-links button{font-size:10px}.sample-info{padding-top:20px}.showcase-footnote{flex-direction:column;gap:8px;margin-top:27px;font-size:10px}.showcase-footnote>span{text-align:left;max-width:100%;font-size:9px}.workflow-grid{gap:29px}.workflow-steps{grid-template-columns:1fr;gap:22px}.workflow-steps article{gap:17px}.workflow-steps h3{font-size:20px}.workflow-steps p{font-size:12px}.workflow-steps .light-link{font-size:11px;padding-top:17px}.capability-line{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:9px}.capability-line>a{margin-left:0}.setup-overview{grid-template-columns:1fr;gap:25px}.setup-overview article{padding-top:20px;padding-left:57px;position:relative}.large-number{position:absolute;left:0;top:20px;font-size:29px}.setup-overview h3{font-size:18px}.setup-overview p{font-size:12px;max-width:100%;margin-top:10px}.download-panel{grid-template-columns:1fr;padding:30px 24px;gap:35px}.download-copy h2{font-size:39px}.download-details{padding-left:0;padding-top:27px;border-left:0;border-top:1px solid #3c4552}.requirements b{font-size:12px}.requirements small{font-size:10px}.download-details .text-link{font-size:12px}.beta-note{padding-inline:0;font-size:10px}.community{grid-template-columns:1fr;gap:35px}.community-heading>p{font-size:12px}.contribution-list h3{font-size:19px}.contribution-list p{font-size:12px}.contribution-list>a{gap:18px;padding:23px 0}.faq{grid-template-columns:1fr;gap:24px}.faq>div:first-child h2 br{display:none}.faq .text-link{margin-top:18px}.faq-items summary{font-size:13px}.footer-main{gap:24px;padding-block:30px}.footer-main>div{gap:20px;width:100%}.footer-bottom{flex-direction:column;gap:8px;padding-block:20px;font-size:8px}.guide-hero{padding-top:35px;padding-bottom:29px}.guide-hero h1{font-size:42px}.guide-hero .intro{font-size:12px}.guide-meta{gap:13px;flex-wrap:wrap;font-size:9px}.guide-layout{grid-template-columns:1fr;gap:26px;padding-top:25px}.guide-sidebar{position:static;display:none}.guide-mini-menu{display:block;background:#252b34;border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:11px;margin-bottom:24px}.guide-mini-menu summary{font-weight:600;cursor:pointer}.guide-mini-menu a{display:block;padding-top:10px}.guide-section h2{font-size:24px}.guide-step-heading{gap:12px}.guide-section{padding-bottom:30px;margin-bottom:29px}.guide-content p,.guide-content li{font-size:12px}.guide-toggle{width:100%;flex-wrap:wrap;gap:4px}.guide-toggle button{padding:9px 12px;flex:1}.guide-callout{padding:15px 17px}.guide-photo{margin-inline:0}.code-block pre{font-size:10px;padding:45px 15px 20px}.prompt-example blockquote{font-size:14px}.guide-end{padding:24px}.guide-bottom-links{gap:18px;flex-wrap:wrap}.toast{font-size:11px;width:max-content}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.guide-sidebar,.guide-mini-menu,.complete-step,.copy-code,.guide-toggle,.print-guide,.toast{display:none!important}.section-shell{width:100%}.guide-layout{display:block}.guide-hero{padding-top:0}.guide-section{break-inside:avoid}.guide-content [hidden]{display:block!important}a{text-decoration:underline}body{background:white;color:black}.guide-callout,.code-block{background:#252b34;color:black}.code-block pre,.code-block code{color:black}}

@media(max-width:850px){.hero h1{font-size:49px}.hero-stage{height:310px}.hero-description{font-size:13px}.preview-disclaimer{font-size:8px}.section-heading>p{font-size:13px}}
@media(max-width:650px){.nav-shell{height:73px}.hero{padding-block:36px 44px}.hero:before{inset:0 -15px}.hero h1{font-size:clamp(48px,12vw,64px)}.hero-stage{height:310px}.hero-description{font-size:14px}.playground{box-shadow:5px 5px #111419}.model-tabs button{font-size:11px}.model-prompt p{font-size:13px}.preview-disclaimer{font-size:8px}.principles-strip>.section-shell{font-size:10px}.sample-stage{height:330px}.sample-links,.sample-links button{font-size:11px}.download-details{border-color:#444b58}.guide-mini-menu{background:#252d39}.guide-content p,.guide-content li{font-size:13px}.guide-toggle button{font-size:10px}.site-header nav{background:#1d232d}.menu-toggle span{background:#e2e7ef}}
@media print{*{color:#111!important;border-color:#ccc!important;box-shadow:none!important}body,.guide-section,.requirement-card,.guide-callout,.guide-end,.prompt-example,.code-block,.guide-content code{background:#fff!important}.guide-hero{background:none}.guide-content [hidden]{display:block!important}}