@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap";
:root{--ink:#292a35;--muted:#92939d;--line:#eeedf1;--purple:#7566dd;--soft:#f5f3ff;--bg:#faf9f7}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.side{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:234px;padding:28px 20px;display:flex}.brand{letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:9px;font-family:Nunito,sans-serif;font-size:23px;font-weight:900;display:inline-flex}.brand b{color:#aaa8b3;font-weight:700}.brand-mark{color:#7566dd;background:#eeebff;border-radius:12px;place-items:center;width:35px;height:35px;display:grid}.side-label{color:#b1afb9;letter-spacing:1.4px;margin:65px 12px 15px;font-size:10px;font-weight:700}.side-link{border-radius:10px;align-items:center;gap:11px;padding:13px;font-weight:700;display:flex}.side-link.active{color:#6758ce;background:#f2f0ff}.side-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:20px 4px 0;font-size:12px;display:flex}.side-bottom small{color:var(--muted);margin-top:4px;display:block}.avatar{color:#a9684e;background:#f6d9c7;border-radius:11px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.home-main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#ffffff80;justify-content:space-between;align-items:center;height:80px;padding:0 55px;font-weight:700;display:flex}.top-right,.local-badge{color:#9b9ba4;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.status-dot,.preview-dot{background:#7dc7a0;border-radius:100%;width:7px;height:7px;display:inline-block}.home-content{max-width:1320px;margin:auto;padding:72px 7% 30px}.eyebrow{color:#8a7de0;letter-spacing:1.35px;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.welcome-row{justify-content:space-between;align-items:end;gap:20px;margin:14px 0 76px;display:flex}h1,h2,h3,p{margin:0}.welcome-row h1{letter-spacing:-2px;font-family:Nunito,sans-serif;font-size:clamp(36px,4vw,53px);font-weight:800}.welcome-row h1 em{color:#8b7be0;font-style:normal}.welcome-row p{color:#91909a;margin-top:9px;font-size:15px}.primary{color:#fff;background:#7769dc;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 17px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 5px 14px #7566dd22}.primary:hover{background:#6555d3;transform:translateY(-2px)}.section-heading{border-bottom:1px solid #e8e7e9;padding-bottom:22px}.section-heading h2{font:800 20px Nunito,sans-serif}.section-heading h2 span{color:#aaa8b1;margin-left:8px;font:600 11px DM Sans}.section-heading p{color:#a4a2aa;margin-top:5px;font-size:13px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.empty h3,.preview-empty h3{font:800 19px Nunito,sans-serif}.empty p,.preview-empty p{color:#a2a0ab;margin:8px 0 23px}.empty-art{place-items:center;width:160px;height:135px;margin-bottom:15px;display:grid;position:relative}.empty-icon{color:#8c7cde;background:#ece8fe;border-radius:28px;place-items:center;width:84px;height:84px;display:grid;transform:rotate(-7deg)}.orbit{border:1px solid #e1dbf8;border-radius:50%;width:135px;height:99px;position:absolute;transform:rotate(-24deg)}.orbit.two{width:105px;height:129px;transform:rotate(35deg)}.spark{color:#c6baeb;position:absolute}.spark.a{top:14px;right:4px}.spark.b{bottom:23px;left:5px}.home-note{color:#b1aeb6;align-items:center;gap:8px;margin-top:40px;font-size:12px;display:flex}.project-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px;padding-top:25px;display:grid}.project-card,.add-card{background:#fff;border:1px solid #eeedf0;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-card:hover,.add-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #292a3510}.card-art{color:#9381db;background:#efecff;justify-content:center;align-items:center;height:145px;display:flex;position:relative}.art-1{color:#d99773;background:#f9e9dd}.art-2{color:#78ae99;background:#e5f2ed}.art-shape{background:#ffffff8c;border-radius:23px;place-items:center;width:70px;height:70px;display:grid;transform:rotate(-8deg)}.card-art>span{letter-spacing:1.3px;opacity:.7;font-size:9px;font-weight:700;position:absolute;bottom:14px;left:16px}.card-info{justify-content:space-between;align-items:center;padding:19px;display:flex}.card-info h3{font:800 16px Nunito}.card-info p{color:#aaa8b1;margin-top:6px;font-size:12px}.add-card{color:#96929f;background:0 0;border:1px dashed #dcd9e4;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;font-weight:600;display:flex}.add-card span{color:#8d80d8;background:#eeeafc;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.modal-backdrop{z-index:5;background:#25233b55;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(440px,100%);padding:30px;box-shadow:0 20px 80px #2222}.modal-icon,.chat-spark{color:#8576dd;background:#f0edff;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.modal h2{margin-top:17px;font:800 25px Nunito}.modal p{color:#92909b;margin:8px 0 25px;line-height:1.6}.modal label{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.modal input{border:1px solid #e7e5ed;border-radius:10px;outline-color:#9c8dec;width:100%;padding:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.subtle{color:#92909b;background:0 0;border:0;padding:10px}.error{color:#aa414e;background:#fff0f1;border-radius:9px;margin:12px 0;padding:12px;font-size:12px}.workspace{background:#fff;flex-direction:column;height:100vh;display:flex}.workspace-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:18px;height:70px;padding:0 25px;display:flex}.workspace-header .brand{font-size:20px}.workspace-header .brand-mark{width:32px;height:32px}.header-divider{background:#ecebf0;width:1px;height:21px}.back-link{color:#96949e;align-items:center;gap:6px;font-size:12px;display:flex}.project-name{font:800 14px Nunito}.header-spacer{flex:1}.icon-button{color:#92909d;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{color:#6e60ce;background:#f2f0f7}.workspace-body{flex:1;min-height:0;display:flex}.chat{border-right:1px solid var(--line);flex-direction:column;width:43%;min-width:370px;display:flex}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;height:91px;padding:22px 26px;display:flex}.eyebrow.small{letter-spacing:1px;font-size:9px}.chat-header h2{align-items:center;gap:7px;margin-top:6px;font:800 17px Nunito;display:flex}.chat-header h2 svg{color:#b8a9ea}.select-wrap{color:#8f8a9f;border:1px solid #eeedf2;border-radius:9px;align-items:center;padding:0 9px;display:flex}.select-wrap select{appearance:none;color:#5e5a68;background:0 0;border:0;outline:none;padding:9px 16px 9px 2px;font-size:12px;font-weight:700}.conversation{flex:1;padding:26px;overflow-y:auto}.chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:320px;display:flex}.chat-spark{border-radius:19px;width:58px;height:58px;margin-bottom:19px}.chat-empty h3{font:800 20px Nunito}.chat-empty>p{color:#a4a1ad;margin:8px 0 23px;line-height:1.6}.suggestions{flex-direction:column;gap:8px;width:min(310px,100%);display:flex}.suggestions button{text-align:left;color:#807c89;background:#fff;border:1px solid #eeedf2;border-radius:10px;justify-content:space-between;padding:11px 13px;font-size:12px;display:flex}.suggestions button svg{color:#c3b8e7;transform:rotate(45deg)}.suggestions button:hover{background:#faf9ff;border-color:#baaef0}.turn{margin-bottom:29px}.user-message{color:#50458a;white-space:pre-wrap;background:#f1efff;border-radius:15px 15px 3px;max-width:82%;margin-left:auto;padding:13px 16px;line-height:1.5}.assistant-message{gap:11px;margin-top:23px;display:flex}.assistant-avatar{color:#8271df;background:#f0edff;border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.assistant-content{min-width:0}.message-label{margin:4px 0 10px;font-size:12px;font-weight:700}.message-label span{color:#aaa7b1;font-weight:400}.message-text{white-space:pre-wrap;color:#57545e;line-height:1.65}.event{color:#98939f;align-items:center;gap:7px;margin:10px 0;font-size:12px;display:flex}.event svg{color:#a99ce2}.event-error{color:#b54d5b}.event details{margin-left:4px}.composer-area{padding:0 24px 18px}.composer{border:1px solid #e9e6f2;border-radius:15px;padding:14px;box-shadow:0 4px 16px #30226309}.composer:focus-within{border-color:#b4a8ee}.composer textarea{resize:none;color:#4c4955;background:0 0;border:0;outline:0;width:100%;height:53px}.composer textarea::placeholder{color:#b6b3bf}.composer-bottom{color:#b5b1bd;justify-content:space-between;align-items:center;font-size:11px;display:flex}.send{color:#fff;background:#796bdb;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.send.stop{background:#5f596e}.composer-hint{text-align:center;color:#bbb8c1;margin-top:10px;font-size:10px}.compact{justify-content:space-between;display:flex}.compact button{color:inherit;background:0 0;border:0}.preview{background:#f8f7fa;flex-direction:column;flex:1;min-width:0;display:flex}.preview-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:65px;padding:0 22px;font-size:12px;font-weight:700;display:flex}.preview-dot{background:#b9addf;margin-right:8px}.preview-sub{color:#b1aeb7;margin-left:8px;font-weight:400}.preview-actions{align-items:center;gap:5px;display:flex}.preview-button,.outline-button{color:#77727e;background:#fff;border:1px solid #e8e6ed;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:700;display:inline-flex}.preview-canvas{flex:1;min-height:0;padding:22px;display:flex}.preview-canvas iframe{background:#fff;border:1px solid #efedf2;border-radius:10px;width:100%;height:100%}.preview-empty{text-align:center;background:#fff;border:1px solid #efedf2;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.preview-illustration{background:#f5f2ff;border:1px solid #e9e3fc;border-radius:11px;width:170px;height:125px;margin-bottom:33px;position:relative;transform:rotate(-4deg);box-shadow:12px 13px #faf8ff}.window-top{border-bottom:1px solid #e9e3fc;align-items:center;gap:4px;height:23px;padding-left:10px;display:flex}.window-top i{background:#d9cff4;border-radius:50%;width:5px;height:5px}.window-content{flex-direction:column;gap:6px;padding:19px;display:flex}.window-content span{background:#dcd3f5;border-radius:4px;width:65px;height:5px}.window-content span:nth-child(2){background:#e9e3f9;width:95px}.window-content span:nth-child(3){background:#e9e3f9;width:80px}.window-content div{background:#c6b9ed;border-radius:5px;width:45px;height:19px;margin-top:5px}.preview-spark{color:#b3a5df;position:absolute;top:-12px;right:-12px}.preview-footer{color:#aaa7b1;justify-content:space-between;align-items:center;height:45px;padding:0 23px;font-size:10px;display:flex}.status-dot.muted{background:#cbc7d0;margin-right:5px}.files-panel{border-left:1px solid var(--line);background:#fff;width:255px;padding:24px 20px;overflow:auto}.files-panel>div:first-child{justify-content:space-between;align-items:center;display:flex}.files-panel h3{font:800 15px Nunito}.files-panel>p,.connection p{color:#a7a4ae;margin:10px 0 20px;font-size:11px;line-height:1.6}.file-row{border-top:1px solid var(--line);color:#817d8a;gap:9px;padding:13px 0;font-size:12px;display:flex}.file-row svg{color:#9c8fdc;flex-shrink:0}.file-row small{color:#aaa7b2;margin-top:5px;display:block}.files-empty{color:#b2aeb9;font-size:12px}.connection{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.connection h4{margin:0;font-size:12px}.connection div{justify-content:space-between;margin:12px 0;font-size:11px;display:flex}.connection div span{color:#a39fa9}.loading{color:#87838f;padding:40px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:800px){.side{width:72px;padding:24px 15px}.side .brand>span:last-child,.side-label,.side-link,.side-bottom{display:none}.topbar{padding:0 25px}.home-content{padding:45px 25px}.welcome-row{flex-direction:column;align-items:start;margin-bottom:50px}.workspace-header{gap:9px;padding:0 12px}.workspace-header .brand>span:last-child,.workspace-header .header-divider,.local-badge{display:none}.workspace-body{display:block;overflow:auto}.workspace{height:auto;min-height:100vh}.chat{border-right:0;width:100%;min-width:0;min-height:650px}.preview{min-height:550px}.files-panel{width:100%}.preview-sub{display:none}}.connection section{border-top:1px solid var(--line);padding:4px 0 14px}.connection section p{margin:0 0 8px}.connection section a{color:#7566dd;font-size:11px;font-weight:600}.sandbox-console{color:#e3e0ee;background:#22212c;border-radius:10px;flex-direction:column;flex-shrink:0;height:220px;margin:0 22px;display:flex;overflow:hidden}.sandbox-console header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;display:flex}.sandbox-console header strong{font-weight:700}.sandbox-console header span{color:#aaa4bc;margin-left:10px;font-size:10px}.console-icon{color:#bbb6c9;cursor:pointer;background:0 0;border:0;padding:5px}.console-icon:hover{color:#fff}.console-output{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;padding:10px 14px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.console-output p{color:#aaa4b8}.console-label{color:#b7a9f7;text-transform:uppercase;letter-spacing:.1em;margin:3px 0 6px;font:700 10px DM Sans,sans-serif}.console-section+.console-section{margin-top:14px}.console-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0}.run-progress{color:#7566bf}.run-progress svg{flex-shrink:0}.studio-workspace{color:#1c2432;background:#f8f8f7;flex-direction:column;height:100dvh;min-height:0;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.studio-topbar{z-index:2;background:#fbfbfa;border-bottom:1px solid #e8e9e7;flex:0 0 70px;align-items:center;height:70px;display:flex}.studio-project-heading{flex:none;align-items:center;gap:13px;width:clamp(330px,27%,425px);min-width:0;padding:0 19px;display:flex}.studio-icon-button{color:#28313d;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.studio-icon-button:hover{background:#f0f1ee}.studio-project-name{white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:16px;font-weight:700;overflow:hidden}.studio-project-back{color:#4c5359;display:flex}.studio-avatar{background:#e9f1ec;border-radius:12px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;overflow:hidden}.studio-avatar img{object-fit:cover;width:100%;height:100%}.studio-avatar-small{background:#eef0ed;border-radius:50%;width:38px;height:38px}.studio-toolbar{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 20px 0 0;display:flex}.studio-toolbar-start,.studio-toolbar-end{align-items:center;gap:11px;min-width:0;display:flex}.studio-chat-indicator{color:#176d5d;background:#eaf3ef;border-radius:12px;place-items:center;width:43px;height:42px;display:grid}.studio-toolbar-divider{background:#e7e9e6;width:1px;height:38px;margin:0 8px}.studio-tool-group{background:#fff;border-radius:999px;flex-shrink:0;align-items:stretch;height:44px;display:flex;box-shadow:0 2px 8px #173c7110}.studio-tool{color:#0b1d4d;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;height:44px;padding:0 20px;font-size:14px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.studio-tool.is-selected{color:#fff;background:#0878f9;box-shadow:0 3px 10px #0878f940}.studio-tool:focus-visible{outline-offset:2px;outline:2px solid #0067e5}.studio-files-icon{fill:#6ddcff;stroke:#163152;stroke-width:2px}.studio-tool.is-selected .studio-files-icon{fill:#bceeff;stroke:#fff}.studio-preview-label{color:#59616a;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.studio-page-label{color:#30383f;background:#fff;border:1px solid #e5e7e5;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;min-width:130px;height:42px;padding:0 14px;font-size:13px;display:flex}.studio-start-button{color:#fff;white-space:nowrap;cursor:pointer;background:#176b58;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-weight:700;display:inline-flex}.studio-start-button:hover{background:#105a49}.studio-main{flex:1;min-height:0;display:flex;position:relative}.studio-chat{background:#fafaf9;border-right:1px solid #e7e8e6;flex-direction:column;flex:none;width:clamp(330px,27%,425px);min-height:0;display:flex}.studio-chat-top{padding:14px 19px 8px}.studio-select{color:#25313a;background:#fff;border:1px solid #e7e9e6;border-radius:12px;align-items:center;height:46px;display:flex;position:relative}.studio-select select{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 40px 0 16px;font-weight:600}.studio-select>svg{pointer-events:none;position:absolute;right:15px}.studio-conversation{scrollbar-width:thin;scrollbar-color:#d7ddd8 transparent;flex:1;min-height:0;padding:18px 19px 28px;overflow-y:auto}.studio-empty-chat{text-align:center;color:#626c70;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.studio-empty-chat .studio-avatar{width:55px;height:55px;margin-bottom:18px}.studio-empty-chat h2{letter-spacing:-.5px;color:#222b30;font:700 20px DM Sans,sans-serif}.studio-empty-chat p{max-width:230px;margin-top:9px;font-size:13px;line-height:1.6}.studio-user-message{color:#26303b;white-space:pre-wrap;overflow-wrap:anywhere;background:#eceeeb;border-radius:16px;width:fit-content;max-width:90%;margin:0 0 26px auto;padding:16px 19px;line-height:1.5}.studio-assistant{align-items:flex-start;gap:12px;display:flex}.studio-assistant-content{flex:1;min-width:0;padding-top:8px}.studio-assistant-name{color:#202b33;margin-bottom:14px;font-size:13px;font-weight:700}.studio-assistant-name span{color:#a0a5a1;font-size:11px;font-weight:400}.studio-message-text{color:#35404a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 15px;font-size:14px;line-height:1.6}.studio-activity{color:#65726d;align-items:flex-start;gap:8px;margin:8px 0;font-size:12px;line-height:1.5;display:flex}.studio-activity>svg{color:#31866f;flex:none;margin-top:1px}.studio-activity.is-error{color:#b54d5b}.studio-error-dot{color:#b54d5b;background:#f9e8e9;border-radius:100%;flex:none;place-items:center;width:15px;height:15px;font-size:10px;font-weight:700;display:inline-grid}.studio-activity details{color:#8e9992;margin-left:2px}.studio-activity summary{cursor:pointer}.studio-working{color:#176b58;background:#eaf5ef;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:13px;font-size:12px;line-height:1.4;display:flex}.studio-working svg{flex:none}.studio-complete{color:#207b62;align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:700;display:flex}.studio-complete>span{color:#fff;background:#1d7962;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.studio-suggestions{scrollbar-width:none;gap:7px;margin-bottom:8px;display:flex;overflow:auto}.studio-suggestions button{color:#4c565a;white-space:nowrap;background:#fff;border:1px solid #e6e8e5;border-radius:12px;flex:none;padding:9px 13px;font-size:12px}.studio-suggestions button:hover{background:#f4f6f4}.studio-composer:focus-within{border-color:#79ab9a}.studio-composer textarea{resize:none;color:#26303b;background:0 0;border:0;outline:0;width:100%;height:54px;font:14px/1.5 DM Sans,sans-serif}.studio-composer textarea::placeholder{color:#92999b}.studio-composer-bottom{color:#9aa19e;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.studio-send{color:#fff;cursor:pointer;background:#176b58;border:0;border-radius:50%;flex:none;place-items:center;width:41px;height:41px;display:grid}.studio-send:hover{background:#105a49}.studio-error{color:#aa414e;background:#fff0f0;border-radius:10px;justify-content:space-between;gap:8px;margin-bottom:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.studio-error button{color:inherit;background:0 0;border:0;align-self:flex-start;padding:0}.studio-preview{background:#f8f8f7;flex-direction:column;flex:1;min-width:0;min-height:0;padding:6px 10px 10px;display:flex}.studio-preview-frame{background:#fff;border:1px solid #e9ebe8;border-radius:15px;flex:1;min-height:0;overflow:hidden}.studio-preview-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.studio-preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.studio-preview-empty-icon{color:#247c63;background:#edf5f1;border-radius:19px;place-items:center;width:58px;height:58px;margin-bottom:20px;display:grid}.studio-preview-empty h2{letter-spacing:-.5px;font-size:20px;font-weight:700}.studio-preview-empty p{color:#89928d;margin:10px 0 21px;font-size:13px}.studio-start-button{height:40px;font-size:13px}.studio-preview .sandbox-console{border-radius:12px;height:220px;margin:8px 0 0}.studio-activity-panel{background:#fff;border-left:1px solid #e7e8e6;flex:none;width:270px;padding:18px;overflow-y:auto}.studio-panel-heading{justify-content:space-between;align-items:center;display:flex}.studio-panel-heading h2{font-size:15px}.studio-activity-panel>p,.studio-connections p{color:#959e99;margin:9px 0 16px;font-size:11px;line-height:1.55}.studio-panel-row{color:#53615a;border-top:1px solid #edf0ec;align-items:flex-start;gap:9px;padding:12px 0;font-size:12px;line-height:1.4;display:flex}.studio-panel-row svg{color:#5a9983;flex:none}.studio-panel-row small{color:#9aa49e;margin-top:5px;display:block}.studio-panel-empty{color:#a2aaa4;font-size:12px}.studio-connections{border-top:1px solid #edf0ec;margin-top:20px;padding-top:18px}.studio-connections h3{margin:0 0 10px;font-size:12px}.studio-connections section{border-top:1px solid #edf0ec;padding:10px 0}.studio-connections section>div{justify-content:space-between;font-size:11px;display:flex}.studio-connections section>div span{color:#9aa49e}.studio-connections section p{margin:7px 0}.studio-connections a{color:#21755c;font-size:11px}@media (max-width:1050px){.studio-preview-label span,.studio-page-label{display:none}.studio-toolbar{padding-right:10px}.studio-toolbar-start,.studio-toolbar-end{gap:6px}.studio-toolbar-divider{margin:0 2px}.studio-project-heading{gap:8px;padding:0 12px}}@media (max-width:760px){.studio-workspace{height:auto;min-height:100dvh}.studio-topbar{flex-wrap:wrap;height:auto;min-height:64px}.studio-project-heading{border-bottom:1px solid #e8e9e7;width:100%;height:58px;padding:0 12px}.studio-toolbar{gap:5px;width:100%;padding:6px 10px}.studio-chat-indicator,.studio-toolbar-divider,.studio-preview-label{display:none}.studio-tool-group{height:39px}.studio-tool{height:39px;padding:0 12px}.studio-toolbar-end{gap:3px}.studio-main{flex-direction:column}.studio-chat{border-bottom:1px solid #e7e8e6;border-right:0;width:100%;min-height:520px;max-height:70dvh}.studio-preview{min-height:480px;padding:8px}.studio-preview-frame{min-height:450px}.studio-activity-panel{border-top:1px solid #e7e8e6;border-left:0;width:100%;max-height:400px}.studio-preview .sandbox-console{height:200px}}.studio-run-details{color:#87958d;margin:0 0 10px;font-size:11px}.studio-run-details>summary{cursor:pointer;list-style:none}.studio-run-details>summary::-webkit-details-marker{display:none}.studio-run-details>summary:before{content:"▸";margin-right:5px}.studio-run-details[open]>summary:before{content:"▾"}.studio-model-row{align-items:stretch;gap:8px;margin-top:8px;display:flex}.studio-model-select{color:#586462;background:#fff;border:1px solid #e7e9e6;border-radius:10px;flex:1;align-items:center;min-width:0;display:flex;position:relative}.studio-model-select select{appearance:none;width:100%;min-width:0;height:38px;color:inherit;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;outline:0;padding:0 30px 0 12px;font-size:12px}.studio-model-select>svg{pointer-events:none;position:absolute;right:10px}.studio-model-refresh{color:#52635e;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e7e9e6;border-radius:10px;align-items:center;gap:5px;padding:0 9px;font-size:11px;display:flex}.studio-model-refresh:hover:not(:disabled){color:#176b59;background:#edf5f1}.studio-model-refresh:disabled,.studio-model-select select:disabled{opacity:.55;cursor:not-allowed}.studio-model-hint{color:#6c7773;margin:7px 2px 0;font-size:11px;line-height:1.4}.studio-thinking-row{align-items:center;gap:10px;margin-top:8px;display:flex}.studio-thinking-row label{color:#586462;font-size:12px;font-weight:600}.studio-thinking-row .studio-model-select{max-width:180px}.studio-thinking-row .studio-model-select:focus-within{outline-offset:2px;outline:2px solid #31866f}.studio-mode-select{color:#176b58;background:#edf5f1;border-color:#d5e5dc;flex:0 0 92px}.studio-mode-select select{font-weight:600}.studio-mode-select:focus-within{outline-offset:2px;outline:2px solid #31866f}.companion-panel{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 18px 18px;display:flex;overflow:auto}.companion-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;display:flex}.companion-heading>span{color:#235b4d;align-items:center;gap:7px;font-size:13px;font-weight:650;display:flex}.companion-heading small{color:#6e7c76;font-size:10px}.companion-description{color:#68726e;font-size:12px;line-height:1.6}.companion-actions{flex-wrap:wrap;gap:7px;display:flex}.companion-actions button,.companion-sync button{color:#245b4e;cursor:pointer;background:#fff;border:1px solid #dde7e1;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:11px;display:inline-flex}.companion-actions button:disabled,.companion-sync button:disabled{opacity:.45;cursor:not-allowed}.companion-terminal{background:#202323;border-radius:12px;flex:1;min-height:420px;padding:10px 5px;display:none;overflow:hidden}.companion-terminal.is-open{display:block}.companion-terminal .xterm{height:100%}.companion-empty{text-align:center;color:#77867e;border:1px dashed #d9e1db;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:20px;display:flex}.companion-empty h3{color:#35463d;font-size:16px}.companion-empty p{font-size:12px;line-height:1.7}.companion-install a{color:#176b59;align-items:center;gap:4px;display:inline-flex}.companion-sync{flex-direction:column;gap:8px;display:flex}.companion-sync p{color:#707b75;font-size:11px;line-height:1.6}.companion-sync button{background:#edf5f0;align-self:flex-start}.companion-notice{color:#456856;align-items:center;gap:7px;font-size:11px;display:flex}.companion-error{color:#ab4050;background:#fff1f1;border-radius:9px;padding:9px;font-size:12px;line-height:1.5}@media (min-width:761px){.studio-workspace.has-native .studio-chat,.studio-workspace.has-native .studio-project-heading{width:clamp(420px,46%,680px)}.studio-workspace.has-native .studio-preview-label,.studio-workspace.has-native .studio-page-label{display:none}.studio-workspace.has-native .studio-toolbar-divider{margin:0 2px}.studio-workspace.has-native .studio-toolbar-start,.studio-workspace.has-native .studio-toolbar-end{gap:5px}}@media (max-width:760px){.studio-chat.is-native{min-height:700px;max-height:none}.studio-chat.is-native .companion-panel{overflow:visible}.studio-chat.is-native .companion-terminal{flex:none;height:420px}}.studio-native-controls{color:#668073;flex-wrap:wrap;align-items:center;gap:7px;padding:0 19px 10px;font-size:10px;display:flex}.studio-native-controls>span{align-items:center;gap:5px;margin-right:auto;display:flex}.studio-native-controls button{color:#235f4e;background:#fff;border:1px solid #dde6df;border-radius:8px;padding:6px 8px;font-size:10px}.studio-permission{background:#f1f8f2;border:1px solid #d4e4d8;border-radius:10px;margin:12px 0;padding:12px;font-size:12px}.studio-permission strong{font-weight:600}.studio-permission pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#506254;max-height:180px;margin:9px 0;font-size:11px;line-height:1.5;overflow:auto}.studio-permission>div{gap:7px;margin-top:10px;display:flex}.studio-permission button{color:#226244;background:#fff;border:1px solid #bfd9c6;border-radius:7px;padding:7px 9px;font-size:11px}.studio-permission button:first-child{color:#fff;background:#176b58;border-color:#176b58}.studio-activity.is-warning{color:#95682d}.studio-activity.is-warning .studio-error-dot{color:#a97728;background:#fff3d8}.studio-question{color:#394f43;background:#fffaf1;border:1px solid #dcd6c9;border-radius:14px;margin:16px 0;overflow:hidden;box-shadow:0 2px 4px #4d453608}.studio-question-heading{color:#647b6d;align-items:center;gap:7px;padding:13px 14px 0;font-size:11px;display:flex}.studio-question-heading small{margin-left:auto;font-size:10px}.studio-question fieldset{border:0;min-width:0;margin:15px 0 0;padding:0 13px 15px}.studio-question legend{float:left;overflow-wrap:anywhere;width:100%;margin-bottom:6px;padding:0;font-size:14px;font-weight:600;line-height:1.5;display:block}.studio-question legend+p{clear:both}.studio-question-hint{color:#778477;margin-bottom:12px;font-size:11px}.studio-question-options{flex-direction:column;gap:7px;display:flex}.studio-question-option{cursor:pointer;background:#f7f0e1;border:1px solid #e2dcce;border-radius:9px;align-items:flex-start;gap:9px;padding:11px 10px;transition:border-color .15s,background .15s;display:flex}.studio-question-option:hover{border-color:#a2b4a5}.studio-question-option.is-selected{background:#edf2e9;border-color:#4d8872;box-shadow:inset 0 0 0 1px #4d8872}.studio-question-option:has(input:focus-visible){outline-offset:2px;outline:2px solid #4d8872}.studio-question-option input{accent-color:#286d58;flex:none;width:15px;height:15px;margin:2px 0 0}.studio-question-option>span{overflow-wrap:anywhere;min-width:0}.studio-question-option strong{font-size:12px;font-weight:600;line-height:1.5;display:block}.studio-question-option>span>span{color:#6d7d6e;margin-top:4px;font-size:11px;line-height:1.5;display:block}.studio-question fieldset:disabled .studio-question-option{cursor:default;opacity:.7}.studio-question-custom{resize:vertical;color:#394f43;background:#fffdf6;border:1px solid #a8baaa;border-radius:8px;width:100%;min-height:78px;margin-top:9px;padding:10px;font-size:12px;line-height:1.5;display:block}.studio-question-custom:focus-visible{outline-offset:2px;outline:2px solid #4d8872}.studio-question-footer{background:#f8f1e3;border-top:1px solid #e7e0d2;justify-content:space-between;align-items:center;gap:9px;padding:11px 13px;display:flex}.studio-question-footer button{color:#6c7b6b;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:11px;display:flex}.studio-question-footer button[type=submit]{color:#fff;background:#286d58;font-weight:600}.studio-question-footer button:focus-visible{outline-offset:2px;outline:2px solid #4d8872}.studio-question-footer button:hover:not(:disabled){background:#e9e9dc}.studio-question-footer button[type=submit]:hover:not(:disabled){background:#1c5846}.studio-question-answer{color:#5b7a65;overflow-wrap:anywhere;align-items:flex-start;gap:7px;margin:12px 0;font-size:12px;line-height:1.5;display:flex}.studio-question-answer svg{flex:none;margin-top:2px}.studio-question-explain{color:#795b17;background:#fff4ce;border:1px solid #e7d79e;border-radius:9px;align-items:center;gap:7px;margin:0 13px 14px;padding:9px 11px;font-size:12px;font-weight:600;display:flex}.studio-question-explain:hover:not(:disabled){background:#ffeab0}.studio-question-explain:focus-visible,.studio-teacher-footer button:focus-visible{outline-offset:3px;outline:2px solid #a77c15}.studio-question-explain:disabled{opacity:.6}.studio-teacher-explanation{color:#624d20;overflow-wrap:anywhere;background:#fff9e8;border:1px solid #eadba9;border-radius:12px;margin:14px 0;padding:14px}.studio-question>.studio-teacher-explanation{border:0;border-radius:0;margin:0}.studio-teacher-heading{color:#8e6818;align-items:center;gap:9px;font-size:13px;display:flex}.studio-teacher-heading .character-avatar{width:28px;height:28px}.studio-teacher-turn{margin-top:13px}.studio-teacher-question{color:#776647;margin:0 0 10px;font-size:12px;line-height:1.5}.studio-teacher-explanation .studio-assistant-bubble{color:#624d20;background:#fff1c6}.studio-teacher-status{align-items:center;gap:7px;margin-top:12px;font-size:12px;line-height:1.5;display:flex}.studio-teacher-status svg{flex:none}.studio-teacher-error{color:#99513e;margin-top:10px;font-size:12px;line-height:1.5}.studio-teacher-footer{border-top:1px solid #eadba9;margin-top:16px;padding-top:12px}.studio-teacher-footer p{color:#806f48;margin:0 0 10px;font-size:11px;line-height:1.5}.studio-teacher-footer button{color:#795b17;background:#fff0bf;border:1px solid #ddc878;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;font-weight:600;display:flex}.studio-teacher-footer button:hover:not(:disabled){background:#ffe7a0}.studio-chat{background:#faf5ec;border-color:#e8e3da}.studio-user-message{color:#384b42;background:#e9e8df}.studio-composer-area{background:#faf5ec;flex:none;padding:0 16px 16px}.studio-composer{background:#faf5ec;border:1px solid #ded8cb;border-radius:17px;padding:16px 15px 12px;box-shadow:0 2px 4px #4d45360c}.studio-composer:focus-within{border-color:#a5b7a9;box-shadow:0 2px 8px #4d45360c}.studio-composer textarea{color:#394f43;height:75px;min-height:75px;padding:0 1px;font:15px/1.5 DM Sans,sans-serif;display:block}.studio-composer textarea::placeholder{color:#7e8d80;opacity:1}.studio-composer-bottom{color:#667c6f;align-items:flex-end;gap:8px;position:relative}.composer-controls{flex-wrap:wrap;flex:1;align-items:center;gap:2px 5px;min-width:0;display:flex}.composer-control{color:#5d7567;border-radius:8px;align-items:center;gap:3px;min-width:0;min-height:33px;display:flex}.composer-control:focus-within{outline-offset:1px;outline:2px solid #8fae9d}.composer-control>svg{pointer-events:none;flex:none}.composer-control select{appearance:none;color:inherit;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;outline:0;width:100%;min-width:0;height:33px;padding:0 2px;font-size:12px}.composer-control select:disabled{opacity:.55;cursor:not-allowed}.composer-agent{flex:0 0 110px;padding-left:2px}.composer-agent select{font-weight:600}.composer-model{flex:95px;max-width:220px}.composer-mode{flex:0 0 62px}.composer-thinking{flex:0 115px}.composer-icon{color:#6d8074;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.composer-icon:hover:not(:disabled){color:#3e6554;background:#e9eee6}.studio-send{background:#739886;border-radius:11px;width:40px;height:40px;box-shadow:0 1px 2px #4d45361a}.studio-send:hover:not(:disabled){background:#547e6b}.studio-send:disabled{opacity:1;color:#fbf8f1;background:#afc0b4}.studio-send.is-stop{background:#5f7568}.composer-notice{color:#8c6756;margin:0 3px 8px;font-size:11px;line-height:1.45}.composer-notice button{color:#416c57;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.studio-terminal-bar{color:#758479;align-items:center;gap:10px;padding:12px 18px;font-size:11px;display:flex}.studio-terminal-bar>span{margin-right:auto}.studio-terminal-bar button{color:#526d5d;background:0 0;border:1px solid #dfdfd5;border-radius:8px;padding:7px 9px;font-size:11px}@media (max-width:760px){.studio-chat{min-height:520px;max-height:70dvh}.studio-composer-area{padding:0 12px 12px}}.chat-file-input{display:none}.studio-composer{position:relative}.studio-composer.is-dragging{border-color:#4f8b74;box-shadow:0 0 0 3px #6f9f8420}.chat-drop-hint{z-index:3;color:#286b53;pointer-events:none;background:#f0f5edf2;border:1px dashed #6f9f84;border-radius:16px;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.composer-attach{flex:none}.chat-draft-attachments{scrollbar-width:thin;gap:8px;padding:0 0 12px;display:flex;overflow-x:auto}.chat-draft-attachment{background:#f4f0e8;border:1px solid #e2dccf;border-radius:11px;flex:none;align-items:center;gap:8px;min-width:155px;max-width:245px;padding:7px;display:flex}.chat-draft-attachment.has-error{border-color:#d89a9e}.chat-draft-attachment>img{object-fit:cover;border-radius:6px;flex:none;width:43px;height:43px}.chat-attachment-icon{color:#6c8475;flex:none;place-items:center;width:36px;height:43px;display:grid}.chat-attachment-info{flex:1;min-width:0}.chat-attachment-info strong{text-overflow:ellipsis;white-space:nowrap;color:#405348;font-size:11px;font-weight:500;display:block;overflow:hidden}.chat-attachment-info small{color:#859084;margin-top:4px;font-size:10px;display:block}.chat-attachment-info small>span{align-items:center;gap:4px;display:flex}.chat-attachment-remove{color:#8c968d;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;align-self:flex-start;place-items:center;width:20px;height:20px;padding:0;display:grid}.chat-attachment-remove:hover{color:#425c4c;background:#e5e6dc}.chat-message-attachments{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:-12px 0 23px;display:flex}.chat-sent-attachment{color:#547263;background:#f3f0e6;border:1px solid #deded2;border-radius:11px;align-items:center;gap:9px;min-width:150px;max-width:100%;padding:10px 12px;text-decoration:none;display:flex}.chat-sent-attachment>svg{flex:none}.chat-sent-attachment>span{min-width:0}.chat-sent-attachment strong{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:11px;font-weight:500;display:block;overflow:hidden}.chat-sent-attachment small{color:#8b988a;margin-top:4px;font-size:10px;display:block}.chat-sent-attachment.is-image{width:152px;padding:5px;display:block}.chat-sent-attachment.is-image img{object-fit:cover;border-radius:7px;width:140px;height:110px;display:block}.chat-sent-attachment.is-image>span{padding:7px 5px 4px;display:block}.chat-sent-attachment:hover{border-color:#96b3a0}.studio-assistant-content{padding-top:0}.studio-project-switcher{min-width:0;position:relative}.studio-project-switch{color:#25313a;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;max-width:100%;padding:8px 3px;display:flex}.studio-project-switch:hover{color:#176b58}.studio-project-switch svg{flex:none}.studio-project-menu{z-index:5;background:#fff;border:1px solid #e3e8e3;border-radius:12px;width:250px;max-height:320px;padding:8px;position:absolute;top:calc(100% + 9px);left:-12px;overflow:auto;box-shadow:0 12px 32px #1c30251f}.studio-project-menu-title{color:#839089;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:11px;font-weight:700}.studio-project-menu a{color:#35433e;overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px;text-decoration:none;display:flex}.studio-project-menu a:hover,.studio-project-menu a.is-current{color:#176b58;background:#edf6f1}.studio-project-menu p{color:#829087;padding:10px;font-size:12px}.project-files{color:#102250;background:#f9fbff;border:1px solid #e4edf9;border-radius:15px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.project-files-header{background:#fff;border-bottom:1px solid #e8eef7;align-items:center;gap:14px;padding:18px 20px;display:flex}.project-files-project-icon{color:#1885f7;background:#e2f1ff;border-radius:13px;flex:none;place-items:center;width:45px;height:45px;display:grid}.project-files-heading{flex:1;min-width:0}.project-files-heading h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.3px;font-size:17px;overflow:hidden}.project-files-heading p{color:#8291ad;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;overflow:hidden}.project-files-header-actions{align-items:center;gap:8px;display:flex}.project-files-search{color:#7182a5;background:#fbfcff;border:1px solid #e2eaf6;border-radius:999px;align-items:center;gap:8px;width:clamp(130px,15vw,220px);height:38px;padding:0 11px;display:flex}.project-files-search input{color:#182b54;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.project-files-search input::placeholder{color:#9aa9c3}.project-files-search:focus-within{border-color:#1680ff;box-shadow:0 0 0 3px #1680ff1c}.project-files-search .sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-files-layout{background:#fff;border:1px solid #e2eaf6;border-radius:11px;height:38px;padding:2px;display:flex}.project-files-layout button,.project-files-refresh{color:#7787a7;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;display:grid}.project-files-layout button.is-selected{color:#fff;background:#0878f9;box-shadow:0 3px 7px #0878f92b}.project-files-refresh{color:#465b83;background:#fff;border:1px solid #e2eaf6;height:38px}.project-files-refresh:hover,.project-files-layout button:not(.is-selected):hover{background:#edf5ff}.project-files button:focus-visible{outline-offset:2px;outline:2px solid #0878f9}.project-files-body{flex:1;min-height:0;display:flex}.project-files-sidebar{background:#f5f8fd;border-right:1px solid #edf2f9;flex:none;width:180px;padding:14px 10px;overflow:auto}.project-files-sidebar button{color:#4d6185;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;font-size:12px;font-weight:600;display:flex}.project-files-sidebar button svg{color:#5983b8;flex:none}.project-files-sidebar button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-files-sidebar button:hover,.project-files-sidebar button.is-selected{color:#0866e5;background:#ddecff}.project-files-sidebar button.is-selected svg{color:#0878f9}.project-files-content{flex:1;min-width:0;overflow:auto}.project-files-browser{min-height:100%;padding:23px}.project-files-section+.project-files-section{margin-top:30px}.project-files-section h3{letter-spacing:-.25px;margin:0 0 14px;font-size:16px}.project-folders-grid,.project-file-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;display:grid}.project-file-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.project-folder-card,.project-file-card{color:#102250;text-align:left;background:#fff;border:1px solid #e5edf8;border-radius:12px;min-width:0;transition:transform .16s,box-shadow .16s,border-color .16s}.project-folder-card:hover,.project-file-card:hover{border-color:#bcd9ff;transform:translateY(-2px);box-shadow:0 8px 22px #1f5ba710}.project-folder-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:145px;padding:15px;display:flex}.project-folder-art{color:#55b4ff;filter:drop-shadow(0 3px #1684f0);place-items:center;height:75px;display:grid}.project-folder-art svg{stroke:#1684f0;width:85px;height:70px}.project-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;display:block;overflow:hidden}.project-card-meta{color:#8a9ab6;margin-top:4px;font-size:11px;display:block}.project-file-card{flex-direction:column;gap:11px;min-height:152px;padding:13px;display:flex}.project-file-art{color:#1975e8;background:#f0f6ff;border-radius:9px;place-items:center;width:100%;height:82px;display:grid}.project-file-art svg{stroke-width:1.8px;width:42px;height:42px}.project-file-art.is-image{color:#24a5df;background:#e8f6ff}.project-file-art.is-audio{color:#8035d3;background:#f3eaff}.project-file-art.is-document{color:#5279d6;background:#eef2ff}.project-file-details{width:100%;min-width:0}.project-folders-grid.is-list,.project-file-grid.is-list{grid-template-columns:1fr;gap:7px}.is-list .project-folder-card,.is-list .project-file-card{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:58px;padding:8px 12px}.is-list .project-folder-art{height:40px}.is-list .project-folder-art svg{width:45px;height:36px}.is-list .project-folder-card .project-card-meta{margin:0 0 0 auto}.is-list .project-file-art{flex:none;width:45px;height:40px}.is-list .project-file-art svg{width:23px;height:23px}.project-files-breadcrumb{color:#8393ae;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:20px;font-size:12px;display:flex}.project-files-breadcrumb span{align-items:center;gap:4px;display:flex}.project-files-breadcrumb button,.project-files-path button{color:#2676d8;cursor:pointer;background:0 0;border:0;padding:3px}.project-files-path{color:#667d9c;overflow-wrap:anywhere;background:#fff;border-bottom:1px solid #e8eef7;align-items:center;gap:12px;padding:13px 18px;font:12px ui-monospace,monospace;display:flex;position:sticky;top:0}.project-files-path button{white-space:nowrap;align-items:center;gap:5px;font:600 12px DM Sans,sans-serif;display:flex}.project-files-content pre{color:#273b4e;white-space:pre;tab-size:2;margin:0;padding:18px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.project-files-message{color:#899ab6;padding:12px;font-size:12px}.project-files-placeholder{color:#9aacc5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:20px;font-size:13px;display:flex}.project-files-error{color:#a5414b;background:#fff1f1;padding:12px 20px;font-size:12px}.project-files-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}@media (max-width:1050px){.project-files-header{flex-wrap:wrap}.project-files-header-actions{flex:100%}.project-files-search{flex:1;width:auto}.project-files-sidebar{width:150px}}@media (max-width:760px){.project-files{min-height:450px}.project-files-header{padding:14px}.project-files-sidebar{width:125px;padding:10px 6px}.project-files-sidebar button{gap:7px;padding:9px 7px;font-size:11px}.project-files-browser{padding:16px}.project-folders-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.project-file-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.project-files-content pre{padding:12px}}.language-toggle{color:#59616a;background:#fff;border:1px solid #e5e7e5;border-radius:9px;flex-shrink:0;align-items:center;gap:4px;height:34px;padding:0 8px;display:inline-flex}.language-toggle select{color:inherit;cursor:pointer;outline-offset:2px;background:0 0;border:0;font-size:12px;font-weight:700}.home-top-actions{align-items:center;gap:16px;display:flex}@media (max-width:480px){.home-top-actions .top-right{display:none}.studio-toolbar-end .language-toggle{gap:1px;padding:0 4px}}.card-art.has-thumbnail{background:#f2f2f1;overflow:hidden}.card-art.has-thumbnail img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.templates-content{padding-top:52px}.templates-welcome{margin-bottom:35px}.templates-welcome p{max-width:520px;line-height:1.7}.templates-back{color:#617d6a;white-space:nowrap;align-items:center;gap:8px;padding-bottom:7px;font-size:12px;display:inline-flex}.template-filters{border-bottom:1px solid #e1e4da;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding-bottom:20px;display:flex}.template-categories{flex-wrap:wrap;gap:5px;display:flex}.template-categories button{color:#788277;background:0 0;border:0;border-radius:22px;padding:10px 15px;font-size:12px;font-weight:600}.template-categories button.is-selected{color:#35674d;background:#e5eddf}.template-search{color:#8d998d;background:#fffdf7;border:1px solid #dedfd4;border-radius:10px;align-items:center;gap:9px;width:100%;max-width:275px;padding:10px 13px;display:flex}.template-search input{color:#405a49;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.template-search:focus-within{outline-offset:2px;outline:2px solid #87a48d}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.template-card{text-align:left;min-width:0;color:inherit;background:#fffdf8;border:1px solid #e4e4d9;border-radius:17px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #3d513e13}.template-card:focus-visible{outline-offset:4px;outline:3px solid #739b81}.template-art{aspect-ratio:16/9;background:#e8eddf;position:relative;overflow:hidden}.template-art>img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.template-card:hover .template-art>img{transform:scale(1.025)}.template-kind{letter-spacing:1px;color:#4e6854;background:#fffdf3eb;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:inline-flex;position:absolute;bottom:12px;left:13px}.template-card-copy{padding:23px}.template-card-copy>div{color:#3e6450;justify-content:space-between;align-items:center;gap:12px;display:flex}.template-card-copy h2{letter-spacing:-.6px;color:#344d3e;font:800 24px Nunito,sans-serif}.template-card-copy>p{color:#7c867a;min-height:42px;margin:9px 0 20px;font-size:12px;line-height:1.7}.template-card-copy>span{color:#64856c;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.template-footnote{color:#8e9b89;align-items:center;gap:8px;margin:32px 0;font-size:11px;display:flex}.template-notice{color:#637653;background:#edf1e5;border-radius:9px;margin-bottom:18px;padding:13px 15px;font-size:12px;line-height:1.65}.template-notice button{color:#376743;background:0 0;border:0;padding:0;text-decoration:underline}.template-loading{color:#7d907e;justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.template-dialog{color:#354c3e;background:#fffdf6;border:1px solid #dedfd3;border-radius:20px;width:min(640px,100vw - 32px);max-height:90dvh;padding:0;box-shadow:0 24px 90px #1c30252b}.template-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#293d336b}.template-dialog-art{aspect-ratio:2.6;overflow:hidden}.template-dialog-art img{object-fit:cover;width:100%;height:100%}.template-close{color:#415a49;background:#fffdf5eb;border:0;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:12px;right:12px}.template-dialog-body{padding:26px 30px}.template-dialog-body h2{letter-spacing:-1px;margin:9px 0;font:800 31px Nunito,sans-serif}.template-dialog-body>p{color:#7d897a;margin-bottom:18px;font-size:13px;line-height:1.7}.template-dialog-body .template-notice{margin-top:16px}.template-ideas{border-top:1px solid #e8e8dc;margin-bottom:16px;padding:17px 0}.template-ideas h3{margin-bottom:13px;font-size:12px}.template-ideas p{color:#7d8877;align-items:flex-start;gap:8px;margin:9px 0;font-size:12px;line-height:1.6;display:flex}.template-ideas svg{color:#81a17c;flex:none;margin-top:3px}.template-dialog-body>label{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.template-dialog-body>input{color:#405644;background:#fffefb;border:1px solid #d9dfcf;border-radius:9px;width:100%;padding:11px}.template-create-row{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.template-create-row>span{color:#949b8b;max-width:160px;font-size:10px;line-height:1.5}.template-license{color:#a0a593;margin-top:16px;font-size:9px;display:block}@media (min-width:1350px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.templates-content{padding-top:30px}.template-grid{gap:15px}.template-card-copy{padding:17px}.template-card-copy h2{font-size:21px}.template-filters{flex-direction:column;align-items:stretch}.template-search{max-width:none}.templates-back{display:none}.template-dialog-body{padding:22px}}@media (max-width:520px){.template-grid{grid-template-columns:1fr}.template-create-row{flex-direction:column;align-items:stretch;gap:12px}.template-create-row>span{max-width:none}.template-dialog-art{aspect-ratio:2.2}}@media (prefers-reduced-motion:reduce){.template-card,.template-art>img{transition:none}}@media (max-width:800px){.side .side-link{justify-content:center;gap:0;margin-top:10px;padding:12px 0;font-size:0;display:flex}.side .side-link svg{flex:none;width:18px;height:18px}}.template-card{flex-direction:column;display:flex}.template-art{flex:none;width:100%}.template-card-copy{flex-direction:column;flex:1;width:100%;display:flex}.template-card-copy>span{margin-top:auto}.studio-message-text{white-space:normal;min-width:0}.studio-message-text>:first-child{margin-top:0}.studio-message-text>:last-child{margin-bottom:0}.studio-message-text p{white-space:pre-wrap;margin:0 0 12px}.studio-message-text h1,.studio-message-text h2,.studio-message-text h3,.studio-message-text h4,.studio-message-text h5,.studio-message-text h6{color:#25332e;letter-spacing:0;margin:18px 0 8px;font-weight:700;line-height:1.3}.studio-message-text h1{font-size:19px}.studio-message-text h2{font-size:17px}.studio-message-text h3,.studio-message-text h4,.studio-message-text h5,.studio-message-text h6{font-size:15px}.studio-message-text ul,.studio-message-text ol{margin:0 0 12px;padding-left:22px}.studio-message-text li{margin:4px 0}.studio-message-text li>p{margin:0 0 6px}.studio-message-text a{color:#176b58;text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.studio-message-text code{color:#315448;overflow-wrap:anywhere;background:#eaece7;border-radius:4px;padding:2px 4px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.studio-message-text pre{color:#263d33;white-space:pre;background:#f1f3ef;border:1px solid #e0e5df;border-radius:9px;max-width:100%;margin:0 0 12px;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.studio-message-text pre code{color:inherit;font:inherit;overflow-wrap:normal;background:0 0;padding:0}.studio-message-text blockquote{color:#66766e;border-left:3px solid #a9c9b9;margin:0 0 12px;padding:2px 12px}.studio-message-text hr{border:0;border-top:1px solid #dfe5df;margin:16px 0}.studio-message-text table{border-collapse:collapse;max-width:100%;margin:0 0 12px;font-size:13px;display:block;overflow-x:auto}.studio-message-text th,.studio-message-text td{text-align:left;border:1px solid #dfe5df;padding:7px 10px}.studio-message-text th{background:#f1f5f1;font-weight:700}.studio-message-text img{max-width:100%;height:auto}.studio-message-text input[type=checkbox]{margin-right:6px}.publication-controls{flex-shrink:0;position:relative}.publication-trigger{color:#fff;height:38px;font:inherit;cursor:pointer;background:#0878f9;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 7px #0878f92b}.publication-trigger:focus-visible{outline-offset:2px;outline:2px solid #0878f9}.publication-trigger:hover{filter:brightness(.96)}.publication-panel{color:#26352e;z-index:20;background:#fff;border:1px solid #e0e7e2;border-radius:16px;width:min(350px,100vw - 24px);padding:18px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 14px 45px #102b1926}.publication-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.publication-heading strong{font-size:15px}.publication-panel p{color:#6a776f;margin:10px 0;font-size:12px;line-height:1.6}.publication-url-label{margin:16px 0 6px;font-size:11px;font-weight:600;display:block}.publication-url{color:#385448;background:#f8faf8;border:1px solid #dce6df;border-radius:8px;width:100%;padding:10px;font-size:11px}.publication-link-actions{gap:16px;margin:10px 0 16px;display:flex}.publication-link-actions button,.publication-link-actions a{color:#176b58;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;text-decoration:none;display:inline-flex}.publication-primary{color:#fff;cursor:pointer;background:#176b58;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px;font-weight:700;display:flex}.publication-primary:disabled,.publication-withdraw:disabled{opacity:.5;cursor:default}.publication-withdraw{color:#a04538;cursor:pointer;background:0 0;border:0;margin:12px auto 0;font-size:12px;display:block}.publication-panel .publication-error{color:#a04538;background:#fff5f0;border-radius:8px;padding:9px}.publication-panel .publication-status{min-height:20px}.studio-preview-status{color:#7c8780;justify-content:space-between;align-items:center;gap:12px;padding:3px 5px 8px;font-size:11px;display:flex}.studio-preview-status>span:first-child{color:#426453}.studio-preview-saving{align-items:center;gap:5px;display:flex}@media (max-width:480px){.publication-trigger{gap:4px;height:35px;padding:0 8px}.publication-panel{position:fixed;top:118px;right:12px}.studio-tool-group .studio-tool>span,.studio-toolbar-end .language-toggle>svg{display:none}}@media (min-width:761px) and (max-width:1050px){.studio-topbar{flex-wrap:wrap;flex-basis:auto;height:auto}.studio-project-heading,.studio-workspace.has-native .studio-project-heading{border-bottom:1px solid #e8e9e7;width:100%;height:50px}.studio-toolbar{flex:0 0 100%;width:100%;padding:6px 10px}}.studio-chat{background:#f5faff;border-color:#dbeafa;font-family:Nunito,DM Sans,sans-serif}.character-picker{flex:none;justify-content:space-evenly;align-items:flex-start;gap:10px;padding:20px 15px 12px;display:flex}.character-choice{color:#aab9d1;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;font:800 14px Nunito,sans-serif;transition:color .2s,transform .2s;display:flex}.character-choice-planner{--choice-accent:#ed5548;--choice-label:#b33f35;--choice-shadow:#ed554838}.character-choice-builder{--choice-accent:#0877f9;--choice-label:#2266a9;--choice-shadow:#1677df38}.character-choice-teacher{--choice-accent:#e6ac18;--choice-label:#8e6818;--choice-shadow:#e6ac1838}.character-choice:hover:not(:disabled){color:var(--choice-label);transform:translateY(-2px)}.character-choice:focus-visible{outline:2px solid var(--choice-accent);outline-offset:5px;border-radius:12px}.character-choice.is-selected{color:var(--choice-label)}.character-avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:none;width:76px;height:76px;transition:box-shadow .2s,opacity .2s;display:block;box-shadow:0 0 0 3px #f5faff,0 0 0 5px #0000}.character-planner{background-color:#ffe7e2;background-image:url(/avatar-options/planner-red-v2.png)}.character-builder{background-color:#dcefff;background-image:url(/avatar-options/builder-blue-v2.png)}.character-teacher{background-color:#fff3c6;background-image:url(/avatar-options/teacher-yellow-v2.png)}.character-choice .character-avatar{width:57px;height:57px}.character-choice:not(.is-selected) .character-avatar{opacity:.5}.character-choice.is-selected .character-avatar{box-shadow:0 0 0 3px #f5faff,0 0 0 6px var(--choice-accent),0 6px 16px var(--choice-shadow)}.character-avatar.is-small{width:42px;height:42px;box-shadow:0 0 0 3px #d9efff}.studio-conversation{scrollbar-color:#c8dcf1 transparent;padding:14px 20px 24px}.studio-empty-chat{color:#7083a0}.studio-empty-chat .character-avatar{width:80px;height:80px;margin-bottom:20px;box-shadow:0 0 0 5px #e2f0ff}.studio-empty-chat h2{color:#17457d;font:800 20px Nunito,sans-serif}.studio-empty-chat p{color:#7186a3;font-size:14px}.studio-turn{margin-bottom:20px}.studio-user-avatar{color:#3971b8;background:#bedcff;border:3px solid #e0efff;border-radius:50%;place-items:center;width:38px;height:38px;margin:0 3px 7px auto;display:grid}.studio-user-message{color:#343b45;background:#e9ebee;border-radius:21px;width:100%;max-width:none;margin:0 0 10px;padding:12px 16px 22px;font:600 15px/1.45 Nunito,sans-serif;position:relative}.studio-user-message time{color:#727b86;font:11px DM Sans,sans-serif;position:absolute;bottom:6px;right:13px}.studio-assistant{display:block}.character-message-planner{--character-bubble:#ffebe7;--character-ink:#713d38;--character-label:#b33f35;--character-ring:#ffdbd4}.character-message-builder{--character-bubble:#e2f0ff;--character-ink:#264b72;--character-label:#2266a9;--character-ring:#d0e6ff}.character-message-teacher{--character-bubble:#fff4ce;--character-ink:#624d20;--character-label:#8e6818;--character-ring:#ffe9a2}.studio-assistant-content{padding:0}.studio-assistant-name{color:var(--character-label,#17754d);align-items:center;gap:13px;margin:0 0 10px 3px;font:800 15px Nunito,sans-serif;display:flex}.studio-assistant .character-avatar.is-small{box-shadow:0 0 0 3px var(--character-ring,#d9efff)}.studio-assistant-bubble{background:var(--character-bubble,#e2f5e9);color:var(--character-ink,#204b3a);border-radius:21px;padding:13px 16px}.studio-assistant-bubble :is(h1,h2,h3,h4,h5,h6){color:inherit}.studio-assistant-bubble .studio-message-text{color:inherit;margin:0;font:600 15px/1.5 Nunito,sans-serif}.studio-complete{margin:8px 4px 0;font-size:11px}.studio-activity,.studio-run-details{margin-left:6px;margin-right:6px}.chat-message-attachments{justify-content:flex-start;margin:0 0 12px}.studio-composer-area{background:#f5faff;padding:0 13px 15px}.studio-composer{box-shadow:none;background:0 0;border:0;padding:0}.studio-composer:focus-within{box-shadow:none;border:0}.studio-compose-row{background:#fff;border:1px solid #d3e7ff;border-radius:32px;align-items:center;gap:7px;padding:5px;display:flex;box-shadow:0 3px 12px #3b9bf01a}.studio-compose-row:focus-within{border-color:#79b7ff;box-shadow:0 0 0 3px #d6eaff}.studio-compose-row .composer-attach{color:#fff;background:#aabbd0;border-radius:50%;width:40px;height:40px}.studio-compose-row .composer-attach:hover:not(:disabled){color:#fff;background:#8ca5c2}.studio-compose-row textarea{color:#204477;flex:1;min-width:0;height:40px;min-height:24px;padding:9px 2px;font:600 14px/22px Nunito,sans-serif}.studio-compose-row textarea::placeholder{color:#92a2c1}.studio-compose-row .studio-send{background:#0877f9;border-radius:50%;width:44px;height:44px;box-shadow:0 3px 9px #0877f940}.studio-compose-row .studio-send:hover:not(:disabled){background:#0065db}.studio-compose-row .studio-send.is-stop{background:#526a86}.chat-draft-attachments{padding:0 0 8px}.chat-drop-hint{color:#1d6fc4;background:#edf7fff2;border-color:#7fbafa}@media (max-width:760px){.studio-chat{min-height:570px;max-height:75dvh}.character-picker{padding-top:18px}.character-avatar{width:68px;height:68px}.character-choice .character-avatar{width:51px;height:51px}.character-avatar.is-small{width:40px;height:40px}.studio-conversation{padding:12px 16px 20px}.studio-composer-area{padding:0 12px 12px}}.studio-settings-button{color:#0b2352;cursor:pointer;background:#fff;border:1px solid #e3eaf4;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 2px 7px #173c7110}.studio-settings-button:hover{background:#f0f7ff}.studio-settings-button:focus-visible{outline-offset:2px;outline:2px solid #0878f9}@media (max-width:760px){.studio-settings-button{width:35px;height:35px}}.studio-settings{flex:none;position:relative}.studio-settings-panel{z-index:20;color:#16305b;background:#fff;border:1px solid #e3eaf4;border-radius:16px;width:min(320px,100vw - 24px);padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 40px #16305b20}.studio-settings-panel h2{margin:0 0 10px;font-size:14px}.studio-settings-panel .composer-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-settings-panel .composer-control{color:#34577f;background:#f8fbff;border:1px solid #e3eaf4;width:100%;min-width:0;max-width:none;min-height:38px;padding:0 9px}.studio-settings-panel .composer-control select{height:38px;font-size:12px}.studio-settings-panel .composer-model{grid-column:span 2}.studio-settings-panel .composer-control:focus-within{outline-color:#87b9f0}.studio-settings-panel .composer-icon{color:#34577f;border:1px solid #e3eaf4}.studio-settings-panel .composer-icon:hover:not(:disabled){color:#176bd1;background:#eaf3ff}@media (max-width:480px){.studio-settings-panel{position:fixed;top:118px;right:12px}}.home-main{background:#f5fbfe}.home-content{max-width:1600px;padding-left:4%;padding-right:4%}.home-main .section-heading{border-color:#dcecf6}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:24px}.project-card{background:#fff;border:1px solid #dcecf8;border-radius:19px;min-width:0;padding:12px;overflow:visible;box-shadow:0 1px 2px #3a82b008}.project-card:hover{border-color:#b8ddf4;box-shadow:0 10px 25px #397eaa14}.project-card-image{position:relative}.project-card-image>a{border-radius:13px;display:block;overflow:hidden}.project-card .card-art{aspect-ratio:1.3;color:#168be0;background:#def3ff;height:auto}.project-card .card-art.art-1{color:#9464e9;background:#e9e2ff}.project-card .card-art.art-2{color:#36a765;background:#dcf5e5}.project-card .art-shape{border-radius:25px;width:76px;height:76px}.project-card-action{color:#162c58;background:#fff;border:1px solid #dbe9f4;border-radius:12px;place-items:center;width:44px;height:46px;padding:0;transition:transform .15s,background .15s;display:grid;position:absolute;right:10px;box-shadow:0 3px 8px #143d6225}.project-card-action:hover{transform:scale(1.06)}.project-card-menu-button{top:10px}.project-card-favorite{color:#71829d;bottom:9px}.project-card-favorite.is-favorite{color:#fff;background:#ffbf00;border-color:#fff}.project-card-menu{z-index:3;background:#fff;border:1px solid #dceaf5;border-radius:12px;min-width:190px;padding:6px;position:absolute;top:62px;right:10px;box-shadow:0 10px 25px #1d3f6426}.project-card-menu a,.project-card-menu button{color:#24395e;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:10px;font-size:12px;font-weight:700;display:flex}.project-card-menu a:hover,.project-card-menu button:hover{background:#eef8ff}.project-card .card-info{padding:14px 5px 3px;display:block}.project-card .card-info h3{color:#101e4f;text-overflow:ellipsis;white-space:nowrap;font:800 19px/1.2 Nunito,sans-serif;overflow:hidden}.project-card .card-info p{color:#8495b6;margin-top:6px;font-size:13px}.project-kind{color:#249825;background:#e1f8e6;border-radius:999px;align-items:center;gap:9px;margin-top:13px;padding:8px 15px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.project-kind.is-template{color:#8b20ed;background:#f1e6ff}@media (max-width:1200px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.project-grid{grid-template-columns:1fr}.project-card .card-art{aspect-ratio:1.45}.home-content{padding-left:18px;padding-right:18px}}.home-content{padding-top:32px}.home-projects-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-projects-heading h1{color:#101e4f;font:800 24px/1.2 Nunito,sans-serif}@media (max-width:480px){.home-content{padding-top:24px}.home-projects-heading h1{font-size:20px}.home-projects-heading .primary{padding:11px 12px;font-size:12px}}.landing-home{color:#17181c;background:#fff;min-height:100vh}.landing-header{justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 5%;display:flex}.landing-header nav{color:#5f626a;align-items:center;gap:25px;font-size:13px;font-weight:700;display:flex}.landing-header nav>a:hover{color:#15171c}.landing-main{width:min(1220px,100% - 48px);margin:0 auto;padding:62px 0 80px}.landing-hero{text-align:center;max-width:770px;margin:0 auto}.landing-hero h1{letter-spacing:-1.1px;color:#111216;margin:0 0 23px;font:800 clamp(29px,3.2vw,36px)/1.2 Nunito,sans-serif}.landing-composer{text-align:left;background:#fbfbfb;border:1px solid #d9dadd;border-radius:14px;flex-direction:column;min-height:132px;padding:14px;display:flex;box-shadow:0 1px 3px #00000008}.landing-composer:focus-within{border-color:#aaa5d6;box-shadow:0 0 0 3px #7566dd12}.landing-composer textarea{resize:vertical;color:#20222a;background:0 0;border:0;outline:0;width:100%;min-height:66px;font-size:15px;line-height:1.5}.landing-composer textarea::placeholder{color:#8c8e96}.landing-composer-footer{color:#81838b;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.landing-composer-footer button{color:#fff;background:#272930;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.landing-composer-footer button:disabled{color:#92949b;opacity:1;background:#e4e4e6}.landing-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.landing-suggestions button,.landing-template-filters button{color:#30323a;white-space:nowrap;background:#f7f7f8;border:1px solid #ebebed;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.landing-suggestions button:hover,.landing-template-filters button:hover,.landing-template-filters button[aria-pressed=true]{color:#15161a;background:#ececef}.landing-template-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.landing-template-heading h2{letter-spacing:-.5px;font:800 23px/1.2 Nunito,sans-serif}.landing-template-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing-template-filters button{padding:8px 12px;font-size:12px}.landing-template-filters a{align-items:center;gap:5px;padding:8px 0 8px 8px;font-size:12px;font-weight:800;display:inline-flex}.landing-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;display:grid}.landing-template-card{text-align:left;min-width:0;color:inherit;background:0 0;border:0;padding:0}.landing-template-image{aspect-ratio:1.8;background:#f5f5f6;border:1px solid #e5e5e7;border-radius:9px;overflow:hidden}.landing-template-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .2s;display:block}.landing-template-card:hover img{transform:scale(1.025)}.landing-template-copy{align-items:center;gap:10px;padding:10px 2px;display:flex}.landing-template-avatar{color:#6557bb;background:#efeefa;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.landing-template-copy strong,.landing-template-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.landing-template-copy strong{font-size:14px}.landing-template-copy small{color:#8b8d96;margin-top:3px;font-size:12px}.landing-catalog-message{color:#858791;padding:16px 0;font-size:13px}@media (max-width:800px){.landing-header{padding:0 24px}.landing-main{padding-top:48px}.landing-template-heading{flex-direction:column;align-items:flex-start}.landing-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.landing-header{height:auto;min-height:65px;padding:12px 18px}.landing-header .brand{font-size:19px}.landing-header nav{gap:12px;font-size:11px}.landing-header nav .language-toggle{padding:5px}.landing-main{width:calc(100% - 32px);padding-top:42px}.landing-templates{margin-top:48px}.landing-template-grid{grid-template-columns:1fr}.landing-template-filters{gap:5px}.landing-template-filters button{padding:8px;font-size:11px}}.landing-template-fallback{color:#858195;background:#f2f1f7;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:180px;font-weight:700;display:flex}.landing-gallery-toggle{background:#f2f2f3;border-radius:12px;align-items:center;gap:3px;padding:4px;display:inline-flex}.landing-gallery-toggle button{color:#73757d;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:9px 15px;font-size:14px;font-weight:800}.landing-gallery-toggle button[aria-pressed=true]{color:#17181c;background:#fff;box-shadow:0 1px 4px #00000012}.login-page{color:#222434;background:#fcfbf8;min-height:100vh}.login-header{border-bottom:1px solid #eeedf1;justify-content:space-between;align-items:center;height:76px;padding:0 5%;display:flex}.login-card{background:#fff;border:1px solid #eeeaf1;border-radius:26px;grid-template-columns:1fr 1fr;width:min(900px,100% - 40px);min-height:500px;margin:clamp(40px,8vh,100px) auto;display:grid;overflow:hidden;box-shadow:0 20px 70px #2d244b10}.login-illustration{background:radial-gradient(circle at 50% 46%,#fff9d3 0,#f6f2ff 55%,#eeebff 100%);place-items:center;display:grid}.login-illustration img{object-fit:contain;width:min(78%,300px);height:auto}.login-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:54px;display:flex}.login-eyebrow{color:#7566dd;letter-spacing:1.5px;font-size:11px;font-weight:800}.login-content h1{letter-spacing:-1.3px;max-width:340px;margin:14px 0;font:800 clamp(30px,3vw,40px)/1.14 Nunito,sans-serif}.login-subtitle{color:#777984;max-width:320px;font-size:15px;line-height:1.55}.google-sign-in{color:#282932;background:#fff;border:1px solid #dedee4;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:50px;margin-top:32px;font-weight:800;display:flex;box-shadow:0 2px 5px #17122108}.google-sign-in:hover{background:#f8f8fa}.google-sign-in:focus-visible,.login-home-link:focus-visible{outline-offset:3px;outline:3px solid #7566dd}.google-sign-in-mark{color:#4285f4;font-family:Arial,sans-serif;font-size:20px;font-weight:700}.login-message{color:#777984;margin-top:13px;font-size:13px;line-height:1.4}.login-message-error{color:#ae3b46}.login-home-link{color:#777984;margin-top:26px;font-size:13px;font-weight:700}.login-home-link:hover{color:#5d4fca}@media (max-width:650px){.login-card{grid-template-columns:1fr;margin:30px auto}.login-illustration{height:200px}.login-illustration img{width:auto;height:170px}.login-content{padding:35px 28px 42px}.login-content h1{font-size:31px}}.landing-templates .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0}@media (max-width:800px){.landing-templates .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.landing-templates .project-grid{grid-template-columns:1fr}}.landing-planner{flex-direction:column;align-items:center;margin:-20px auto 12px;display:flex}.landing-planner img{object-fit:contain;width:104px;height:104px;display:block}.landing-planner span{color:#867ca8;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.landing-workshop{isolation:isolate;aspect-ratio:2;text-align:left;background:#b66c42 url(/planner-desk.png) 50%/cover no-repeat;width:100%;position:relative;overflow:hidden}.landing-planner-speech{background:#fffaf0;border:5px solid #1d204d;border-radius:18px;width:30%;padding:2.2% 2.5%;position:absolute;top:13%;left:19%;box-shadow:4px 5px #393152}.landing-planner-speech:after{content:"";background:#fffaf0;border-bottom:5px solid #1d204d;border-right:5px solid #1d204d;width:25px;height:25px;position:absolute;bottom:-17px;right:8%;transform:rotate(45deg)}.landing-planner-speech span{color:#827a9b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;font:800 clamp(11px,1.4vw,19px)/1.1 ui-monospace,monospace;display:block}.landing-hero .landing-planner-speech h1{color:#171a48;letter-spacing:-.035em;margin:0;font:900 clamp(19px,2.5vw,38px)/1.14 ui-monospace,monospace}.landing-workshop .landing-composer{background:#d48449;border:5px solid #703817;border-radius:18px;flex-direction:row;align-items:stretch;gap:10px;min-height:0;padding:10px;display:flex;position:absolute;bottom:5%;left:6%;right:6%;box-shadow:0 5px #4f2e25,inset 0 2px #f5b46c}.landing-workshop .landing-composer textarea{resize:none;color:#26234b;background:#fffaf2;border:3px solid #b47a5d;border-radius:9px;flex:1;min-width:0;height:54px;min-height:54px;padding:15px 18px;font:700 clamp(14px,1.4vw,20px)/1.2 ui-monospace,monospace}.landing-workshop .landing-composer-footer{display:flex}.landing-workshop .landing-composer-footer button{color:#fff;background:#397ff0;border:3px solid #2254a2;border-radius:10px;width:64px;height:100%;min-height:54px;box-shadow:inset 0 3px #72b8ff,0 3px #75432e}.landing-workshop .landing-composer-footer button svg{stroke-width:3px;width:29px;height:29px}.landing-suggestions{margin-top:16px}@media (max-width:800px){.landing-main{padding-top:12px}.landing-planner-speech{border-width:3px;border-radius:12px;box-shadow:3px 3px #393152}.landing-planner-speech:after{border-width:3px;width:16px;height:16px;bottom:-11px}.landing-planner-speech span{margin-bottom:6px}.landing-workshop .landing-composer{border-width:3px;gap:7px;padding:7px}.landing-workshop .landing-composer textarea{height:46px;min-height:46px;padding:10px}.landing-workshop .landing-composer-footer button{width:49px;min-height:46px}}@media (max-width:600px){.landing-main{width:calc(100% - 24px)}.landing-workshop{aspect-ratio:auto;background-position:56%;min-height:430px}.landing-planner-speech{width:58%;padding:15px;top:7%;left:5%}.landing-hero .landing-planner-speech h1{font-size:clamp(19px,5vw,25px)}.landing-workshop .landing-composer{bottom:5%;left:4%;right:4%}.landing-workshop .landing-composer textarea{font-size:13px}.landing-suggestions{gap:6px}.landing-suggestions button{padding:9px 11px;font-size:12px}}.landing-main{width:min(1220px,100% - 48px);padding-top:28px}.landing-hero{max-width:700px}.landing-workshop{container-type:inline-size}@media (max-width:800px){.landing-main{padding-top:24px}}@media (max-width:600px){.landing-main{width:calc(100% - 24px);padding-top:16px}.landing-workshop{min-height:340px}.landing-hero .landing-planner-speech h1{font-size:clamp(19px,5cqw,25px)}}.account-menu{align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.account-menu button,.account-sign-in{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;border-radius:999px;padding:7px 12px;text-decoration:none}.account-menu button:disabled{opacity:.6;cursor:wait}.account-message{color:#a33;font-size:12px}.landing-header nav{align-items:center;gap:12px;display:flex}@media (max-width:640px){.account-email{max-width:85px}.account-menu{gap:5px}}.landing-main{padding-top:0}.landing-hero{width:100vw;max-width:none;position:relative;left:50%;transform:translate(-50%)}.landing-workshop{aspect-ratio:auto;background-position:50% 48%;background-size:cover;width:100%;height:400px}.landing-planner-speech{width:clamp(210px,25vw,300px);padding:18px 22px;top:10%;left:max(5%,50% - 380px)}.landing-planner-speech span{font-size:13px}.landing-hero .landing-planner-speech h1{font-size:clamp(21px,2.2vw,29px)}.landing-workshop .landing-composer{width:min(700px,100% - 48px);bottom:68px;left:50%;right:auto;transform:translate(-50%)}.landing-workshop .landing-composer textarea{font-size:15px}.landing-workshop .landing-suggestions{margin:0;position:absolute;bottom:17px;left:0;right:0}.landing-workshop .landing-suggestions button{color:#423f50;background:#fff9ee;border:2px solid #a36a47;box-shadow:0 2px #743f29}.landing-workshop .landing-suggestions button:hover{color:#191b3e;background:#fff}.landing-templates{margin-top:48px}@media (max-width:800px){.landing-main{padding-top:0}.landing-workshop{height:370px}.landing-planner-speech{width:245px;padding:14px 17px;top:9%;left:7%}.landing-workshop .landing-composer{bottom:65px}}@media (max-width:600px){.landing-main{padding-top:0}.landing-workshop{background-position:55%;height:380px;min-height:0}.landing-planner-speech{width:min(220px,57%);padding:12px;left:5%}.landing-hero .landing-planner-speech h1{font-size:20px}.landing-workshop .landing-composer{width:calc(100% - 28px);bottom:62px;left:50%;right:auto}.landing-workshop .landing-composer textarea{font-size:13px}.landing-workshop .landing-suggestions{gap:5px;bottom:13px}.landing-workshop .landing-suggestions button{padding:7px 9px;font-size:11px}}.landing-home{position:relative}.landing-header{z-index:2;background:0 0;position:absolute;top:0;left:0;right:0}@media (max-width:600px){.landing-workshop{height:410px}.landing-planner-speech{top:72px}}.landing-workshop{background-image:url(/planner-desk.png),url(/planner-desk.png);background-position:50%,50%;background-repeat:no-repeat;background-size:auto 100%,100% 100%}@media (max-width:600px){.landing-workshop{background-position:55%,50%}}.landing-workshop:before{content:"";z-index:-1;aspect-ratio:2;background:url(/planner-desk.png) 50%/100% 100% no-repeat;width:auto;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}@media (max-width:600px){.landing-workshop{background-position:50%}.landing-workshop:before{left:55%;transform:translate(-55%)}}.landing-workshop{background-image:url(/planner-desk-empty.png);background-position:50%;background-size:100% 100%}.landing-workshop:before{z-index:0;aspect-ratio:auto;pointer-events:none;background:url(/planner-character-red.png) bottom/contain no-repeat;width:230px;height:190px;top:auto;bottom:31%;left:calc(50% + 50px);transform:translate(-50%);-webkit-mask-image:none;mask-image:none}.landing-planner-speech,.landing-workshop .landing-composer,.landing-workshop .landing-suggestions{z-index:1}@media (max-width:800px){.landing-workshop:before{width:220px;height:180px;bottom:31%;left:calc(50% + 35px);transform:translate(-50%)}}@media (max-width:600px){.landing-workshop:before{width:210px;height:175px;bottom:31%;left:calc(50% + 48px);transform:translate(-50%)}}.landing-header{justify-content:flex-end}.landing-home{color:#231743;background:#7c3b20 url(/studio-workbench-bg.png) top/100% no-repeat}.landing-main{width:min(1560px,100% - 64px);padding:0 0 45px}.landing-header{justify-content:space-between;align-items:flex-start;height:84px;padding:0 4%}.landing-header .brand{color:#fff6e5;letter-spacing:-1px;text-shadow:0 2px 2px #4d2415;background:linear-gradient(#b46a35 0%,#8d3f1c 48%,#673016 100%);border:3px solid #703514;border-radius:12px;margin-top:15px;padding:10px 18px;font-size:25px;position:relative;box-shadow:inset 0 2px 2px #f8bc73,0 5px #4d2819,0 9px 12px #2e150c70}.landing-header .brand:before,.landing-header .brand:after{content:"";border-left:3px solid #5b301e;border-right:2px solid #d69959;width:7px;height:17px;position:absolute;top:-17px}.landing-header .brand:before{left:15px}.landing-header .brand:after{right:15px}.landing-header .brand b{color:#8dbdff;font-weight:900}.landing-header .brand-mark{color:#5537ee;background:#e8e4ff;border:2px solid #4a318c;border-radius:12px;width:37px;height:37px;box-shadow:inset 0 2px 1px #fff,0 2px #53352d}.landing-header>.language-toggle{color:#26173f;background:#fff0d1;border:5px solid #8d431b;border-radius:12px;margin-top:19px;padding:7px 12px;font-weight:800;position:relative;box-shadow:0 5px #4d2414,inset 0 1px 2px #fff}.landing-header>.language-toggle:before,.landing-header>.language-toggle:after{content:"";border-left:3px solid #673316;border-right:2px solid #dc9955;width:7px;height:20px;position:absolute;top:-23px}.landing-header>.language-toggle:before{left:8px}.landing-header>.language-toggle:after{right:8px}.landing-hero{width:100vw;max-width:none;left:50%}.landing-workshop{height:410px;min-height:0;overflow:visible;background:0 0!important}.landing-workshop:before{background:url(/planner-character-game.png) bottom/contain no-repeat;width:245px;height:230px;bottom:29%;left:calc(50% + 105px);-webkit-mask-image:none;mask-image:none}.landing-planner-speech{background:linear-gradient(#fff7e4,#fff0cb);border:9px solid #8c411b;border-radius:24px;width:300px;padding:20px 22px;top:11%;left:calc(50% - 360px);box-shadow:inset 0 3px #fffdf4,0 6px #512717,0 9px 12px #51271366}.landing-planner-speech:after{z-index:-1;background:#fff1d1;border-bottom:8px solid #8c411b;border-right:8px solid #8c411b;width:22px;height:22px;bottom:-17px;right:8%;transform:rotate(45deg)}.landing-planner-speech span{color:#65301e;letter-spacing:.03em;margin-bottom:7px;font:900 13px/1 Nunito,sans-serif}.landing-hero .landing-planner-speech h1{letter-spacing:-.5px;color:#111d55;font:900 28px/1.06 Nunito,sans-serif}.landing-workshop .landing-composer{background:linear-gradient(#ce8237,#9e4a20);border:7px solid #824015;border-radius:26px;gap:9px;width:min(730px,100% - 48px);padding:10px 12px 10px 44px;bottom:59px;box-shadow:inset 0 3px #ffc176,0 6px #502716,0 9px 12px #3b170d80}.landing-workshop .landing-composer:before{content:"✦";color:#72330f;text-shadow:0 1px #fff0b0;background:radial-gradient(circle,#ffd967,#b8631f);border:3px solid #7a3817;border-radius:50%;place-items:center;width:33px;height:33px;font-size:24px;display:grid;position:absolute;top:50%;left:7px;transform:translateY(-50%);box-shadow:inset 0 2px 1px #ffe3a0,0 2px #54230f}.landing-workshop .landing-composer:focus-within{border-color:#874519;box-shadow:0 0 0 3px #ffe28d,0 7px #502716}.landing-workshop .landing-composer textarea{color:#1b2153;background:#fff6e2;border:2px solid #af7041;border-radius:15px;height:54px;min-height:54px;padding:13px 16px;font:800 16px/1.35 Nunito,sans-serif;box-shadow:inset 0 2px 3px #a8765030}.landing-workshop .landing-composer textarea::placeholder{color:#9992a2}.landing-workshop .landing-composer-footer button{color:#fff;background:linear-gradient(#69b8ff 0%,#3e77ff 50%,#2452ef 100%);border:4px solid #183db1;border-radius:17px;width:66px;box-shadow:inset 0 3px #b7e5ff,0 3px #0d2494}.landing-workshop .landing-composer-footer button:disabled{color:#fff;opacity:.78;background:linear-gradient(#69b8ff,#345ef2)}.landing-workshop .landing-suggestions{gap:14px;bottom:0}.landing-workshop .landing-suggestions button{color:#fff;text-shadow:0 2px 1px #1c2458;background:linear-gradient(#65ccff,#008bfa 48%,#0063c9);border:5px solid #844014;border-radius:15px;min-width:145px;min-height:42px;padding:7px 16px;font:800 14px Nunito,sans-serif;box-shadow:inset 0 3px #beedff,0 5px #4d2515,0 7px 6px #44201577}.landing-workshop .landing-suggestions button:nth-child(2){background:linear-gradient(#ee9dff,#bd35f6 49%,#7c17b8);box-shadow:inset 0 3px #f4caff,0 5px #4d2515,0 7px 6px #44201577}.landing-workshop .landing-suggestions button:nth-child(3){background:linear-gradient(#ffe075,#ff9817 49%,#d4500b);box-shadow:inset 0 3px #fff1ac,0 5px #4d2515,0 7px 6px #44201577}.landing-workshop .landing-suggestions button:hover{filter:brightness(1.12);color:#fff}.landing-templates{background:linear-gradient(#65535b,#493d47);border:8px solid #3b303c;border-radius:26px;margin-top:43px;padding:22px 16px 18px;position:relative;box-shadow:inset 0 4px #a08a8d,0 8px #41261c,0 12px 20px #30140d80}.landing-template-heading{align-items:center;gap:12px;margin:-42px 0 14px}.landing-gallery-toggle{background:linear-gradient(#756873,#4b424f);border:4px solid #724022;border-radius:15px;padding:4px;box-shadow:inset 0 2px #a99ba5,0 4px #352b2b}.landing-gallery-toggle button{color:#f6e8e1;text-shadow:0 2px #403240;align-items:center;gap:8px;min-height:42px;padding:8px 16px;font:800 14px Nunito,sans-serif;display:inline-flex}.landing-gallery-toggle button[aria-pressed=true]{color:#56311e;text-shadow:none;background:linear-gradient(#fff6da,#ffe1a2);box-shadow:inset 0 3px #fff,0 3px #b07038}.landing-template-filters{gap:7px}.landing-template-filters button{color:#fff;text-shadow:0 1px #3f3043;background:linear-gradient(#7c7082,#514a5e);border:3px solid #3c3444;border-radius:15px;min-height:40px;padding:7px 13px;font:800 12px Nunito,sans-serif;box-shadow:inset 0 2px #b7a8b8,0 3px #302c38}.landing-template-filters button[aria-pressed=true],.landing-template-filters button:hover{color:#51300d;text-shadow:none;background:linear-gradient(#fff3a4,#ffc74b);border-color:#b67b2f;box-shadow:inset 0 2px #fff6c9,0 3px #69472b}.landing-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-template-card{background:linear-gradient(#d4c4be,#a58e8e);border:5px solid #b59c97;border-radius:19px;padding:8px;transition:transform .16s,box-shadow .16s;box-shadow:inset 0 2px #efe2da,0 6px #3b3039,0 9px 10px #281c1c88}.landing-template-card:hover{transform:translateY(-3px);box-shadow:inset 0 2px #efe2da,0 9px #3b3039,0 12px 13px #281c1c88}.landing-template-image{aspect-ratio:1.8;background:#ddd0ba;border:4px solid #755d55;border-radius:12px;position:relative}.landing-template-image img{object-fit:cover}.landing-template-emblem{color:#ffe1a4;background:linear-gradient(#cd8448,#8b3b19);border:3px solid #7b3e18;border-radius:8px 3px 10px;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 2px #eaaa67,0 2px 3px #4e241266}.landing-template-copy{color:#111d55;gap:10px;min-height:57px;padding:8px 6px 2px}.landing-template-copy>span:nth-child(2){flex:1;min-width:0}.landing-template-copy strong{font:900 15px Nunito,sans-serif}.landing-template-copy small{color:#2f3063;font:700 11px Nunito,sans-serif}.landing-template-avatar{color:#4431ce;background:#e0e2ff;border:2px solid #eeeaff}.landing-template-play{color:#fff;background:linear-gradient(#a6f168,#39bc39 50%,#188628);border:3px solid #13751b;border-radius:12px;flex:none;place-items:center;width:48px;height:39px;display:grid;box-shadow:inset 0 2px #d4ffac,0 3px #377326}.landing-template-play svg{filter:drop-shadow(0 1px 1px #14641c)}.landing-catalog-message{color:#fff4e0}.landing-templates .project-card{background:#e2d2c7;border-color:#b59c97}.landing-home :is(button,a,textarea,select):focus-visible{outline-offset:3px;outline:3px solid #ffe078}@media (max-width:800px){.landing-header{height:70px;padding:0 20px}.landing-header .brand{padding:7px 10px;font-size:19px}.landing-header .brand-mark{width:30px;height:30px}.landing-header>.language-toggle{margin-top:16px}.landing-workshop{height:385px}.landing-workshop:before{width:210px;height:195px;bottom:30%;left:calc(50% + 105px)}.landing-planner-speech{border-width:7px;width:235px;padding:14px;top:19%;left:max(5%,50% - 300px)}.landing-hero .landing-planner-speech h1{font-size:23px}.landing-workshop .landing-composer{bottom:57px}.landing-workshop .landing-suggestions{bottom:0}.landing-templates{margin-top:43px}.landing-template-heading{flex-direction:column;align-items:flex-start;gap:10px}.landing-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.landing-main{width:calc(100% - 24px)}.landing-workshop{height:405px}.landing-workshop:before{width:175px;height:170px;bottom:31%;left:72%}.landing-planner-speech{width:52%;padding:12px;top:79px;left:4%}.landing-hero .landing-planner-speech h1{font-size:20px}.landing-workshop .landing-composer{width:calc(100% - 24px);padding:7px 7px 7px 31px;bottom:57px}.landing-workshop .landing-composer:before{width:24px;height:24px;font-size:18px;left:3px}.landing-workshop .landing-composer textarea{height:46px;min-height:46px;font-size:13px}.landing-workshop .landing-composer-footer button{width:47px;min-height:46px}.landing-workshop .landing-suggestions{gap:5px}.landing-workshop .landing-suggestions button{border-width:4px;min-width:0;min-height:38px;padding:5px 7px;font-size:11px}.landing-template-grid{grid-template-columns:1fr}.landing-templates{padding:20px 10px 12px}.landing-gallery-toggle button{padding:7px 10px;font-size:12px}.landing-template-filters button{padding:6px 9px;font-size:11px}}@media (min-width:801px){.landing-workshop{height:365px}}.landing-template-image{aspect-ratio:2.15}@media (max-width:600px){.landing-home{background-size:auto 680px}}.studio-workspace{--studio-wood:#8a431d;--studio-wood-dark:#572910;--studio-paper:#fff1d9;--studio-ink:#171d50;height:100dvh;color:var(--studio-ink);background:radial-gradient(circle,#b8997a 2.6px,#0000 3.2px) 0 0/42px 38px,#f4e6d4;font-family:Nunito,DM Sans,sans-serif}.studio-workspace .studio-topbar{background:0 0;border:0;flex:0 0 86px;gap:18px;height:86px;padding:10px 20px}.studio-brand{flex:none}.studio-brand .brand{color:#fff4df;text-shadow:0 1px 2px #502314;background:linear-gradient(#b56a35,#793518);border:3px solid #743614;border-radius:11px;padding:7px 12px;font-size:20px;box-shadow:inset 0 2px #edaa68,0 4px #4a2818}.studio-brand .brand b{color:#9dc7ff;font-weight:900}.studio-brand .brand-mark{color:#5537e6;background:#e8e5ff;border:2px solid #493484;width:32px;height:32px;box-shadow:0 2px #56301e}.studio-workspace .studio-project-heading{gap:7px;width:auto;max-width:340px;padding:0}.studio-workspace .studio-icon-button{color:#fff4e0;background:#704234;border:2px solid #573326;box-shadow:inset 0 1px #b6937a}.studio-workspace .studio-project-switch{color:#fff8ed;background:#704b42;border:2px solid #50332f;border-radius:10px;padding:8px 11px;box-shadow:inset 0 1px #a3887a,0 3px #4a2d25}.studio-workspace .studio-project-switch:hover{color:#fff;background:#805b4d}.studio-workspace .studio-project-name{max-width:190px}.studio-workspace .studio-toolbar{justify-content:flex-end;gap:10px;padding:0}.studio-workspace .studio-toolbar-end{gap:9px}.studio-workspace .studio-settings-button,.studio-workspace .language-toggle{color:#382e4f;background:#fff3e4;border:2px solid #c6a58c;border-radius:10px;box-shadow:0 2px #80533e}.studio-workspace .publication-trigger{background:linear-gradient(#9de870,#37b73e 52%,#1b8b2e);border:3px solid #197727;border-radius:12px;height:42px;box-shadow:inset 0 2px #d6ffb9,0 3px #246529}.studio-workspace .studio-main{gap:14px;min-height:0;padding:0 20px 20px}.studio-workspace .studio-chat,.studio-workspace .studio-preview{border:8px solid var(--studio-wood);background:var(--studio-paper);min-height:0;box-shadow:inset 0 2px #fbc582,0 5px 0 var(--studio-wood-dark),0 10px 18px #44201470;border-radius:22px}.studio-workspace .studio-chat{width:clamp(340px,32%,510px);overflow:hidden}.studio-workspace .studio-preview{padding:12px;overflow:hidden}.studio-preview-toolbar{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.studio-workspace .studio-tool-group{height:44px;box-shadow:none;background:0 0;border-radius:0;gap:7px}.studio-workspace .studio-tool{color:#66596a;background:#eee0db;border:2px solid #d0b6a5;border-radius:12px;height:44px;padding:0 17px;box-shadow:inset 0 2px #fff5ec,0 2px #b9937e}.studio-workspace .studio-tool.is-selected{color:#fff;background:linear-gradient(#8ab7ff,#486dff 48%,#354de0);border-color:#273db2;box-shadow:inset 0 2px #d0e3ff,0 3px #253898}.studio-workspace .studio-files-icon{fill:#8c7f91;stroke:#5c5262}.studio-workspace .studio-tool.is-selected .studio-files-icon{fill:#cddcff;stroke:#fff}.studio-workspace .studio-preview-frame{background:#fffdf7;border:3px solid #bba6a3;border-radius:13px;box-shadow:inset 0 1px 4px #6b4d421b}.studio-workspace .studio-preview-empty{color:var(--studio-ink);background:#f8eddf}.studio-workspace .studio-preview-empty-icon{color:#5140bd;background:#e6e2fb}.studio-workspace .studio-preview-empty p{color:#8e7d78}.studio-workspace .studio-start-button{color:#fff;background:linear-gradient(#91df70,#37b742);border:3px solid #18742a;border-radius:11px;box-shadow:inset 0 2px #d3fbb8,0 3px #1e682a}.studio-workspace .studio-start-button:hover{filter:brightness(1.05)}.studio-workspace .studio-preview-status{color:#806b61}.studio-workspace .studio-preview-status>span:first-child{color:#5c4a45}.studio-workspace .character-picker{background:#f7e5c9;border-bottom:1px solid #ead1ae;gap:8px;padding:12px 12px 8px}.studio-workspace .character-choice{font-size:12px}.studio-workspace .character-avatar{box-shadow:none}.studio-workspace .character-choice .character-avatar{width:42px;height:42px}.studio-workspace .character-choice.is-selected .character-avatar{box-shadow:0 0 0 2px #fff4df,0 0 0 4px var(--choice-accent)}.studio-workspace .studio-conversation{scrollbar-color:#cba987 transparent;background:#fff4e3;padding:14px 14px 20px}.studio-workspace .studio-empty-chat{color:#8c7a72;min-height:180px}.studio-workspace .studio-empty-chat .character-avatar{display:none}.studio-workspace .studio-empty-chat h2{color:#4a3e50;font-size:16px}.studio-workspace .studio-empty-chat p{color:#8c7a72;font-size:12px}.studio-workspace .studio-user-avatar{color:#5142a5;background:#e8e0ff;border-color:#e3dbfa}.studio-workspace .studio-user-message{color:#34343a;background:#eeeeed;border-radius:16px}.studio-workspace .studio-assistant-bubble{border-radius:16px;box-shadow:0 2px 3px #81664c14}.studio-workspace .studio-composer-area{background:#fff1da;border-top:1px solid #e9d3b5;padding:8px 12px 12px}.studio-workspace .studio-compose-row{background:#fffaf0;border:2px solid #e3c5a6;border-radius:16px;padding:4px;box-shadow:0 2px 3px #82624524}.studio-workspace .studio-compose-row:focus-within{border-color:#8c6bda;box-shadow:0 0 0 3px #cabdf54d}.studio-workspace .studio-compose-row .composer-attach{color:#574d80;background:#e8e3f2;border:1px solid #d0c7de;width:37px;height:37px}.studio-workspace .studio-compose-row textarea{color:#242449}.studio-workspace .studio-compose-row textarea::placeholder{color:#a097a5}.studio-workspace .studio-compose-row .studio-send{background:linear-gradient(#a695ff,#6750e8);border:2px solid #4d34b8;border-radius:12px;width:41px;height:41px;box-shadow:inset 0 2px #ded7ff,0 2px #45339c}.studio-workspace .studio-compose-row .studio-send.is-stop{background:#856b80;border-color:#61485b}.studio-workspace :is(button,a,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #ffda69}@media (min-width:761px){.studio-workspace.has-native .studio-chat{width:clamp(420px,46%,680px)}.studio-workspace.has-native .studio-project-heading{width:auto}}@media (min-width:761px) and (max-width:1050px){.studio-workspace .studio-topbar{flex-wrap:nowrap;flex:0 0 80px;height:80px}.studio-workspace .studio-project-heading{border:0;width:auto;height:auto}.studio-workspace .studio-toolbar{flex:1;width:auto;padding:0}.studio-workspace .studio-project-name{max-width:130px}}@media (max-width:760px){.studio-workspace{height:auto;min-height:100dvh}.studio-workspace .studio-topbar{flex-wrap:wrap;flex:none;gap:10px;height:auto;min-height:70px;padding:10px}.studio-workspace .studio-brand{order:0}.studio-workspace .studio-project-heading{border:0;order:1;width:auto;max-width:calc(100% - 160px);height:auto;margin-left:auto}.studio-workspace .studio-toolbar{flex:0 0 100%;order:2;width:100%;padding:0}.studio-workspace .studio-main{flex-direction:column;gap:14px;padding:0 10px 20px}.studio-workspace .studio-chat,.studio-workspace .studio-preview{border-width:6px;border-radius:18px;width:100%}.studio-workspace .studio-chat{min-height:490px;max-height:70dvh}.studio-workspace .studio-preview{min-height:460px;padding:9px}.studio-workspace .studio-preview-frame{min-height:350px}.studio-workspace .studio-tool{height:39px;padding:0 12px}.studio-workspace .studio-tool-group{height:39px}.studio-workspace .studio-preview-toolbar{margin-bottom:8px}.studio-workspace .studio-settings-panel{top:calc(100% + 8px)}.studio-workspace .studio-chat.is-native{min-height:700px;max-height:none}}@media (max-width:480px){.studio-workspace .studio-tool-group .studio-tool>span{display:inline}.studio-workspace .studio-project-name{max-width:90px}.studio-brand .brand{font-size:17px}.studio-brand .brand-mark{width:28px;height:28px}.studio-workspace .publication-trigger{height:36px}.studio-workspace .studio-toolbar-end{flex-wrap:wrap;justify-content:flex-end}}.brand-logo{width:86px;height:auto;display:block}.studio-brand .brand{text-shadow:none;background:#fff8ed;border-color:#d8c8b9;box-shadow:0 2px 5px #35211424}@media (max-width:800px){.side .brand-logo{width:40px}}.studio-workspace .project-files{color:#27254e;background:#fff9ef;border-color:#e6d3bf}.studio-workspace .project-files-header{background:#fff5e5;border-color:#ebd9c5}.studio-workspace .project-files-project-icon{color:#5748bd;background:#e9e3fb}.studio-workspace .project-files-search{color:#807786;background:#fffdf7;border-color:#e7d8ca}.studio-workspace .project-files-sidebar{background:#f7ead9;border-color:#e8d7c5}.studio-workspace .project-files-sidebar button{color:#756875}.studio-workspace .project-files-sidebar button.is-selected{color:#564693;background:#e8dcf2}.studio-workspace .project-folder-card,.studio-workspace .project-file-card{color:#2e2a4e;background:#fffdf7;border-color:#ecdfd1}.studio-workspace .project-file-art{color:#6654ad;background:#eee8f5}.studio-workspace .project-files-content{background:#fffaf1}@media (max-width:480px){.studio-workspace .studio-settings-panel{max-height:calc(100dvh - 130px);position:fixed;top:116px;right:12px;overflow:auto}}.studio-workspace .studio-project-heading{flex:1 1 0;max-width:none}.studio-workspace .studio-project-switcher{flex:0 auto;max-width:100%}.studio-workspace .studio-project-name{min-width:0;max-width:none}.studio-workspace .studio-toolbar{flex:none}@media (max-width:760px){.studio-workspace .studio-project-heading{flex:100%;max-width:none;margin-left:0}.studio-workspace .studio-toolbar{flex:100%}}.studio-workspace .studio-toolbar{justify-content:space-between}@media (max-width:760px){.studio-workspace .studio-toolbar{flex-wrap:wrap;gap:10px}}.studio-preview-frame{position:relative}.account-preview-status{color:#554c75;background:#fffdf5ee;border:1px solid #ded6f3;border-radius:12px;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 24px);padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 2px 8px #342c4814}.account-preview-status button{font:inherit;color:#6951d1;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.studio-preview-progress{background:#e3d9ed;border-radius:999px;width:min(260px,80%);height:9px;overflow:hidden}.studio-preview-progress span{border-radius:inherit;background:#6954df;width:40%;height:100%;animation:1.5s ease-in-out infinite studio-preview-progress;display:block}@keyframes studio-preview-progress{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.studio-preview-progress span{width:45%;animation:none}}