@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_dc177b0e-module__78ed6G__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_dc177b0e-module__78ed6G__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#0d1117;--surface:#161b22;--surface-2:#0d1117;--raised:#1c2128;--hover:#21262d;--border:#30363d;--border-muted:#21262d;--text:#e6edf3;--muted:#8b949e;--subtle:#6e7681;--green:#3fb950;--green-btn:#238636;--green-btn-hover:#2ea043;--green-soft:#3fb95026;--blue:#58a6ff;--danger:#f85149;--warn:#d29922;--radius:6px;--font:var(--font-mono), ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#388bfd66}:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.brand b{color:var(--green);font-weight:600}.logo{width:28px;height:28px;color:var(--green);background:var(--green-soft);border:1px solid #3fb95066;border-radius:6px;place-items:center;font-size:12px;font-weight:700;display:grid}.tag{color:var(--muted);border-left:1px solid var(--border);padding-left:10px;font-size:12px;font-weight:400}.byok{color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:3px 10px;font-size:12px;display:inline-flex}.workspace{flex:1;grid-template-columns:360px 1fr;min-height:0;display:grid}.panel{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:14px;max-height:calc(100dvh - 49px);padding:16px;display:flex;overflow-y:auto}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text);font-size:12px;font-weight:600}.field em{color:var(--subtle);font-style:normal;font-weight:400}input,select,textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);outline:none;width:100%;padding:7px 10px;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--subtle)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #388bfd40}.row{gap:8px;display:flex}.row>input,.row>select{flex:1;min-width:0}.hint{color:var(--muted);margin:0;font-size:12px}.seg{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;padding:2px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:1;padding:5px 10px}.seg button:hover{color:var(--text)}.seg button[aria-selected=true],.seg button[aria-checked=true]{background:var(--hover);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.seg.small{width:auto}.seg.small button{padding:3px 10px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;color:var(--muted);text-align:left;background:0 0;border-radius:999px;padding:2px 10px;font-size:11.5px}.chip:hover{border-color:var(--green);color:var(--green)}details>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:12px;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸ ";color:var(--subtle)}details[open]>summary:before{content:"▾ "}details>summary:hover{color:var(--text)}.advanced[open]{flex-direction:column;gap:12px;display:flex}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--hover);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:5px 14px;font-size:12.5px;font-weight:500;line-height:20px;transition:background .12s,border-color .12s;display:inline-flex}.btn:not(:disabled):hover{background:#30363d;border-color:#8b949e}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary,.btn.accent{background:var(--green-btn);color:#fff;border-color:#f0f6fc1a}.btn.primary:not(:disabled):hover,.btn.accent:not(:disabled):hover{background:var(--green-btn-hover);border-color:#f0f6fc1a}.btn.ghost{background:0 0}.btn.icon{flex:none;width:34px;padding:0}.btn.sm{padding:3px 10px;font-size:12px}.actions .btn{width:100%;padding:8px;font-size:13px;font-weight:600}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status p{color:var(--muted);word-break:break-word;margin:0 0 6px;font-size:12px}.status p:before{content:"$ ";color:var(--green)}.status .warn{color:var(--warn)}.status .warn:before{content:"! ";color:var(--warn)}.status .err{color:var(--danger)}.status .err:before{content:"✗ ";color:var(--danger)}.kit{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:12px;font-size:12px}.kit p{margin:0 0 8px}.kit pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--green);margin:0 0 8px;padding:10px}.recent h3{text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);margin:8px 0 6px;font-size:11px;font-weight:600}.recent ul{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.recent li{border-radius:var(--radius);align-items:center;display:flex}.recent li.active,.recent li:hover{background:var(--surface)}.recent li.active{box-shadow:inset 2px 0 0 var(--green)}.linkish{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;gap:8px;padding:6px 8px;font-size:12.5px;display:flex;overflow:hidden}.linkish small{color:var(--subtle);flex:none}.x{cursor:pointer;color:var(--subtle);background:0 0;border:0;padding:4px 8px;font-size:16px;line-height:1}.x:hover{color:var(--danger)}.ai{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:12px;display:flex}.ai-label{justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;display:flex}.ai-label small{color:var(--subtle);font-weight:400}.dot{background:var(--subtle);border-radius:50%;flex:none;width:8px;height:8px}.dot.on{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.dd{position:relative}.dd-btn{cursor:pointer;text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);align-items:center;gap:8px;width:100%;padding:6px 10px;display:flex}.dd-btn:hover{border-color:var(--muted)}.dd-name{white-space:nowrap;font-weight:600}.dd-model{min-width:0;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.caret{color:var(--muted);margin-left:auto;font-size:11px}.dd-list{z-index:20;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);outline:none;max-height:320px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #010409bf}.dd-list li{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.dd-list li small{color:var(--subtle);margin-left:auto;font-size:11px}.dd-list li.active{background:var(--hover)}.dd-list li[aria-selected=true]{color:var(--green)}.key-row{gap:6px;display:flex}.key-input{flex:1;min-width:0;position:relative}.key-input input{padding-right:48px}.ghost-icon{cursor:pointer;color:var(--subtle);background:0 0;border:0;padding:2px 6px;font-size:11px;position:absolute;top:50%;right:4px;translate:0 -50%}.ghost-icon:hover{color:var(--text)}.key-saved{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.key-saved code{color:var(--green)}.links{gap:10px;display:flex}.link{cursor:pointer;color:var(--blue);background:0 0;border:0;padding:0;font-size:12px}.link:hover{text-decoration:underline}.ai-more[open]{flex-direction:column;gap:8px;display:flex}.output{flex-direction:column;min-width:0;max-height:calc(100dvh - 49px);display:flex}.toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.spacer{flex:1}.stage{background-color:var(--bg);background-image:radial-gradient(circle,#21262d 1px,#0000 1px);background-size:22px 22px;flex:1;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.device{transform-origin:50%;box-shadow:0 0 0 1px var(--border), 0 24px 60px #010409cc;background:#010409;border-radius:52px;padding:12px;position:absolute;top:50%;left:50%;translate:-50% -50%}.device.android{border-radius:36px}.device.tablet{border-radius:32px}.device iframe{background:#fff;border:0;border-radius:40px;display:block}.device.android iframe{border-radius:26px}.device.tablet iframe{border-radius:22px}.empty{text-align:center;max-width:440px;padding:24px}.empty h2{margin:16px 0 6px;font-size:15px;font-weight:600}.empty p{color:var(--muted);margin:0;font-size:12.5px}.ghost-phone{border:1px solid var(--border);background:var(--surface);border-radius:28px;width:140px;height:280px;margin:0 auto;padding:9px}.ghost-phone>div{background:var(--bg);border:1px dashed var(--border);border-radius:20px;height:100%}.shimmer{animation:1.4s linear infinite shimmer;background:linear-gradient(100deg, var(--bg) 30%, #3fb9502e 50%, var(--bg) 70%)!important;background-size:200% 100%!important}@keyframes shimmer{to{background-position:-200% 0}}.code{resize:none;background:var(--bg);color:var(--text);tab-size:2;white-space:pre;border:0;border-radius:0;flex:1;min-height:420px;margin:0;padding:16px;font-size:12px;line-height:1.6}.code:focus{box-shadow:none}.refine{border-top:1px solid var(--border);background:var(--surface);gap:8px;padding:10px 12px;display:flex}.refine input{flex:1}@media (max-width:900px){.workspace{grid-template-columns:1fr}.panel,.output{max-height:none}.panel{border-right:0;border-bottom:1px solid var(--border)}.stage{min-height:70dvh}.tag,.byok{display:none}}