:root{--studio-bg:#080a0e;--studio-panel:#0e1219;--studio-panel-2:#111722;--studio-line:rgba(255,255,255,.085);--studio-text:#edf3fa;--studio-muted:#7f8a9b;--studio-cyan:#69e7ff;--studio-blue:#7080ff;--studio-green:#7ce6b8;--studio-danger:#ff8f82}*{box-sizing:border-box}body{margin:0;background:var(--studio-bg)!important;color:var(--studio-text)!important;overflow:hidden}.wbStudio{position:relative;isolation:isolate;max-width:none!important;padding:0!important;height:100vh;background:radial-gradient(circle at 62% -10%,rgba(72,100,255,.12),transparent 30rem),linear-gradient(180deg,#090c11,#07090d);color:var(--studio-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wbStudio:before{content:"";position:absolute;inset:60px 0 0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at 62% 40%,#000,transparent 72%);mask-image:radial-gradient(circle at 62% 40%,#000,transparent 72%)}.wbStudio a{color:inherit;text-decoration:none}.wbStudio button,.wbStudio textarea{font:inherit}.wbStudioTop{position:relative;z-index:5;height:60px;display:grid;grid-template-columns:320px 1fr 360px;align-items:center;padding:0 15px;border-bottom:1px solid var(--studio-line);background:rgba(8,11,16,.88);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.wbStudioBrand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:760;letter-spacing:-.3px;width:max-content}.wbAgentIntro>span,.wbAgentLine>span,.wbStudioBrand span{position:relative;width:27px;height:27px;border:1px solid rgba(105,231,255,.25);border-radius:8px;background:linear-gradient(145deg,#151b25,#080a0e);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:850;box-shadow:0 6px 20px rgba(0,0,0,.28)}.wbProjectTitle{text-align:center;display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px}.wbProjectTitle b{font-weight:620;color:#cdd6e2}.wbProjectTitle span{font-size:7px;letter-spacing:.5px;color:#6e7989;border:1px solid var(--studio-line);padding:3px 6px;border-radius:99px;background:#0d1219}.wbStudioTools{justify-self:end;display:flex;align-items:center;gap:6px;font-size:9px}.wbStudioTools .languagePicker,.wbStudioTools>a{border:1px solid var(--studio-line)!important;border-radius:8px!important;background:#0e131b!important;color:#8f9bac!important;padding:7px 8px!important}.wbStudioTools>a:hover{color:#e6edf6;border-color:rgba(105,231,255,.19)!important}.wbOnline,.wbSetup{display:flex;align-items:center;gap:6px;color:#778394;border-right:1px solid var(--studio-line);padding-right:9px}.wbOnline i,.wbSetup i{width:6px;height:6px;border-radius:50%;background:var(--studio-green);box-shadow:0 0 12px rgba(124,230,184,.42)}.wbSetup i{background:#d6ac5f;box-shadow:none}.wbWorkspace{position:relative;z-index:2;height:calc(100vh - 60px);display:grid;grid-template-columns:minmax(320px,356px) minmax(520px,1fr) 280px}.wbChat{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--studio-line);background:rgba(12,16,23,.93);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wbChatHead{height:56px;padding:0 13px;border-bottom:1px solid var(--studio-line);display:flex;align-items:center;justify-content:space-between}.wbChatHead b,.wbChatHead small{display:block}.wbChatHead small{font-size:7px;letter-spacing:1.3px;color:#566272}.wbChatHead b{font-size:10px;margin-top:2px;color:#dce4ee}.wbChatHead button{border:1px solid var(--studio-line);background:#121823;border-radius:8px;padding:7px 9px;color:#8490a0;font-size:8px;cursor:pointer}.wbChatHead button:hover{border-color:rgba(105,231,255,.18);color:#dce8f6}.wbConversation{flex:1 1;overflow:auto;padding:18px 14px 24px;scrollbar-width:thin;scrollbar-color:#252d39 transparent}.wbAgentIntro,.wbAgentLine{display:flex;gap:9px;align-items:flex-start}.wbAgentIntro>span,.wbAgentLine>span{flex:0 0 27px}.wbAgentIntro b,.wbAgentLine b{font-size:10px;color:#e8eef6}.wbAgentIntro p,.wbAgentLine p{margin:5px 0 0;color:#6f7b8b;font-size:9px;line-height:1.52}.wbUserBubble{margin:23px 0 22px 36px;padding:10px 11px;background:linear-gradient(145deg,#171e2a,#121722);border:1px solid rgba(255,255,255,.055);border-radius:11px 11px 3px 11px;font-size:10px;line-height:1.5;color:#c1cad6}.wbAgentBlock{padding-bottom:18px}.wbPlan{margin:12px 0 0 36px;border:1px solid var(--studio-line);border-radius:10px;overflow:hidden;background:#0b1016}.wbPlan>div{min-height:37px;display:flex;align-items:center;gap:9px;padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.055);color:#657182;font-size:8px}.wbPlan>div:last-child{border-bottom:0}.wbPlan i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #2d3642;border-radius:50%;font-style:normal;font-size:7px;background:#0f141c}.wbPlan .done{color:#9ba7b7}.wbPlan .done i{background:#173027;color:#93f1c9;border-color:#315e4f}.wbPlan .active{background:rgba(105,231,255,.025);color:#d8e3ef}.wbPlan .active i{border-color:#5edcf6;color:var(--studio-cyan);box-shadow:0 0 0 3px rgba(105,231,255,.055)}.wbApprove{margin:12px 0 0 36px;border:1px solid rgba(105,231,255,.2);background:linear-gradient(135deg,#c9f8ff,#aebaff);color:#091016;border-radius:8px;padding:9px 11px;font-size:8px;font-weight:760;cursor:pointer;box-shadow:0 7px 24px rgba(90,184,255,.1)}.wbApprove:disabled{opacity:.32;cursor:not-allowed}.wbChatError,.wbReadyMsg{margin:12px 0 0 36px;border-radius:8px;padding:8px 9px;font-size:8px;line-height:1.45}.wbReadyMsg{border:1px solid rgba(124,230,184,.14);background:rgba(56,132,102,.11);color:#9de7c7}.wbChatError{border:1px solid rgba(255,143,130,.14);background:rgba(126,47,40,.12);color:#ef9b90}.wbChatComposer{margin:8px 11px 11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:linear-gradient(180deg,#111722,#0c1118);box-shadow:0 12px 30px rgba(0,0,0,.22);overflow:hidden}.wbChatComposer:focus-within{border-color:rgba(105,231,255,.24);box-shadow:0 0 0 3px rgba(105,231,255,.035),0 14px 34px rgba(0,0,0,.26)}.wbModePicker{display:flex;gap:3px;padding:7px 7px 0;overflow:auto;scrollbar-width:none}.wbModePicker button{border:0;background:transparent;color:#5f6a7b;border-radius:7px;padding:5px 6px;font-size:7px;white-space:nowrap;cursor:pointer}.wbModePicker button.selected{background:#18202c;color:#d5dee9}.wbChatComposer textarea{width:100%;min-height:80px;max-height:150px;resize:vertical;border:0;outline:0;padding:10px 11px;color:#e7eef7;background:transparent;font-size:10px;line-height:1.5}.wbChatComposer textarea::placeholder{color:#4d5867}.wbChatComposer>div:last-child{display:flex;align-items:center;justify-content:space-between;padding:6px 7px 7px 11px}.wbChatComposer>div:last-child span{font-size:7px;color:#566172}.wbChatComposer>div:last-child button{width:29px;height:29px;border:0;border-radius:8px;background:#e8faff;color:#081016;font-size:14px;font-weight:800;cursor:pointer}.wbChatComposer>div:last-child button:disabled{opacity:.24}.wbCanvas{min-width:0;display:flex;flex-direction:column;background:rgba(8,11,16,.78)}.wbCanvasTabs{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--studio-line);background:rgba(10,14,20,.93)}.wbCanvasTabs>div{display:flex;gap:3px}.wbCanvasTabs button{border:0;background:transparent;border-radius:7px;padding:7px 8px;color:#596575;font-size:8px;cursor:pointer}.wbCanvasTabs button.active{background:#161d28;color:#dfe8f4;font-weight:650}.wbCanvasTabs button:disabled{opacity:.35;cursor:not-allowed}.wbCanvasTabs>div:last-child button{border:1px solid rgba(255,255,255,.075);background:#0f151d}.wbDeviceSwitch button.selected{background:#dffaff!important;color:#081016!important;border-color:#dffaff!important}.wbPreviewArea{position:relative;flex:1 1;min-height:0;padding:18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(100,123,255,.08),transparent 38%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 0);background-size:auto,28px 28px,28px 28px}.wbPreviewArea:before{content:"PREVIEW SURFACE";position:absolute;top:11px;left:18px;font-size:6px;letter-spacing:1.4px;color:#323b48}.wbBrowser{position:relative;width:100%;height:100%;border:1px solid #d9dfe8;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04);transition:max-width .28s ease,border-radius .28s ease,border-width .28s ease}.wbBrowserBar{height:38px;border-bottom:1px solid #e7ebf0;display:flex;align-items:center;gap:12px;padding:0 11px;color:#a0a7b0;font-size:7px;background:#f8fafc}.wbBrowserBar>span{letter-spacing:3px;color:#c1c6cd}.wbBrowserBar>div{flex:1 1;text-align:center;color:#7c8490;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbBrowserBar button{border:0;background:transparent;color:#818a96;cursor:pointer}.wbBrowserBar button:disabled{opacity:.35}.wbLiveFrame{display:block;width:100%;height:calc(100% - 38px);border:0;background:#fff}.wbPreviewEmpty{height:calc(100% - 38px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:34px;background:radial-gradient(circle at 50% 42%,#f3f8ff,#fff 55%)}.wbEmptyIcon{width:45px;height:45px;border-radius:14px;border:1px solid #dbe3ec;background:linear-gradient(145deg,#fff,#edf3f9);display:grid;place-items:center;font-weight:850;color:#151b24;box-shadow:0 14px 30px rgba(34,52,76,.08)}.wbPreviewEmpty h2{font-size:17px;margin:14px 0 6px;letter-spacing:-.5px;color:#171c24}.wbPreviewEmpty p{max-width:380px;color:#7b8490;font-size:9px;line-height:1.55;margin:0}.wbPreviewEmpty button{margin-top:14px;border:1px solid #dbe1e8;background:#fff;border-radius:8px;padding:8px 10px;font-size:8px;color:#303a47;cursor:pointer}.wbBrowser.wbDevice-android,.wbBrowser.wbDevice-iphone{height:min(740px,94%);margin:auto;border:7px solid #05070a;box-shadow:0 32px 80px rgba(0,0,0,.55),0 0 0 1px #28313d}.wbBrowser.wbDevice-iphone{max-width:390px;border-radius:38px}.wbBrowser.wbDevice-android{max-width:420px;border-radius:28px}.wbBrowser.wbDevice-iphone:after{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:78px;height:18px;border-radius:0 0 12px 12px;background:#05070a;z-index:3}.wbBrowser.wbDevice-android .wbBrowserBar,.wbBrowser.wbDevice-iphone .wbBrowserBar{height:34px;padding-left:15px;padding-right:15px}.wbBrowser.wbDevice-android .wbLiveFrame,.wbBrowser.wbDevice-android .wbPreviewEmpty,.wbBrowser.wbDevice-iphone .wbLiveFrame,.wbBrowser.wbDevice-iphone .wbPreviewEmpty{height:calc(100% - 34px)}.wbCanvasStatus{height:34px;border-top:1px solid var(--studio-line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#0a0e14;font-size:7px;color:#5e6979;text-transform:capitalize}.wbCanvasStatus span:first-child{display:flex;align-items:center;gap:6px}.wbCanvasStatus i{width:6px;height:6px;border-radius:50%;background:var(--studio-green);box-shadow:0 0 10px rgba(124,230,184,.35)}.wbInspector{overflow:auto;border-left:1px solid var(--studio-line);background:rgba(12,16,23,.94);scrollbar-width:thin;scrollbar-color:#252d39 transparent}.wbInspectorHead{height:56px;border-bottom:1px solid var(--studio-line);padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#d4dde8}.wbInspectorHead button{border:0;background:transparent;color:#596575}.wbInspector section{padding:15px 13px;border-bottom:1px solid rgba(255,255,255,.06)}.wbInspector section>small{font-size:7px;letter-spacing:1.15px;color:#536071;font-weight:700}.wbInspector section>strong{display:block;font-size:10px;margin-top:8px;color:#dce5ef}.wbCaps{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.wbCaps span,.wbPluginList span{border:1px solid rgba(255,255,255,.075);background:#111722;border-radius:999px;padding:5px 6px;font-size:7px;color:#768294}.wbCaps p,.wbInspector section>p,.wbPluginList p{font-size:8px;color:#697586;line-height:1.5;margin:8px 0 0}.wbProgress{height:4px;border-radius:99px;background:#1e2732;overflow:hidden;margin-top:10px}.wbProgress div{height:100%;background:linear-gradient(90deg,var(--studio-cyan),var(--studio-blue));border-radius:99px;transition:width .25s;box-shadow:0 0 12px rgba(105,231,255,.2)}.wbInspector ul{list-style:none;margin:9px 0 0;padding:0;display:grid;grid-gap:7px;gap:7px}.wbInspector li{font-size:7px;color:#5c6878;display:flex;align-items:center;gap:7px}.wbInspector li:before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid #33404e}.wbInspector li.on{color:#8e9aaa}.wbInspector li.on:before{background:var(--studio-green);border-color:var(--studio-green);box-shadow:0 0 7px rgba(124,230,184,.32)}.wbPluginList{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.wbPluginList span{border-color:rgba(105,231,255,.1);background:rgba(105,231,255,.035);color:#82a8b1}.wbInlineLink{display:inline-block;margin-top:9px;font-size:7px;color:#71dff6;font-weight:650}.wbPublishMobile strong{display:block;margin-top:8px;font-size:10px}.wbPublishMobile p{font-size:8px;color:#697586;line-height:1.5;margin:6px 0 0}.wbReleaseMeta{display:grid;grid-gap:5px;gap:5px;margin-top:9px;padding:8px;border:1px solid rgba(255,255,255,.07);background:#101620;border-radius:8px}.wbReleaseMeta span{font-size:7px;color:#758193;line-height:1.4;word-break:break-all}.wbOpenPreview{display:block;margin:12px;border:1px solid rgba(105,231,255,.14);background:#111922;border-radius:8px;padding:8px 9px;text-align:center;color:#78e3f8;font-size:8px;font-weight:650}.supportOrb{border:1px solid rgba(255,255,255,.12)!important;background:#111722!important;color:#fff!important;border-radius:14px!important;box-shadow:0 14px 34px rgba(0,0,0,.36)!important}.supportPanel{background:#101620!important;color:#e7eef6!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:15px!important}.supportPanel button{background:#dffaff!important;color:#081016!important}.supportAnswer{background:#151d28!important;color:#cdd8e5!important}@media(max-width:1160px){.wbStudioTop{grid-template-columns:255px 1fr 300px}.wbWorkspace{grid-template-columns:330px 1fr}.wbInspector{display:none}}@media(max-width:780px){body{overflow:auto}.wbStudio{height:auto;min-height:100vh}.wbStudioTop{grid-template-columns:1fr auto;height:56px}.wbProjectTitle,.wbStudioTools .wbOnline,.wbStudioTools .wbSetup,.wbStudioTools>a{display:none}.wbWorkspace{height:calc(100vh - 56px);display:block}.wbChat{height:48vh;border-right:0;border-bottom:1px solid var(--studio-line)}.wbCanvas{height:52vh}.wbCanvasTabs{height:48px}.wbCanvasTabs>div:first-child button:not(.active){display:none}.wbPreviewArea{padding:9px}.wbPreviewArea:before{display:none}.wbConversation{padding-bottom:9px}.wbChatComposer{margin-top:3px}.wbBrowser.wbDevice-android,.wbBrowser.wbDevice-iphone{height:100%;max-width:100%;border-width:4px;border-radius:18px}.wbBrowser.wbDevice-iphone:after{display:none}}:root{--studio-pale-blue:#dcecff;--studio-pale-cyan:#ddfbff;--studio-pale-mint:#e7fff4;--studio-pale-lavender:#eef0ff}.wbStudio{background:radial-gradient(circle at 58% -12%,rgba(220,236,255,.18),transparent 31rem),radial-gradient(circle at 88% 42%,rgba(221,251,255,.08),transparent 28rem),radial-gradient(circle at 18% 86%,rgba(238,240,255,.07),transparent 26rem),linear-gradient(180deg,#0a0e15,#080b11)}.wbChat{background:radial-gradient(circle at 5% 18%,rgba(221,251,255,.045),transparent 18rem),linear-gradient(180deg,#0d131d,#0a0f16)}.wbCanvas{background:linear-gradient(180deg,#101722,#0d131d)}.wbCanvasTabs{background:linear-gradient(180deg,rgba(15,22,33,.98),rgba(11,17,26,.98))}.wbPreviewArea{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.88),transparent 26%),radial-gradient(circle at 82% 20%,rgba(221,251,255,.95),transparent 34%),radial-gradient(circle at 68% 82%,rgba(231,255,244,.92),transparent 35%),radial-gradient(circle at 18% 84%,rgba(238,240,255,.96),transparent 34%),linear-gradient(135deg,#dcecff,#e4f7ff 38%,#ebfff7 70%,#eef0ff);background-size:auto,auto,auto,auto,auto}.wbPreviewArea:before{color:rgba(37,52,75,.36)}.wbBrowser{border-color:rgba(73,91,120,.2);box-shadow:0 30px 75px rgba(31,46,70,.24),0 0 0 1px rgba(255,255,255,.62)}.wbPreviewEmpty{background:radial-gradient(circle at 32% 30%,#fff 0,rgba(255,255,255,.78) 25%,transparent 48%),linear-gradient(145deg,#f6fbff,#f3fffa 58%,#f6f5ff)}.wbInspector{background:radial-gradient(circle at 110% 8%,rgba(220,236,255,.055),transparent 17rem),linear-gradient(180deg,rgba(14,20,30,.98),rgba(10,15,23,.98))}.wbChatComposer{background:linear-gradient(160deg,#151f2d,#0d141e);border-color:rgba(220,236,255,.13)}.wbCaps span,.wbPluginList span,.wbReleaseMeta{background:linear-gradient(180deg,rgba(24,35,50,.96),rgba(15,23,34,.96))}.wbCodeSurface,.wbLogSurface{width:100%;height:100%;min-height:0;border:1px solid rgba(20,31,48,.14);border-radius:13px;overflow:hidden;background:#0b1119;box-shadow:0 24px 65px rgba(31,46,70,.18)}.wbCodeSurface{display:grid;grid-template-columns:210px minmax(0,1fr)}.wbCodeFiles{padding:10px;border-right:1px solid rgba(255,255,255,.08);overflow:auto;background:#0e151f}.wbCodeFiles button{display:block;width:100%;border:0;background:transparent;color:#728092;text-align:left;padding:7px 8px;border-radius:7px;font-size:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbCodeFiles button.selected,.wbCodeFiles button:hover{background:#172231;color:#dbe7f3}.wbCodeEditor{min-width:0;display:flex;flex-direction:column}.wbCodeEditor>div{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#101823}.wbCodeEditor>div span{font-size:8px;color:#d6e1ed}.wbCodeEditor>div b{font-size:7px;color:#6e7c8f;text-transform:uppercase;letter-spacing:.8px}.wbCodeEditor pre{flex:1 1;min-height:0;margin:0;padding:15px;overflow:auto;color:#c7d5e4;background:#0a1017;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}.wbLogSurface{display:flex;flex-direction:column}.wbLogHead{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.08);background:#101823}.wbLogHead b{font-size:9px;color:#dce6f1}.wbLogHead span{font-size:7px;color:#657386}.wbLogList{flex:1 1;overflow:auto;padding:9px 13px}.wbLogList>p{font-size:9px;color:#687687}.wbLogList article{display:grid;grid-template-columns:82px 145px 1fr;grid-gap:10px;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.wbLogList p,.wbLogList strong,.wbLogList time{font-size:8px;line-height:1.45}.wbLogList time{color:#536173}.wbLogList strong{color:#86a4bb;font-weight:650}.wbLogList p{margin:0;color:#aeb9c7}@media(max-width:780px){.wbCodeSurface{grid-template-columns:130px minmax(0,1fr)}.wbLogList article{grid-template-columns:62px 100px 1fr}.wbCodeEditor pre{font-size:9px}}.wbLogList article.runtimeOk strong:before{content:"✓ "}.wbLogList article.runtimeFail strong:before{content:"× "}.wbLogList article.runtimeFail p{white-space:pre-wrap;word-break:break-word}.wbMobileActions{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin:10px 0}.wbMobileActions button{border:1px solid rgba(37,99,235,.18);background:rgba(37,99,235,.07);color:#29435f;border-radius:9px;padding:8px 9px;font-size:8px;font-weight:700;cursor:pointer}.wbMobileActions button:last-child{grid-column:1/-1;background:#111b28;color:#e8f0f8;border-color:#111b28}.wbMobileActions button:disabled{opacity:.42;cursor:not-allowed}