@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Brunson;src:url(/fonts/brunson.ttf)format("truetype");font-display:swap}@property --wm-0{syntax:"<color>";inherits:true;initial-value:#ff5fa2}@property --wm-1{syntax:"<color>";inherits:true;initial-value:#ffb547}@property --wm-2{syntax:"<color>";inherits:true;initial-value:#9ad08c}@property --wm-3{syntax:"<color>";inherits:true;initial-value:#5ee6d0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a12;--surface:#15131f;--surface-2:#1d1a2b;--border:#2c2840;--text:#f1eefb;--text-2:#b4adc9;--text-3:#8a83a3;--accent:#ff5fa2;--accent-2:#ffb547;--accent-3:#5ee6d0;--ok:#5ee6a0;--warn:#ffcf5c;--bad:#ff6b6b;--radius:16px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--display:"Brunson", "Inter", system-ui, sans-serif;--glow:linear-gradient(110deg, var(--accent), var(--accent-2) 55%, var(--accent-3))}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:100%;line-height:1.5}a{color:var(--accent-3)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-3);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:#000;padding:.75rem 1.25rem;position:absolute;inset-block-start:-100%;inset-inline-start:0}.skip-link:focus{inset-block-start:0}.site-header{border-block-end:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0b0a12d9;align-items:center;gap:1rem;padding:.75rem clamp(1rem,3vw,2rem);display:flex;position:sticky;inset-block-start:0}.wordmark{font-family:var(--display);color:var(--text);letter-spacing:.01em;font-size:1.6rem;line-height:1;text-decoration:none}.wordmark span{background:linear-gradient(110deg, var(--wm-0), var(--wm-1) 35%, var(--wm-2) 65%, var(--wm-3));color:#0000;-webkit-background-clip:text;background-clip:text;transition:--wm-0 .9s,--wm-1 .9s,--wm-2 .9s,--wm-3 .9s}.site-nav{align-items:center;gap:.25rem;margin-inline-start:auto;display:flex}.site-nav a{color:var(--text-2);border-radius:999px;align-items:center;min-height:44px;padding:.5rem .75rem;text-decoration:none;display:inline-flex}.site-nav a[aria-current=page]{color:var(--text)}.btn{min-height:40px;color:var(--text-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.45rem .8rem;font-weight:600;text-decoration:none;transition:transform .12s ease-out,background .12s ease-out,opacity .12s;display:inline-flex}.btn:hover{color:var(--text);background:#ffffff0f}.btn:active{transform:scale(.97)}.btn[aria-disabled=true],.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:var(--text);border-color:#ffffff38}.btn-primary:hover{border-color:#fff6}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-small{min-height:36px;padding:.35rem .8rem;font-size:.875rem}.studio{grid-template-columns:1fr;gap:1rem;max-width:96rem;margin-inline:auto;padding:1rem clamp(.75rem,2vw,1.5rem) 2rem;display:grid}@media (min-width:64rem){.studio{grid-template-columns:minmax(22rem,1fr) auto minmax(18rem,22rem);align-items:start;height:calc(100vh - 70px)}.studio>*{max-height:calc(100vh - 100px)}}.panel{flex-direction:column;min-height:0;display:flex}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0;font-size:.8rem;font-weight:700}.chat{height:100%;min-height:28rem}.chat-log{flex-direction:column;flex:1;gap:.75rem;padding:.5rem 0;display:flex;overflow-y:auto}.chat-empty{color:var(--text-2);padding:.5rem}.chat-empty h1{font-family:var(--display);color:var(--text);margin:.25rem 0 .75rem;font-size:clamp(1.8rem,1.3rem + 2vw,2.6rem);font-weight:400;line-height:1.05}.chat-empty h1 span{background:var(--glow);color:#0000;-webkit-background-clip:text;background-clip:text}.ideas{flex-direction:column;align-items:flex-start;gap:0;margin-block-start:1rem;display:flex}.idea{color:var(--text-2);cursor:pointer;text-align:start;background:0 0;border:none;min-height:36px;padding:.3rem 0}.idea:hover{color:var(--text)}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:92%;padding:.65rem .9rem}.bubble-user{background:#ffffff0f;align-self:flex-end}.bubble-agent{background:0 0;align-self:flex-start;padding-inline:.2rem}.markdown{white-space:normal}.markdown>:first-child{margin-block-start:0}.markdown>:last-child{margin-block-end:0}.markdown p,.markdown ul,.markdown ol{margin:0 0 .6rem}.markdown ul,.markdown ol{padding-inline-start:1.2rem}.markdown li+li{margin-block-start:.25rem}.markdown code{font-family:var(--mono);font-size:.85em}.markdown pre{background:#ffffff08;border-radius:6px;padding:.6rem;overflow-x:auto}.markdown strong{color:var(--text)}.working{font-family:var(--mono);font-size:.85rem;line-height:1.5}.working-line{align-items:baseline;gap:.5rem;display:flex}.working-glyph{width:1ch;color:var(--accent);display:inline-block}.working-verb{color:var(--accent)}.working-time{color:var(--text-3)}.working-thoughts{color:var(--text-2);border-inline-start:1px solid var(--border);margin-block-start:.35rem;padding-inline-start:1.5ch}.working-thoughts p{white-space:pre-wrap;margin:0 0 .6rem}.working-thoughts p:last-child{margin-block-end:0}.past-thoughts{font-family:var(--mono);color:var(--text-3);font-size:.8rem}.past-thoughts summary{cursor:pointer;min-height:28px}.tool-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;align-self:flex-start;align-items:center;gap:.75rem;max-width:100%;padding:.5rem;font-size:.875rem;display:flex}.tool-chip img{border-radius:6px;width:auto;height:64px;display:block}.tool-chip .status-ok{color:var(--ok)}.tool-chip .status-bad{color:var(--bad)}.tool-chip details{color:var(--text-3)}.tool-chip pre{white-space:pre-wrap;max-height:10rem;margin:.25rem 0 0;font-size:.75rem;overflow:auto}.chat-error{color:var(--bad);background:#ff6b6b14;border:1px solid #ff6b6b4d;border-radius:10px;padding:.5rem .75rem}.composer{align-items:flex-end;gap:.5rem;padding:.75rem 0;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:0 0;border-radius:8px;flex:1;min-height:44px;max-height:10rem;padding:.6rem .8rem;line-height:1.4}.attachments{gap:.5rem;margin:0;padding:.5rem 0 0;list-style:none;display:flex}.attachments li{position:relative}.attachments img{object-fit:cover;border-radius:6px;width:56px;height:56px;display:block}.attachment-remove{background:var(--text);width:22px;height:22px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;font-size:.9rem;line-height:1;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.composer-attach{min-width:40px;padding:0;font-size:1.3rem}.composer-dragging textarea{border-color:var(--text-2);border-style:dashed}.bubble-image{object-fit:cover;border-radius:8px;align-self:flex-end;max-width:160px;max-height:160px}.chat-footer{color:var(--text-3);justify-content:space-between;padding:0 0 .6rem;font-size:.75rem;display:flex}.stage{flex-direction:column;align-items:center;gap:.75rem;display:flex}.phone{aspect-ratio:9/20;background:#050409;border-radius:42px;width:min(86vw,330px,45vh - 99px);padding:10px;position:relative;box-shadow:0 0 0 1px #2b2838}.phone.monitor{border-radius:14px;width:min(90vw,760px,160vh - 352px);padding:8px}.phone.monitor .phone-screen{border-radius:7px}.phone-screen{background:radial-gradient(circle at 30% 20%,#251e38,#0d0b15 70%);border-radius:33px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen canvas{width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleY(-1)}.phone-notch{pointer-events:none;background:#050409;border-radius:999px;width:84px;height:22px;position:absolute;inset-block-start:18px;inset-inline-start:50%;translate:-50%}.phone-empty{text-align:center;color:var(--text-3);place-items:center;padding:2rem;font-size:.9rem;display:grid;position:absolute;inset:0}.phone-busy{text-align:center;color:#ffffffd9;text-shadow:0 1px 3px #000;pointer-events:none;font-size:.75rem;position:absolute;inset-block-end:14px;inset-inline:0}.stage-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.swatches{border:1px solid var(--border);border-radius:999px;width:140px;height:10px;display:flex;overflow:hidden}.swatches span{flex:1}.inspector{gap:1rem;padding:.5rem 0;overflow-y:auto}.pattern-title{font-family:var(--display);overflow-wrap:anywhere;margin:0;font-size:1.8rem;font-weight:400;line-height:1.05}.name-origin{color:var(--text-3);margin:.35rem 0 0;font-size:.85rem;line-height:1.45}.badges{flex-wrap:wrap;gap:.35rem;display:flex}.badge{color:var(--text-3);font-size:.75rem}.badge+.badge:before{content:"·";color:var(--text-3);margin-inline-end:.35rem}.badge-ok{color:var(--ok)}.badge-warn{color:var(--warn)}.badge-bad{color:var(--bad)}.param{gap:.15rem;padding-block:.35rem;display:grid}.param-head{color:var(--text-2);justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.param output{font-variant-numeric:tabular-nums;color:var(--text)}.param input[type=range]{width:100%;accent-color:var(--text-2);min-height:28px;margin:0}.param-head-end{align-items:center;gap:.35rem;display:inline-flex}.param-dice{width:24px;height:24px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;margin:-4px -4px -4px 0;display:inline-grid}.param-dice:hover{color:var(--text);background:#ffffff0f}.param-dice:active{transform:rotate(90deg)}.param-current{color:var(--text-3)}.range2 input.range2-current::-webkit-slider-thumb{background:var(--accent);width:6px;height:18px;box-shadow:0 0 0 2px var(--bg);border-radius:3px}.range2 input.range2-current::-moz-range-thumb{background:var(--accent);width:6px;height:18px;box-shadow:0 0 0 2px var(--bg);border-radius:3px}.param-toggle{color:var(--text-3);cursor:pointer;justify-self:start;align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.param-toggle input{accent-color:var(--text-2);margin:0}.range2{height:28px;position:relative}.range2-track{background:var(--border);border-radius:2px;height:4px;position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%}.range2-fill{background:var(--text-2);border-radius:2px;position:absolute;inset-block:0}.range2 input[type=range]{appearance:none;pointer-events:none;background:0 0;position:absolute;inset:0}.range2 input[type=range]::-webkit-slider-runnable-track{background:0 0}.range2 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;background:var(--text);cursor:pointer;border-radius:50%;width:14px;height:14px}.range2 input[type=range]::-moz-range-thumb{pointer-events:auto;background:var(--text);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.code details summary{cursor:pointer;color:var(--text-2);min-height:32px}.code pre{font-family:var(--mono);tab-size:2;background:#ffffff08;border:none;border-radius:10px;max-height:24rem;margin:.5rem 0 0;padding:.75rem;font-size:.72rem;line-height:1.45;overflow:auto}.problems{color:var(--bad);white-space:pre-wrap;font-size:.8rem;font-family:var(--mono);margin:0}.muted{color:var(--text-3);font-size:.85rem}dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;width:min(92vw,28rem);padding:1.5rem}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05040ab3}dialog h2{font-family:var(--display);margin:0 0 .75rem;font-size:1.6rem;font-weight:400}.field{gap:.3rem;margin-block-end:.9rem;display:grid}.field label{color:var(--text-2);font-size:.85rem}.field input,.field textarea{border:1px solid var(--border);background:var(--bg);border-radius:10px;min-height:44px;padding:.55rem .75rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-block-start:.5rem;display:flex}.signin-providers{flex-direction:column;gap:.5rem;margin-block-start:1rem;display:flex}.link-box{background:var(--bg);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem .75rem;display:flex}.link-box a{flex:1}.pattern-page{grid-template-columns:1fr;place-items:center;gap:2rem;max-width:64rem;min-height:100vh;margin-inline:auto;padding:2rem 1rem 3rem;display:grid}@media (min-width:48rem){.pattern-page{grid-template-columns:auto 1fr;justify-items:start;min-height:calc(100vh - 70px)}}.pattern-page .phone{cursor:pointer;width:min(80vw,340px,45vh - 63px);min-width:220px}.pattern-info h1{font-family:var(--display);margin:0 0 .5rem;font-size:clamp(2.5rem,2rem + 3vw,4.5rem);font-weight:400;line-height:.95}.pattern-info .by{color:var(--text-2);margin:0 0 1.25rem}.pattern-info .pitch{color:var(--text-2);max-width:34rem}.cta{flex-wrap:wrap;gap:.6rem;margin-block:1.25rem;display:flex}.grid-page{max-width:72rem;margin-inline:auto;padding:1.5rem clamp(1rem,3vw,2rem) 3rem}.grid-page h1{font-family:var(--display);margin:0 0 1rem;font-size:2.4rem;font-weight:400}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.pattern-card a{color:var(--text);text-decoration:none;display:block}.pattern-card img,.pattern-card .thumb-fallback{aspect-ratio:9/20;object-fit:cover;border:1px solid var(--border);background:var(--surface-2);border-radius:18px;width:100%;display:block}.pattern-card strong{margin-block-start:.4rem;display:block}@media (max-width:63.99rem){.stage{order:-1}.stage .phone{width:min(62vw,300px)}.chat{min-height:24rem;max-height:80vh}.site-nav a,.site-nav .btn{white-space:nowrap;padding-inline:.5rem}.wordmark{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}