.studio{--st-bg:#080b12;--st-panel:#10141e;--st-line:#ffffff10;--st-muted:#8b95aa;--st-blue:#5ca3ff;background:var(--st-bg);color:#e9edf5;grid-template-rows:76px minmax(0,1fr);height:100dvh;min-height:480px;font-family:Manrope,DM Sans,sans-serif;display:grid;overflow:hidden}.studio[dir=rtl]{font-family:Cairo,Manrope,sans-serif}.studio button,.studio a,.studio select{-webkit-tap-highlight-color:transparent}.studio button{color:inherit;background:0 0;border:0}.studio button:disabled{cursor:not-allowed;opacity:.42}.studio svg{flex-shrink:0}.studio-header{border-bottom:1px solid var(--st-line);z-index:25;background:#0a0d15;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex}.studio-header-brand,.studio-header-actions{align-items:center;gap:20px;display:flex}.studio-header-brand img{object-fit:contain;width:39px;height:43px}.studio-brand-rule{background:#ffffff1a;width:1px;height:30px}.studio-wordmark{letter-spacing:.5px;direction:ltr;font-size:17px;font-weight:800}.studio-wordmark strong{color:#abb5c9;font-weight:500}.studio-wordmark>span{color:#74809a;letter-spacing:2.6px;margin-top:2px;font-size:8px;display:block}.studio-status{color:#8995ab;align-items:center;gap:8px;font-size:10px;display:flex}.studio-status i{background:#7a8397;border-radius:50%;width:5px;height:5px}.studio-online i{background:#68d4ae;box-shadow:0 0 10px #68d4ae33}.studio-language,.studio-home{align-items:center;gap:7px;display:flex;color:#aeb8cc!important;font-size:11px!important}.studio-language{border-radius:7px;padding:7px 10px;border:1px solid #ffffff17!important}.studio-home{border-inline-start:1px solid #ffffff15;padding-inline-start:20px}.studio-icon{border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.studio-icon:hover{background:#ffffff0b}.studio-menu{display:none}.studio-layout{grid-template-columns:246px minmax(0,1fr);min-height:0;display:grid}.studio-sidebar{border-inline-end:1px solid var(--st-line);background:#0c1019;flex-direction:column;min-height:0;padding:23px 15px 16px;display:flex}.studio-new{border-radius:9px;align-items:center;gap:11px;margin-bottom:24px;padding:13px 12px;font-size:12px;font-weight:600;display:flex;background:#66a4ff0c!important;border:1px solid #7caaff35!important}.studio-new>svg{color:#7bb0fc}.studio-new>span{color:#73819b;margin-inline-start:auto;font-family:monospace}.studio-tools{border-bottom:1px solid var(--st-line);gap:6px;padding-bottom:23px;display:grid}.studio-tools button{color:#8e9bb2;text-align:start;border-radius:7px;align-items:center;gap:12px;padding:11px 12px;font-size:11px;display:flex}.studio-tools button:hover{color:#dce7f8;background:#ffffff05}.studio-tools button.active{color:#8abaff;background:linear-gradient(90deg,#4c8efb17,#4c8efb09)}.studio-tools button i{background:#77a9fa;border-radius:50%;width:4px;height:4px;margin-inline-start:auto}.studio-history-heading{color:#69768f;justify-content:space-between;align-items:center;padding:24px 12px 12px;font-size:10px;display:flex}.studio-history-heading>span:last-child{color:#58647a;font-size:9px}.studio-history{flex:1;min-height:60px;overflow:auto}.studio-muted{color:#647188;padding:0 12px;font-size:11px;line-height:1.9}.studio-history-row{border-radius:7px;align-items:center;margin-bottom:4px;display:flex}.studio-history-row.selected,.studio-history-row:hover{background:#ffffff08}.studio-history-item{text-align:start;flex:1;align-items:center;gap:9px;min-width:0;padding:10px;font-size:10px;display:flex;color:#94a0b5!important}.studio-history-item>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-history-item svg{color:#65738e}.studio-delete{opacity:0;padding:7px;display:flex;color:#748097!important}.studio-history-row:hover .studio-delete{opacity:1}.studio-delete:focus-visible{opacity:1}.studio-profile{border-top:1px solid var(--st-line);align-items:center;gap:10px;margin-top:14px;padding:17px 7px 0;display:flex}.studio-avatar{color:#9bbce9;background:#172032;border:1px solid #9dc0ff1c;border-radius:9px;place-items:center;width:33px;height:33px;font-size:13px;font-weight:700;display:grid}.studio-profile>div:last-child{min-width:0}.studio-profile strong{text-overflow:ellipsis;white-space:nowrap;color:#bcc8dc;max-width:150px;font-size:10px;display:block;overflow:hidden}.studio-profile a,.studio-profile>div>span{color:#68758b;letter-spacing:.5px;margin-top:4px;font-size:8px;display:block}.studio-workspace{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.studio-conversation{background:radial-gradient(ellipse at 50% 0,#2544760b,transparent 60%),var(--st-bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.studio-conversation-header{border-bottom:1px solid #ffffff06;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:57px;padding:0 27px;display:flex}.studio-conversation-header>div{align-items:center;gap:10px;min-width:0;display:flex}.studio-section-icon{color:#7295c7;place-items:center;display:grid}.studio-conversation-header strong{color:#a4b2c9;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.studio-chat-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#283246 transparent;flex:1;min-height:0;overflow-y:auto}.studio-welcome{text-align:center;max-width:790px;margin:0 auto;padding:48px 38px 28px}.studio-emblem{color:#a7ccff;background:linear-gradient(135deg,#26416744,#0c1527);border:1px solid #80b4ff45;border-radius:19px;place-items:center;width:63px;height:63px;margin:0 auto 30px;display:grid;position:relative;transform:rotate(-6deg);box-shadow:0 0 70px #3987ff23,inset 0 0 25px #2267d91a}.studio-emblem>svg{transform:rotate(6deg)}.studio-emblem>span{border:1px solid #64a2ff0e;border-radius:25px;position:absolute;inset:-8px}.studio-kicker{letter-spacing:2.2px;color:#6684ae;direction:ltr;margin:0 0 17px;font-size:8px}.studio h1{letter-spacing:-1px;margin:0 0 12px;font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.5}.studio-intro{color:#7f8da7;max-width:515px;margin:0 auto 30px;font-size:12px;line-height:2}.studio-mode-cards{text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.studio-mode-cards>button{text-align:start;background:linear-gradient(145deg,#18233644,#10151e66);border:1px solid #ffffff0d;border-radius:11px;min-height:139px;padding:19px 16px;transition:border-color .15s,transform .15s;position:relative}.studio-mode-cards>button.active{background:linear-gradient(145deg,#22467c44,#10151e66);border-color:#5898ed62}.studio-mode-cards>button:hover{border-color:#619ce876;transform:translateY(-2px)}.studio-mode-cards>button>svg:first-child{color:#7aa9e8;margin-bottom:13px}.studio-mode-cards strong{margin-bottom:5px;font-size:12px;font-weight:600;display:block}.studio-mode-cards span{color:#74839c;font-size:9px;line-height:1.8;display:block}.studio-card-arrow{inset-inline-end:12px;color:#516986;position:absolute;top:19px}.studio-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:27px;display:flex}.studio-suggestions>span{color:#64748e;width:100%;margin-bottom:2px;font-size:9px}.studio-suggestions>button{color:#8d9cb2;background:#ffffff02;border:1px solid #ffffff0b;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:flex}.studio-suggestions>button:hover{color:#c6d8ee;border-color:#6a9ad14d}.studio-composer-area{flex-shrink:0;width:100%;max-width:870px;margin:0 auto;padding:16px 38px 14px}.studio-composer{background:#111825;border:1px solid #b3ccff22;border-radius:13px;padding:15px 15px 11px;transition:border .2s;box-shadow:0 8px 30px #0002}.studio-composer:focus-within{border-color:#76a9ed66}.studio-composer textarea{resize:none;color:#dce5f5;scrollbar-width:thin;background:0 0;border:0;outline:none;width:100%;min-height:34px;max-height:160px;padding:0 1px;font-size:12px;line-height:1.8;display:block}.studio-composer textarea:focus-visible{outline:none}.studio-composer textarea::placeholder{color:#697893}.studio-composer-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.studio-composer-bottom>span{color:#65738d;align-items:center;gap:7px;font-size:9px;display:flex}.studio-composer-bottom>span>svg{color:#79a6df}.studio-composer-bottom>span>i{color:#394861;font-style:normal}.studio-send{border-radius:8px;place-items:center;width:32px;height:32px;display:grid;color:#071023!important;background:#8cbaff!important}.studio-send:disabled{color:#8aa1c7!important;background:#384967!important}.studio-stop{color:#bdd7ff!important;background:#293a55!important}.studio-footnote{text-align:center;color:#4d5c75;margin:11px 0 0;font-size:8px}.studio-signin{background:#101929;border:1px solid #8cb4ec23;border-radius:12px;align-items:center;gap:20px;padding:16px 19px;display:flex}.studio-signin p{color:#8ea1bd;flex:1;margin:0;font-size:10px;line-height:1.9}.studio-signin>a{white-space:nowrap;color:#d7e8ff;background:#3164a44d;border:1px solid #6c9ed13d;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:10px 13px;font-size:10px;display:flex}.studio-signin>a:hover{background:#3164a480}.studio-error{color:#e5a6ad;background:#4a1c253d;border:1px solid #d5687538;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:11px;line-height:1.8;display:flex}.studio-error button{padding:3px;display:flex}.studio-retry{padding:10px 0;font-size:11px;color:#8cbbf9!important}.studio-loading{color:#8497b4;justify-content:center;gap:12px;padding:70px 20px;font-size:12px;display:flex}.studio-messages{max-width:850px;margin:auto;padding:27px 35px}.studio-message{gap:14px;margin:0 0 29px;display:flex}.studio-message-avatar{color:#a2c8fb;background:#12213b;border:1px solid #6997cf2a;border-radius:8px;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.studio-message-user .studio-message-avatar{color:#a0aabd;background:#20242f;border-color:#ffffff13}.studio-message-body{flex:1;min-width:0;padding-top:3px}.studio-message-label{align-items:center;gap:10px;margin-bottom:8px;display:flex}.studio-message-label>strong{color:#8b9dba;font-size:10px;font-weight:600}.studio-message-label>button{color:#596d8b;opacity:0;padding:0;display:flex}.studio-message:hover .studio-message-label>button{opacity:1}.studio-message-label>button:focus-visible{opacity:1}.studio-message-content{color:#cbd6e7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:2.15}.studio-message-user .studio-message-content{color:#9eacc4}.studio-working{color:#7898c4;align-items:center;gap:11px;padding:5px 43px 15px;font-size:11px;display:flex}.studio-caret{vertical-align:middle;background:#76abef;width:5px;height:13px;margin-inline-start:4px;animation:1s infinite studio-blink;display:inline-block}.studio-spin{animation:1s linear infinite studio-rotate}.studio-mobile-preview,.studio-back-chat{display:none}.studio-with-preview{grid-template-columns:minmax(310px,40%) minmax(0,1fr)}.studio-with-preview .studio-composer-area{padding:16px 21px 14px}.studio-with-preview .studio-messages{padding:25px 21px}.studio-with-preview .studio-conversation-header{padding:0 21px}.studio-project{border-inline-start:1px solid var(--st-line);background:#10141f;flex-direction:column;min-width:0;min-height:0;display:flex}.studio-project-toolbar{border-bottom:1px solid var(--st-line);justify-content:space-between;align-items:center;gap:10px;min-height:57px;padding:0 18px;display:flex}.studio-project-tabs,.studio-project-tools{align-items:center;gap:4px;display:flex}.studio-project-tabs>button{color:#70829c;border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.studio-project-tabs>button.active{color:#a9c6ed;background:#25344a8c}.studio-project-tools .studio-icon{color:#768ba8}.studio-project-info{border-bottom:1px solid var(--st-line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 18px;display:flex}.studio-project-info>div:first-child{align-items:center;gap:13px;min-width:0;display:flex}.studio-project-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:10px;font-weight:500;overflow:hidden}.studio-project-info label{flex-shrink:0;align-items:center;display:flex;position:relative}.studio-project-info select{-webkit-appearance:none;appearance:none;color:#8c9db8;padding:5px 8px;outline-offset:2px;background:#1c2433;border:1px solid #ffffff0a;border-radius:5px;max-width:100px;padding-inline-end:21px;font-size:8px}.studio-project-info label>svg{pointer-events:none;color:#768ba8;position:absolute;inset-inline-end:5px}.studio-downloads{flex-shrink:0;align-items:center;gap:9px;display:flex}.studio-downloads>a{color:#8498b7;align-items:center;gap:5px;font-size:8px;display:flex}.studio-downloads>a.studio-download-main{color:#a6cbff;background:#437cc91c;border:1px solid #5b98e83b;border-radius:6px;padding:7px 9px}.studio-preview-stage{background-image:radial-gradient(#acb6cf12 .6px,#0000 .6px);background-size:12px 12px;flex:1;justify-content:center;align-items:stretch;min-height:0;padding:13px;display:flex;position:relative;overflow:hidden}.studio-preview-stage>iframe{background:#fff;border:0;border-radius:5px;width:100%;height:100%;box-shadow:0 10px 40px #0005}.studio-mobile-device>iframe{border:5px solid #252e40;border-radius:23px;max-width:390px}.studio-preview-empty{text-align:center;color:#5d7599;flex-direction:column;align-self:center;align-items:center;max-width:360px;padding:30px;display:flex}.studio-preview-empty>svg{color:#6483ac;margin-bottom:23px}.studio-preview-empty h2{color:#96aac7;margin:0 0 12px;font-size:15px;font-weight:500}.studio-preview-empty p{color:#607694;margin:0;font-size:11px;line-height:1.9}.studio-preview-lines{gap:7px;width:170px;margin-top:30px;display:grid}.studio-preview-lines>i{background:#526b9021;border-radius:5px;height:4px;display:block}.studio-preview-lines>i:nth-child(2){justify-self:center;width:80%}.studio-preview-lines>i:nth-child(3){justify-self:center;width:55%}.studio-source{text-align:left;color:#8fb4df;tab-size:2;background:#0b101b;border-radius:5px;width:100%;height:100%;margin:0;padding:20px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.8;overflow:auto}.studio-preview-updating{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#c2d8f9;background:#0d1b32e8;border:1px solid #98bff64d;border-radius:9px;align-items:center;gap:9px;padding:11px 17px;font-size:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.studio-toast{color:#b9d6fa;z-index:60;background:#13223a;border:1px solid #689bd94d;border-radius:9px;align-items:center;gap:10px;padding:12px 21px;font-size:11px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0005}.studio-scrim{display:none}@keyframes studio-rotate{to{transform:rotate(360deg)}}@keyframes studio-blink{50%{opacity:0}}@media (min-width:1550px){.studio-welcome{padding-top:72px}.studio-intro{margin-bottom:37px}.studio-mode-cards>button{min-height:155px}.studio-composer-area{padding-bottom:22px}}@media (max-width:1150px){.studio-layout{grid-template-columns:215px minmax(0,1fr)}.studio-header{padding:0 22px}.studio-with-preview{grid-template-columns:minmax(290px,43%) minmax(0,1fr)}.studio-project-info{flex-direction:column;align-items:flex-start;gap:10px}.studio-project-info>div:first-child{justify-content:space-between;width:100%}.studio-downloads{align-self:flex-end}.studio-composer-area{padding-inline:25px}.studio-welcome{padding:38px 25px 20px}.studio-mode-cards>button{padding:15px 12px}.studio-signin{text-align:center;flex-direction:column;gap:11px}.studio-history-item{font-size:9px}.studio-profile strong{max-width:120px}}@media (max-width:900px){.studio{grid-template-rows:68px minmax(0,1fr)}.studio-header{gap:8px;padding:0 17px}.studio-header-brand{gap:13px}.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-sidebar{z-index:40;width:250px;transition:transform .2s;position:fixed;inset-block:68px 0;inset-inline-start:0;transform:translate(-105%);box-shadow:0 20px 50px #0007}.studio[dir=rtl] .studio-sidebar{transform:translate(105%)}.studio-sidebar.studio-sidebar-open{transform:translate(0)}.studio-menu{display:inline-flex}.studio-scrim{z-index:35;display:block;position:fixed;background:#0008!important;inset:68px 0 0!important}.studio-header-actions{gap:13px}.studio-wordmark{font-size:15px}.studio-wordmark>span{letter-spacing:2px;font-size:7px}.studio-status{font-size:9px}.studio-home{padding-inline-start:13px}.studio-delete{opacity:1}.studio-with-preview{grid-template-columns:1fr}.studio-pane-chat .studio-project,.studio-pane-preview .studio-conversation{display:none}.studio-mobile-preview,.studio-back-chat{align-items:center;gap:7px;font-size:10px;color:#8db6ec!important;display:flex!important}.studio-project{border:0}.studio-project-info{flex-direction:row;align-items:center}.studio-project-info>div:first-child{flex:1;justify-content:flex-start;width:auto}.studio-downloads{align-self:center}.studio-welcome{max-width:740px;padding-top:43px}.studio-profile strong{max-width:160px}.studio-signin{text-align:start;flex-direction:row}.studio-with-preview .studio-composer-area{padding-inline:28px}}@media (max-width:540px){.studio{grid-template-rows:63px minmax(0,1fr)}.studio-header{padding:0 12px}.studio-header-brand{gap:9px}.studio-header-brand img{width:30px;height:35px}.studio-brand-rule{height:25px}.studio-wordmark{letter-spacing:0;font-size:12px}.studio-wordmark>span{letter-spacing:1.4px;font-size:5.5px}.studio-header-actions{gap:8px}.studio-status{display:none}.studio-home{padding-inline-start:9px}.studio-home>span{display:none}.studio-language{gap:5px;padding:6px 7px;font-size:9px!important}.studio-language svg{width:13px}.studio-menu{width:26px}.studio-sidebar{inset-block-start:63px}.studio-scrim{inset-block-start:63px!important}.studio-conversation-header{height:48px;padding:0 17px}.studio-conversation-header strong{font-size:10px}.studio-welcome{padding:28px 20px 15px}.studio-emblem{border-radius:15px;width:51px;height:51px;margin-bottom:25px}.studio-emblem>svg{width:25px}.studio-kicker{letter-spacing:1.7px;margin-bottom:10px;font-size:6px}.studio h1{margin-bottom:9px;font-size:28px}.studio-intro{margin-bottom:24px;font-size:10px;line-height:2}.studio-mode-cards{grid-template-columns:1fr;gap:8px}.studio-mode-cards>button{grid-template-columns:33px 1fr;align-items:center;column-gap:10px;min-height:0;padding:12px 14px;display:grid}.studio-mode-cards>button>svg:first-child{grid-row:1/3;width:21px;margin:0}.studio-mode-cards strong{margin-bottom:2px;font-size:11px}.studio-mode-cards span{font-size:8px}.studio-card-arrow{width:13px;top:17px}.studio-suggestions{gap:6px;margin-top:20px}.studio-suggestions>button{padding:7px 9px;font-size:8px}.studio-composer-area,.studio-with-preview .studio-composer-area{padding:10px 14px 11px}.studio-composer{border-radius:11px;padding:12px 12px 9px}.studio-composer textarea{font-size:11px}.studio-composer-bottom>span{font-size:8px}.studio-footnote{margin-top:8px;font-size:7px;line-height:1.7}.studio-signin{text-align:center;flex-direction:column;gap:10px;padding:12px 15px}.studio-signin p{font-size:9px}.studio-signin>a{width:100%;padding:9px;font-size:10px}.studio-messages,.studio-with-preview .studio-messages{padding:23px 16px}.studio-message{gap:10px;margin-bottom:25px}.studio-message-content{font-size:11px}.studio-message-avatar{width:26px;height:26px}.studio-message-label>button{opacity:1}.studio-message-label>strong{font-size:9px}.studio-working{padding:4px 35px 10px;font-size:10px}.studio-project-toolbar{gap:5px;min-height:48px;padding-inline:10px}.studio-project-tabs{gap:1px}.studio-project-tabs>button{gap:5px;padding:7px;font-size:8px}.studio-project-tabs>button svg{width:13px}.studio-project-tools{gap:0}.studio-project-tools .studio-icon{width:26px}.studio-project-info{flex-wrap:wrap;gap:8px;min-height:65px;padding:10px 12px}.studio-project-info>div:first-child{gap:10px}.studio-project-info strong{max-width:145px;font-size:9px}.studio-project-info select{font-size:7px}.studio-downloads{gap:10px}.studio-downloads>a{font-size:7px}.studio-downloads>a.studio-download-main{padding:6px 8px}.studio-preview-stage{padding:8px}.studio-preview-empty h2{font-size:13px}.studio-preview-empty p{font-size:10px}.studio-source{padding:12px;font-size:9px}.studio-error{padding:10px 11px;font-size:10px}}@media (prefers-reduced-motion:reduce){.studio *{transition:none!important;animation:none!important}.studio-caret{opacity:1}}.studio-project-tabs>button.studio-back-chat{display:none}@media (max-width:900px){.studio-project-tabs>button.studio-back-chat{display:flex}}.studio-intro,.studio-mode-cards strong{font-size:14px}.studio-mode-cards span{font-size:11px}.studio-tools button{font-size:13px}.studio-message-content,.studio-composer textarea{font-size:14px}.studio-suggestions>button{font-size:11px}.studio-signin p,.studio-signin>a{font-size:12px}.studio-footnote{font-size:10px}@media (max-width:540px){.studio-intro{font-size:12px}.studio-mode-cards strong{font-size:13px}.studio-mode-cards span{font-size:10px}.studio-message-content,.studio-composer textarea{font-size:13px}.studio-suggestions>button{font-size:10px}.studio-signin p{font-size:11px}.studio-footnote{font-size:9px}}