@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter.woff2) format("woff2")}:root{--ink: #101114;--ink-2: #3b3f4a;--muted: #6b7180;--line: #e4e6ec;--line-2: #d6d9e1;--bg: #f5f6f8;--bg-2: #eef0f4;--panel: #f4f5f7;--white: #fff;--blue: #2563eb;--blue-ink: #1d4ed8;--blue-soft: #e8f0fe;--cyan: #12b3e8;--violet: #7c3aed;--violet-2: #a78bfa;--radius: 22px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button{font:inherit;color:inherit;cursor:pointer}svg{display:block;flex:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-dark,.btn-light{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid transparent}.btn-dark{background:#111216;color:#fff}.btn-dark:hover{background:#000}.btn-light{background:#fff;color:var(--ink);border-color:var(--line-2)}.btn-light:hover{background:#f3f4f7}.btn-dark.small{height:36px;padding:0 18px;font-size:.95rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:transparent;color:#4a4f5c}.icon-btn:hover{background:#1011140f;color:var(--ink)}.icon-btn.small{width:36px;height:36px}.icon-btn.tiny{width:32px;height:32px;border-radius:10px}.icon-btn.on{background:#2563eb1f;color:var(--blue)}.signin{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 80% -10%,#ffffff 0%,var(--bg) 60%),var(--bg);overflow:auto}.signin-card{width:min(560px,100%);text-align:center}.signin-logo{width:min(560px,90%);height:auto;margin:0 auto 22px}.signin-tag{margin:0 0 28px;font-size:.85rem;letter-spacing:.32em;text-transform:uppercase;color:#2c3040;font-weight:500}.signin-note{margin:0 0 20px;color:var(--muted)}.studio{height:100%;display:flex;flex-direction:column;background:var(--bg)}.top{flex:none;height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:#fafafce6;border-bottom:1px solid var(--line);position:relative;z-index:20}.top-left,.top-right{display:flex;align-items:center;gap:10px;min-width:0}.top-left{flex:0 0 auto}.top-right{flex:1 1 auto;justify-content:flex-end}.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding-right:6px}.logo-mark{height:40px;width:auto}.logo-word{height:26px;width:auto}.icon-row{display:flex;align-items:center;gap:2px}.body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(380px,33.3%) 1fr}.body.chat-hidden{grid-template-columns:0 1fr}.body.chat-hidden .chat{display:none}.menu-wrap,.page-wrap{position:relative}.project-btn,.page-btn,.mode-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink)}.project-btn{height:40px;padding:0 10px;border-radius:12px;font-size:1.05rem;font-weight:500;max-width:260px}.project-btn span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-btn:hover{background:#1011140f}.menu{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;max-height:60vh;overflow:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #10111429,0 2px 8px #1011140f;z-index:40}.menu-center{left:50%;transform:translate(-50%);min-width:220px}.menu-up{top:auto;bottom:calc(100% + 8px);left:auto;right:0;min-width:220px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:.95rem}.menu-item:hover,.menu-item:focus-visible{background:#f1f3f7}.menu-item.on{background:var(--blue-soft);color:var(--blue-ink)}.menu-item small{display:block;color:var(--muted);font-size:.78rem}.menu-sep{height:1px;margin:6px 4px;background:var(--line)}.menu-label{padding:6px 12px 2px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.menu-empty{padding:10px 12px;color:var(--muted);font-size:.9rem}.seg{display:inline-flex;align-items:center;gap:2px;padding:3px;background:#e9ebf0;border-radius:999px}.seg-btn{display:inline-flex;align-items:center;gap:8px;height:38px;min-width:44px;padding:0 12px;border:2px solid transparent;border-radius:999px;background:transparent;color:#4a4f5c;justify-content:center}.seg-btn:hover{color:var(--ink)}.seg-btn.on{background:var(--blue-soft);border-color:#3b82f6;color:var(--blue);font-weight:600;box-shadow:0 0 0 3px #3b82f61f}.seg-label{display:none;font-size:1rem}.url-bar{display:flex;align-items:center;gap:4px;margin-left:6px}.url-pill{display:flex;align-items:center;gap:2px;height:42px;padding:0 12px 0 4px;border:1px solid var(--line);background:#ffffffb3;border-radius:999px;min-width:260px}.page-wrap{flex:1;display:flex;justify-content:center}.page-btn{height:36px;padding:0 8px;border-radius:10px;font-size:1.02rem;font-weight:500;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border:0;border-radius:999px;font-weight:500;font-size:1.02rem;white-space:nowrap}.pill-grey{background:#dcdee4;color:var(--ink)}.pill-grey:hover{background:#d1d4db}.pill-upgrade{color:#fff;background:linear-gradient(135deg,#6d3df0,#9a6bff 60%,#b794ff);box-shadow:0 6px 20px #7c3aed66,inset 0 0 0 1px #ffffff40}.pill-upgrade:hover{filter:brightness(1.06)}.pill-publish{color:#fff;background:linear-gradient(180deg,#2a62f0,#1649d6);box-shadow:0 4px 14px #1649d659}.pill-publish:hover{filter:brightness(1.06)}.pill-publish[disabled]{filter:saturate(.6);cursor:default}.dot{width:8px;height:8px;border-radius:50%;background:#fff}.chat{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#f6f7f9,#f1f2f5);border-right:1px solid var(--line)}.messages{flex:1;min-height:0;overflow-y:auto;padding:22px 26px 12px;scrollbar-width:thin;scrollbar-color:#2a2d36 transparent}.messages::-webkit-scrollbar{width:10px}.messages::-webkit-scrollbar-thumb{background:#2a2d36;border-radius:999px;border:3px solid transparent;background-clip:content-box}.msg{margin:0 0 18px;max-width:100%;overflow-wrap:anywhere}.msg.user{margin-left:auto;width:fit-content;max-width:88%;padding:11px 16px;background:#e6e8ee;border-radius:18px 18px 6px;white-space:pre-wrap}.msg.assistant{font-size:1rem;line-height:1.65}.msg.error{padding:12px 14px;border-radius:14px;background:#fef2f2;color:#991b1b}.msg.status{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem}.md>:first-child{margin-top:0}.md p{margin:0 0 12px}.md ul,.md ol{margin:0 0 12px;padding-left:28px}.md ul ul,.md ol ul,.md ul ol{margin:6px 0 4px}.md li{margin:6px 0;padding-left:4px}.md li::marker{color:#2a2d36}.md h1,.md h2,.md h3{margin:18px 0 8px;font-size:1.05rem;line-height:1.35}.md strong{font-weight:650;color:#000}.md code{padding:1px 6px;border-radius:6px;background:#e8eaf0;font:.88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.md pre{margin:0 0 12px;padding:12px 14px;overflow-x:auto;border-radius:12px;background:#14161c;color:#e8eaf2;font:.86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.md pre code{padding:0;background:transparent;color:inherit}.actions{display:flex;align-items:center;gap:2px;margin:-6px 0 18px -8px}.actions .icon-btn{width:34px;height:34px;border-radius:10px;color:#5b6070}.actions .icon-btn.on{color:var(--blue);background:#2563eb1a}.spinner{width:16px;height:16px;border:2px solid #c9cdd8;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dock{flex:none;padding:8px 12px 14px;position:relative}.notify{display:flex;align-items:center;gap:10px;margin:0 6px -22px;padding:12px 14px 34px 18px;border-radius:24px 24px 0 0;background:linear-gradient(100deg,#e4f4ff,#ece8ff 60%,#f6e9ff);box-shadow:0 0 0 1px #96beff8c,0 0 28px #78beff59}.notify svg{color:#4a4f5c}.notify-text{flex:1;font-size:1.05rem;font-weight:500;color:#15171c}.composer{position:relative;display:block;padding:16px 16px 12px 20px;background:#fff;border-radius:var(--radius);border:1.5px solid rgba(160,215,255,.9);box-shadow:0 0 0 4px #96d2ff47,0 0 34px #8cc8ff8c,0 0 60px #beaaff47,0 6px 20px #1011140f}.composer:focus-within{box-shadow:0 0 0 4px #78beff66,0 0 40px #78beff99,0 0 70px #beaaff57,0 6px 20px #1011140f}.composer textarea{display:block;width:100%;min-height:48px;max-height:220px;padding:0;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:1.08rem;line-height:1.45;color:var(--ink)}.composer textarea::placeholder{color:#8b909c}.composer-row{display:flex;align-items:center;gap:8px;margin-top:10px}.grow{flex:1}.round{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dfe2e9;border-radius:50%;background:#f3f4f7;color:#2b2e38;padding:0}.round:hover{background:#e9ebf0}.round.on{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.mode-btn{height:40px;padding:0 14px;border:1px solid #dfe2e9;border-radius:999px;background:#f3f4f7;font-size:1.02rem;font-weight:500;gap:8px}.mode-btn:hover{background:#e9ebf0}.send{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:#111216;color:#fff;padding:0}.send[disabled]{background:#8d9099;cursor:default}.attached{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:4px 6px 4px 10px;border-radius:999px;background:#eef0f6;font-size:.85rem}.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip button{display:inline-flex;padding:2px;border:0;border-radius:50%;background:transparent;color:#5b6070}.stage{position:relative;min-width:0;min-height:0;background:var(--bg);overflow:hidden}.stage:before{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat}.stage{background:linear-gradient(180deg,#f8f9fb,#f1f3f7)}.stage:before{top:0;right:0;width:min(780px,58%);height:440px;background-image:url(/brand/net-tr.png);background-position:top right;background-size:contain;opacity:.95}.view{position:absolute;inset:0;z-index:1}.view-preview{display:flex;align-items:center;justify-content:center;padding:28px 24px 34px}.device{position:relative;height:100%;max-height:1000px;aspect-ratio:11 / 20;max-width:100%;border-radius:64px;padding:14px;background:linear-gradient(145deg,#fff,#e9ebf1 55%,#f8f9fb);box-shadow:0 0 0 1px #141e3c47,0 0 0 7px #ffffffa6,0 0 0 8px #10111414,0 50px 100px #1e284647,inset 0 2px 5px #fffffff2,inset 0 -3px 8px #10111414}.device-screen{position:relative;width:100%;height:100%;border-radius:50px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #1011141f,inset 0 0 0 1px #fff9}.device-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.device.desktop{aspect-ratio:16 / 10;width:100%;height:auto;max-height:100%;border-radius:22px;padding:10px}.device.desktop .device-screen{border-radius:14px}.empty-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--muted);background:linear-gradient(180deg,#fbfbfd,#f1f3f8)}.empty-preview img{width:88px;height:auto;opacity:.95}.empty-preview p{margin:0;font-size:1.05rem;line-height:1.5}.building{position:absolute;left:50%;top:18px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:#101114e0;color:#fff;font-size:.9rem;z-index:3;white-space:nowrap}.building .spinner{border-color:#ffffff59;border-top-color:#fff;width:14px;height:14px}.tools{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:8px 10px;background:#fffffff5;border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 34px #10111429;z-index:5}.tool{display:inline-flex;align-items:center;justify-content:center;width:46px;height:42px;border:0;border-radius:14px;background:transparent;color:#2b2e38}.tool:hover{background:#f0f2f6}.tool.on{background:var(--blue-soft);color:var(--blue)}.pin-layer{position:absolute;inset:0;z-index:2;cursor:crosshair;background:#2563eb0d;outline:2px dashed rgba(37,99,235,.55);outline-offset:-2px}.pin-mark{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #2563eb40;pointer-events:none}.pin-pop{position:absolute;left:50%;bottom:78px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;width:min(440px,90%);background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 18px 50px #10111433;z-index:6}.pin-pop input{flex:1;min-width:0;border:0;outline:0;font:inherit;background:transparent}.view-panel{overflow:auto;padding:26px 32px 40px;background:#fff9}.panel{max-width:860px;margin:0 auto}.panel h2{margin:0 0 4px;font-size:1.3rem;letter-spacing:-.01em}.panel .sub{margin:0 0 20px;color:var(--muted)}.card{margin:0 0 16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.card h3{margin:0 0 8px;font-size:.95rem}.card textarea{width:100%;min-height:110px;padding:10px 12px;border:1px solid var(--line-2);border-radius:12px;font:inherit;resize:vertical}.card pre{margin:0;white-space:pre-wrap;font:inherit}.row-actions{display:flex;gap:8px;margin-top:10px}.tag{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue-ink);font-size:.75rem;font-weight:600}.version{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 10px;border:1px solid var(--line);border-radius:16px;background:#fff}.version.latest{border-color:#9db8f5;box-shadow:0 0 0 3px #3b82f61a}.version .grow strong{display:block;font-weight:600}.version .grow span{color:var(--muted);font-size:.85rem}.view-code{display:grid;grid-template-columns:260px 1fr;padding:0}.files{overflow:auto;padding:14px 8px;border-right:1px solid var(--line);background:#ffffffb3}.file{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:.9rem}.file:hover{background:#eef0f5}.file.on{background:var(--blue-soft);color:var(--blue-ink)}.file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code{overflow:auto;margin:0;padding:18px 22px;background:#14161c;color:#e8eaf2;font:.86rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre}.code-empty{display:grid;place-items:center;height:100%;color:#8b90a0;background:#14161c}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);padding:11px 18px;border-radius:999px;background:#111216;color:#fff;font-size:.92rem;box-shadow:0 12px 34px #00000040;z-index:100}.dialog{width:min(460px,94vw);padding:24px;border:0;border-radius:22px;box-shadow:0 30px 90px #10111459}.dialog::backdrop{background:#1011146b;backdrop-filter:blur(3px)}.dialog h2{margin:0 0 12px;font-size:1.25rem}.dialog p{margin:0 0 14px;color:var(--ink-2)}.dialog label{display:block;margin:0 0 12px;font-size:.85rem;font-weight:600;color:var(--ink-2)}.dialog input,.dialog select{display:block;width:100%;height:42px;margin-top:5px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;font:inherit;font-weight:400;background:#fff}.dialog .row{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.error{min-height:1.2em;margin:0;color:#b91c1c;font-size:.88rem}.tabs{display:none}@media(max-width:1280px){.url-pill{min-width:190px}.pill-grey{display:none}}@media(max-width:1100px){.seg-btn.on .seg-label,.pill-upgrade,.logo-word{display:none}.body{grid-template-columns:minmax(340px,38%) 1fr}}@media(max-width:860px){body{overflow:hidden}.top{height:auto;flex-wrap:wrap;padding:8px 10px;row-gap:6px}.top-right{flex-wrap:wrap;justify-content:flex-start;gap:6px}.url-bar{display:none}.pill{height:38px;padding:0 14px;font-size:.95rem}.body{grid-template-columns:1fr;padding-bottom:54px}.body.pane-chat .stage,.body.pane-preview .chat{display:none}.body.chat-hidden{grid-template-columns:1fr}.tabs{display:flex;position:fixed;left:0;right:0;bottom:0;height:54px;background:#fff;border-top:1px solid var(--line);z-index:30}.tabs button{flex:1;border:0;background:transparent;font-weight:600;color:var(--muted)}.tabs button.active{color:var(--blue);box-shadow:inset 0 -3px 0 var(--blue)}.view-preview{padding:14px 12px 70px}.view-panel{padding:18px 14px 80px}.view-code{grid-template-columns:1fr;grid-template-rows:150px 1fr}.files{border-right:0;border-bottom:1px solid var(--line)}.messages{padding:16px 14px 8px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.menu-row{display:inline-flex;align-items:center;gap:10px}.menu-left{left:0;right:auto}.menu-item>span{display:block}.msg.status .spinner{flex:none}.waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 26px;text-align:center;background:radial-gradient(120% 70% at 50% 0%,#fff,#eaf4fc 55%,#e1eefa);overflow:hidden}.waiting h3{margin:6px 0 0;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#0b1220;max-width:15ch}.waiting p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5;max-width:26ch}.wf{width:min(78%,280px);display:flex;flex-direction:column;gap:14px;opacity:.9;margin-bottom:8px}.wf-row,.wf-card-top,.wf-foot{display:flex;align-items:center;gap:10px}.wf-row .wf-lines{flex:1}.wf-chip{width:34px;height:34px;border-radius:10px;background:#dfe6ee;flex:none}.wf-chip.sm{width:24px;height:24px;border-radius:8px}.wf-lines{display:flex;flex-direction:column;gap:6px}.wf-lines i{display:block;height:7px;width:80px;border-radius:6px;background:#dfe6ee}.wf-lines i+i{width:52px}.wf-dot{width:30px;height:30px;border-radius:50%;background:#dfe6ee;flex:none}.wf-card{background:#ffffffd9;border-radius:18px;padding:12px;box-shadow:0 10px 30px #1e3c6e1a;display:flex;flex-direction:column;gap:12px}.wf-blocks{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.wf-blocks b{height:46px;border-radius:12px;background:#e4eaf1}.wf-foot b{flex:1;height:46px;border-radius:12px;background:#e4eaf1}.wf-row,.wf-card,.wf-foot{animation:wf-pulse 2.4s ease-in-out infinite}.wf-card{animation-delay:.3s}.wf-foot{animation-delay:.6s}@keyframes wf-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.wf-row,.wf-card,.wf-foot{animation:none}}.stage:before{-webkit-mask-image:radial-gradient(circle at 95% 10%,transparent 0,transparent 28px,#000 110px);mask-image:radial-gradient(circle at 95% 10%,transparent 0,transparent 28px,#000 110px)}.top{background:linear-gradient(180deg,#fff,#f7f8fb);box-shadow:0 1px #ffffffe6 inset,0 6px 18px #1e2d5a12}.seg{background:linear-gradient(180deg,#e3e6ed,#eceef3);box-shadow:inset 0 2px 5px #141e3c1f,0 1px #ffffffe6}.seg-btn.on{background:linear-gradient(180deg,#cfe6ff,#b9dafd);border-color:transparent;color:#0b4fd6;box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 4px #286edc2e,0 4px 12px #3b82f647}.pill{box-shadow:0 3px 10px #141e3c24,inset 0 1px #ffffffb3,inset 0 -2px 4px #141e3c1a}.pill-grey{background:linear-gradient(180deg,#e9ebf0,#d3d6de)}.pill-upgrade{background:linear-gradient(135deg,#5b2ee6,#8a55ff 48%,#c08bff);box-shadow:0 8px 22px #703aed73,inset 0 1.5px #ffffff8c,inset 0 -3px 6px #3c149666;text-shadow:0 1px 2px rgba(40,10,120,.4)}.pill-publish{background:linear-gradient(180deg,#4b86ff,#1f5af0 52%,#0f3fc0);box-shadow:0 8px 20px #1649d66b,inset 0 1.5px #ffffff80,inset 0 -3px 6px #05197873;text-shadow:0 1px 2px rgba(5,25,120,.4)}.notify{background:linear-gradient(100deg,#78e1ff8c,#6eb9ff80 55%,#7896ff80),#ffffff8c;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 1px #ffffffb3,0 10px 30px #3c96ff59,inset 0 1.5px #ffffffd9,inset 0 -2px 6px #2878e62e}.composer{border-radius:30px;border:1.5px solid rgba(255,255,255,.95);background:linear-gradient(180deg,#fff,#f6f9ff);box-shadow:0 0 0 3px #8ccdff66,0 0 30px #78c3ff8c,0 16px 36px #1e3c7833,inset 0 2px #fff,inset 0 -5px 10px #5082dc1f}.device{border:0;border-radius:68px;padding:15px;background:linear-gradient(160deg,#fff,#dfe3ec 38%,#c5cbd8 62%,#eef0f6);box-shadow:0 60px 110px #19285061,0 24px 40px #19285038,inset 0 3px 6px #fff,inset 0 -4px 10px #1e2d5a4d,inset 3px 0 6px #ffffffb3,inset -3px 0 7px #1e2d5a33}.device:before,.device:after{content:"";position:absolute;width:4px;border-radius:3px;background:linear-gradient(90deg,#b9c0cf,#eef1f7,#aeb6c6);box-shadow:0 1px 3px #141e3c59}.device:before{left:-4px;top:18%;height:56px}.device:after{right:-4px;top:24%;height:86px}.device-screen{border-radius:54px;box-shadow:0 0 0 1.5px #1920378c,0 2px 6px #19285040,inset 0 0 12px #141e3c2e}.device.desktop{border-radius:24px;padding:11px}.device.desktop .device-screen{box-shadow:0 0 0 1.5px #1920378c,inset 0 0 10px #141e3c26}.device.desktop:before,.device.desktop:after{display:none}.tools{box-shadow:0 14px 34px #19285038,inset 0 2px #fff,inset 0 -3px 6px #1e2d5a14}.composer{border:4px solid transparent;border-radius:32px;background:linear-gradient(180deg,#fff,#f4f8ff) padding-box,linear-gradient(135deg,#fff,#aab4c6 18%,#f2f5fa 34%,#7f8aa0 52%,#e9edf5,#98a3b8,#fff) border-box;box-shadow:0 0 0 1px #3c4b6959,0 0 28px #78c3ff80,0 18px 38px #192d5f47,0 3px #ffffffe6 inset,0 -6px 12px #5082dc24 inset}.composer:focus-within{box-shadow:0 0 0 1px #3c4b6973,0 0 34px #6ebeffb3,0 18px 38px #192d5f4d,0 3px #fffffff2 inset,0 -6px 12px #5082dc29 inset}.notify{gap:8px;margin:0 14px -26px;padding:5px 10px 30px 14px;border-radius:18px 18px 0 0}.notify-text{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.notify .btn-dark,.notify button.enable{padding-top:4px;padding-bottom:4px}.chat{overflow:hidden;height:100%}.messages{overscroll-behavior:contain;scroll-behavior:smooth;padding-bottom:20px}.device{padding:20px;border-radius:72px;background:linear-gradient(145deg,#f7f8fb,#b9bfcb 22%,#eef0f4 45%,#9aa2b1 70%,#e4e7ee);box-shadow:0 60px 110px #19285066,0 22px 36px #19285040,inset 0 2px 3px #fff,inset 0 -2px 4px #28324b73}.device-screen{border-radius:52px;box-shadow:0 0 0 14px #0c0e13,0 0 0 15px #ffffff47,inset 0 0 18px #00000059}.device:before{left:-4px;top:17%;height:40px;box-shadow:0 64px #cdd2dd,0 1px 3px #141e3c59}.device.desktop{padding:12px;border-radius:26px}.device.desktop .device-screen{border-radius:14px;box-shadow:0 0 0 7px #0c0e13,inset 0 0 12px #0000004d}.notify{background:linear-gradient(100deg,#2fe3ff,#4db8ff 52%,#7ba7ff);box-shadow:0 0 0 1px #ffffffa6,0 0 26px #3cdcff99,0 12px 30px #288cff59,inset 0 1.5px #fffc;-webkit-backdrop-filter:none;backdrop-filter:none}.composer{border-width:5px;background:linear-gradient(180deg,#fff,#f1f7ff) padding-box,linear-gradient(135deg,#f3f6fa,#8d96a6 16%,#dfe4ec 30%,#4f5868 50%,#c9d0db,#6b7586 82%,#f3f6fa) border-box;box-shadow:0 0 0 1px #1e283c66,0 0 34px #46d7ff8c,0 20px 40px #192d5f4d,inset 0 2px #fff,inset 0 -6px 12px #3c82e629}.bot-wrap{position:absolute;left:22px;bottom:26px;z-index:4}.bot-orb,.bot-head{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.bot-orb:active,.bot-head:active{cursor:grabbing}.bot-hint{position:absolute;left:92px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;color:#0f1b3d;background:linear-gradient(180deg,#fff,#e6f1ff);box-shadow:0 8px 18px #1e46a040,inset 0 1px #fff;pointer-events:none;animation:bot-hint 2.6s ease-in-out infinite}@keyframes bot-hint{0%,to{opacity:1;transform:translateY(-50%) translate(0)}50%{opacity:.8;transform:translateY(-50%) translate(4px)}}.bot-orb{display:grid;place-items:center;width:84px;height:84px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff,#e6f1ff 45%,#b9d6ff);box-shadow:0 18px 34px #1e46a066,0 0 0 1px #ffffffe6,0 0 30px #46d7ff8c,inset 0 2px #fff,inset 0 -6px 12px #3c6edc40;animation:bot-float 3.4s ease-in-out infinite}.bot-orb:hover{filter:brightness(1.04)}.bot-badge{position:absolute;right:-4px;top:-4px;min-width:30px;padding:2px 7px;border-radius:999px;background:linear-gradient(180deg,#4b86ff,#1f5af0);color:#fff;font-size:.78rem;font-weight:700;text-align:center;box-shadow:0 4px 10px #1649d673,inset 0 1px #ffffff80}.bot-panel{width:min(330px,calc(100% - 44px));padding:12px 14px 16px;border-radius:28px;background:linear-gradient(180deg,#ffffffeb,#ecf4ffe0);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:2px solid transparent;background-image:linear-gradient(180deg,#fffffff0,#e9f3ffe6),linear-gradient(135deg,#fff,#9fb0c8 22%,#f3f6fb 40%,#7d8aa3 62%,#e9eef6 80%,#fff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 26px 54px #19326e52,0 0 34px #5ac8ff59,inset 0 2px #fff,inset 0 -4px 10px #4678dc1f}.bot-head{display:flex;align-items:center;gap:10px}.bot-svg{flex:none;animation:bot-float 3.4s ease-in-out infinite}.bot-svg.talking .bot-eyes{animation:bot-blink .5s ease-in-out infinite}.bot-say{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.bot-say strong{font-size:1.02rem;letter-spacing:-.01em;color:#0f1b3d}.bot-say span{font-size:.82rem;color:var(--muted)}.bot-min{flex:none;align-self:flex-start;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;color:#33415f;cursor:pointer;background:linear-gradient(180deg,#fff,#dfe6f2);box-shadow:0 3px 8px #1e326433,inset 0 1px #fff}.bot-min:hover{filter:brightness(.97)}.bot-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.bot-slot{display:flex;flex-direction:column;gap:5px;min-width:0}.bot-drop{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;overflow:hidden;border:2px dashed #9db6dd;border-radius:18px;color:#4a6fb0;cursor:pointer;background:linear-gradient(180deg,#fbfdff,#e6effb);box-shadow:0 6px 14px #2850a029,inset 0 2px #fff,inset 0 -4px 8px #5082dc1f;transition:transform .15s,box-shadow .15s,border-color .15s}.bot-drop:hover{transform:translateY(-2px)}.bot-drop.over{border-color:#1f8bff;transform:scale(1.06);box-shadow:0 0 0 4px #3caaff59,0 10px 20px #2878e659}.bot-drop.filled{border-style:solid;border-color:#6bd3a5}.bot-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bot-done{font-size:.74rem;font-weight:700;color:#1d7a55}.bot-num{position:absolute;left:6px;top:5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;font-size:.74rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#4b86ff,#1f5af0);box-shadow:0 2px 6px #1649d673,inset 0 1px #ffffff80}.bot-drop .spinner{position:absolute}.bot-label{width:100%;min-width:0;padding:5px 7px;border:1px solid #cfd8e8;border-radius:10px;font:inherit;font-size:.78rem;color:var(--ink);background:#fff;box-shadow:inset 0 2px 3px #1e326414}.bot-label:focus{outline:2px solid #8ec5ff;border-color:transparent}.bot-add{align-self:start;aspect-ratio:1;display:grid;place-items:center;border:2px dashed #b8c4da;border-radius:18px;color:#6d7a95;cursor:pointer;background:#fff9}.bot-add:hover{color:#1f5af0;border-color:#6ea8ff}@keyframes bot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bot-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.25)}}@media(prefers-reduced-motion:reduce){.bot-orb,.bot-svg,.bot-svg.talking .bot-eyes{animation:none}}@media(max-width:860px){.bot-wrap{left:14px;bottom:84px}}.menu-right{left:auto;right:0;min-width:270px}.icon-btn.gear.on{background:var(--blue-soft);color:var(--blue)}.seg-label{display:inline;font-size:.95rem}.seg-btn.on .seg-label{display:inline}@media(max-width:1100px){.seg-btn .seg-label,.seg-btn.on .seg-label{display:inline}}@media(max-width:860px){.top{flex-wrap:nowrap;height:64px;padding:0 8px;gap:6px;width:100%;box-sizing:border-box}.top-left{flex:1 1 0;min-width:0;gap:4px}.top-right{flex:0 0 auto;flex-wrap:nowrap;gap:4px}.logo{padding-right:0;flex:none}.logo-mark{height:32px}.menu-wrap{min-width:0}.project-btn{height:36px;padding:0 4px;gap:2px;font-size:.92rem;max-width:100%}.project-btn svg{width:14px;height:14px;flex:none}.pill-publish{padding:0 10px}.seg{gap:0;padding:2px}.seg-btn{flex-direction:column;justify-content:center;gap:1px;height:46px;min-width:40px;padding:0 3px;border-radius:16px}.seg-btn svg{width:18px;height:18px}.seg-label,.seg-btn .seg-label,.seg-btn.on .seg-label{font-size:.62rem;line-height:1}.pill{height:36px;padding:0 12px;font-size:.88rem;gap:6px}.pill-grey,.pill-upgrade{display:none}.icon-btn.gear{width:34px;height:34px}}.working-line{display:flex;align-items:center;gap:10px}.working-line .wl-text{display:flex;flex-direction:column;min-width:0;flex:1}.working-line .wl-text small{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.working-line .wl-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem;flex:none}:root{--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Source Serif 4", Georgia, "Times New Roman", serif}.msg.user{border-radius:20px;padding:10px 16px;font-size:.98rem;line-height:1.5}.reply{margin:0 0 4px}.reply .msg.assistant{margin:0 0 14px}.reply .msg.assistant .md{font-family:var(--serif);font-size:1.06rem;line-height:1.7;color:#1d1f24}.reply .md p{margin:0 0 14px}.reply .md li{margin:7px 0}.reply .md h1,.reply .md h2,.reply .md h3{margin:20px 0 8px;font-size:1.1rem;font-weight:700}.reply .md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.reply .actions{margin:-4px 0 22px -8px}.next-row{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}.next-chip{max-width:100%;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--white);color:var(--ink-2);font:500 .9rem/1.3 var(--font);text-align:left;cursor:pointer}.next-chip:hover{border-color:var(--blue);color:var(--blue-ink);background:var(--blue-soft)}.next-chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.msg.status.working-line{margin:0 0 18px}@media(max-width:860px){.reply .msg.assistant .md{font-size:1.02rem}.next-chip{font-size:.88rem}}.wl-pause{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--white);color:var(--ink-2);font:600 .82rem/1 var(--font);white-space:nowrap;cursor:pointer}.wl-pause:hover:not(:disabled){border-color:var(--blue);color:var(--blue-ink);background:var(--blue-soft)}.wl-pause:disabled{opacity:.55;cursor:default}.send.pause{background:var(--ink);color:#fff}.paused-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line-2);border-radius:14px;background:var(--white);color:var(--ink-2);font-size:.93rem}.paused-row span{flex:1 1 200px;min-width:0}.paused-row .btn-dark{display:inline-flex;align-items:center;gap:6px}.working-line{flex-wrap:wrap}.device{padding:12px;border-radius:60px}.device-screen{border-radius:48px;box-shadow:0 0 0 1px #19203738,inset 0 0 10px #141e3c1a}.device.desktop{padding:9px;border-radius:22px}.device.desktop .device-screen{border-radius:13px;box-shadow:0 0 0 1px #19203738,inset 0 0 8px #141e3c1a}.bot-ring{position:absolute;left:0;top:0;width:84px;height:84px;pointer-events:none}.rb{position:absolute;width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#2b3550;cursor:pointer;pointer-events:auto;background:linear-gradient(180deg,#fff,#e3eaf6);box-shadow:0 8px 16px #1e3c8247,0 0 0 1px #ffffffe6,inset 0 1.5px #fff,inset 0 -3px 6px #3c64be29;transition:transform .15s ease,color .15s ease}.rb:hover{transform:translateY(-2px);color:var(--blue)}.rb:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.rb.on{color:#fff;background:linear-gradient(180deg,#4b86ff,#1f5af0);box-shadow:0 8px 16px #1649d666,inset 0 1.5px #ffffff80}.rb-1{left:-4px;top:-52px}.rb-2{left:37px;top:-56px}.rb-3{left:74px;top:-38px}.rb-4{left:98px;top:-4px}.rb-5{left:102px;top:37px}.bot-panel{width:340px;max-width:calc(100vw - 28px);padding:14px 16px 18px}.bot-head{display:grid;grid-template-columns:56px minmax(0,1fr) 32px;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(120,140,180,.25)}.bot-head .bot-svg{width:56px;height:56px}.bot-say{gap:3px}.bot-say strong{font-size:1.05rem;line-height:1.2}.bot-say span{font-size:.82rem;line-height:1.35}.bot-min{align-self:start;width:32px;height:32px}.bot-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;margin-top:14px;align-items:start}.bot-slot{gap:6px}.bot-drop{width:100%;border-radius:16px}.bot-label{height:30px;padding:0 6px;text-align:center;font-size:.78rem}.bot-add{width:100%;border-radius:16px}.tool-row{margin:4px 0}.tool-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px;border:1px solid #e3e6ee;border-radius:12px;background:#f6f7fb;color:#3a4052;font:inherit;font-size:14px;cursor:pointer}.tool-pill span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-pill .flip{transform:rotate(180deg)}.tool-row.bad .tool-pill{border-color:#f2c4c4;background:#fdf3f3}.spinner.tiny{width:12px;height:12px;border-width:2px}.tool-detail{margin:6px 0 4px;padding:10px 12px;border-radius:12px;background:#f6f7fb;font-size:13px;color:#3a4052;display:grid;gap:8px}.tool-detail b{display:block;font-size:12px;color:#6b7080;margin-bottom:2px}.tool-detail code{display:block;white-space:pre-wrap;word-break:break-word;font-size:12px;max-height:160px;overflow:auto}.actions .stamp{margin-left:8px;font-size:13px;color:#8a8fa0}.credit-wrap{display:grid;gap:12px;margin:14px 0}.credit-line{display:flex;align-items:center;gap:10px;color:#8a8fa0;font-size:13px}.credit-line:before,.credit-line:after{content:"";flex:1;height:1px;background:#e3e6ee}.credit-card{padding:14px 16px;border:1px solid #f2d9a8;border-radius:14px;background:#fff8e8;display:grid;gap:4px}.credit-card small{display:block;color:#6b7080}.credit-wait{text-align:center;color:#8a8fa0;font-size:14px}.device-screen{overflow:hidden}.device-screen iframe{width:calc(100% + 24px);right:auto}.summary-row{display:grid;gap:8px;margin:14px 0}.summary-text{max-height:320px;overflow:auto}.ask-card{margin:8px 0 14px;padding:14px 16px;border:1px solid #e3e6ee;border-radius:16px;background:#fff;display:grid;gap:8px}.ask-head{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7080}.ask-done{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-style:normal;color:#1a7f4b}.ask-card p{margin:0;font-weight:600}.ask-answer{padding:8px 12px;border-radius:12px;background:#eef3ff;color:#1d3f9a;width:fit-content;max-width:100%}.credit-card{grid-template-columns:1fr auto;align-items:center;gap:12px}.ask-q{display:grid;gap:8px}.ask-q+.ask-q{margin-top:6px;padding-top:12px;border-top:1px solid #eef0f5}.next-chip.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-ink)}.ask-own{width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px;border:1px solid var(--line-2);border-radius:12px;font:500 .92rem/1.3 var(--font);background:#fff;color:var(--ink-2)}.ask-own:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.ask-send{justify-self:start}.ask-answer{white-space:pre-line;overflow-wrap:anywhere}.name-card{display:grid;gap:8px;margin:10px 0 16px;padding:14px 16px;border:1px solid #e3e6ee;border-radius:16px;background:#fff}.name-card label{font-size:13px;color:#6b7080}.name-card input{font:inherit;padding:10px 12px;border:1px solid #d5d9e4;border-radius:12px;background:#f9fafc;min-width:0}.name-card .btn-dark{justify-self:start}.plan-card{margin:8px 0 14px;padding:14px 16px;border:1px solid #e3e6ee;border-radius:16px;background:#fff;display:grid;gap:10px;min-width:0}.plan-card h3{margin:0;font-size:15px}.plan-card p{margin:0;line-height:1.45;overflow-wrap:anywhere}.plan-swatches,.plan-screens{list-style:none;margin:0;padding:0;display:grid;gap:6px}.plan-swatches{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.plan-swatches li{display:flex;align-items:center;gap:8px;min-width:0}.plan-dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:none}.plan-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.plan-swatches code{margin-left:auto;font-size:12px;color:#5b6275}.plan-screens li{overflow-wrap:anywhere}.plan-screens span{color:#5b6275}