/* Playable Studio — dark workspace and prompt-led presentation. */
:root{color-scheme:dark;--ps-accent:#a800ff;--ps-text:#f0eff2;--ps-muted:#98969f;--ps-line:#2b292f;--ps-bg:#0b0b0d}
body{background:var(--ps-bg);color:var(--ps-text);font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c27bff;outline-offset:4px}svg{flex-shrink:0}.brand-mark{background:#a800ff;color:#fff;border-radius:7px}.brand em{font-style:normal;color:#b7b5bd}.layer-site{background:#0a0a0c;color:#f5f3f8;overflow:clip}.layer-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 36px;border-bottom:1px solid #ffffff09;background:#08080a;position:relative;z-index:3}.layer-nav .brand{font-size:23px;white-space:nowrap}.layer-nav nav{display:flex;gap:28px;margin-right:auto;margin-left:30px}.layer-nav nav a,.layer-nav>div a{font-size:13px;font-weight:600}.layer-nav>div{display:flex;align-items:center;gap:24px}.layer-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#8a00de;color:#fff;padding:13px 20px;border:1px solid #b742f3;border-radius:6px;font-weight:600;font-size:13px}.layer-cta:hover{background:#a400f6}.layer-cta svg{width:16px;height:16px}.layer-hero{min-height:680px;text-align:center;position:relative;padding:67px 24px 100px;background:radial-gradient(ellipse 55% 65% at 50% 45%,#562b6929,transparent)}.star-field{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#9e80b04f 1px,transparent 1.5px),radial-gradient(circle,#ccb2ec38 1px,transparent 1.5px);background-size:129px 103px,203px 149px;background-position:29px 17px,67px 89px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.layer-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:1.7px;color:#a89db6}.layer-eyebrow i,.home-eyebrow i{width:5px;height:5px;background:#b978f4;border-radius:50%;box-shadow:0 0 10px #b978f4}.layer-hero>*:not(.star-field){position:relative}.layer-hero h1{font-size:clamp(36px,4.1vw,61px);line-height:1.13;letter-spacing:-2.1px;font-weight:700;margin:18px 0 24px}.layer-hero>p{color:#9995a1;font-size:15px;line-height:1.9;margin:0 0 37px}.landing-modes{background:#242127;border:1px solid #37313c;border-radius:6px;display:inline-flex;padding:4px;gap:2px;margin-bottom:14px}.landing-modes button{border:1px solid transparent;background:transparent;color:#a29ca9;border-radius:4px;padding:8px 13px;font-size:11px;display:flex;align-items:center;gap:7px}.landing-modes svg{width:14px;height:14px}.landing-modes button.active{background:#46414c;border-color:#60586a;color:#fff}.landing-prompt{max-width:650px;display:flex;flex-direction:column;margin:auto;border:1px solid #39313f;outline:6px solid #151118;border-radius:15px;background:#201e24;text-align:left;box-shadow:0 0 0 7px #29223066,0 20px 70px #0003}.landing-prompt:focus-within{border-color:#9161a6;outline-color:#211327}.landing-prompt textarea{height:93px;resize:vertical;border:0;background:transparent;color:#f0e9f7;outline:0;padding:18px 18px 0;font-size:13px;line-height:1.7}.landing-prompt textarea::placeholder{color:#928a9a}.landing-prompt>div{padding:10px 13px;display:flex;align-items:center;gap:10px}.landing-prompt>div>span{font-size:8px;letter-spacing:1px;color:#62586f}.landing-send{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;background:#a600ff;border:1px solid #c151ff;border-radius:7px;color:#fff}.landing-send svg{width:17px;height:17px;transform:rotate(-90deg)}.landing-hints{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:23px}.landing-hints>*{font-size:10px;color:#8e819b;background:transparent;border:0;display:flex;gap:7px;align-items:center}.landing-hints svg{width:12px;height:12px}.landing-examples{margin-top:-30px;position:relative}.example-gallery{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;padding:0 22px;overflow:auto}.gallery-example{text-align:left;background:transparent;border:0;color:#f4f0f8;padding:0;min-width:0}.gallery-example>div{position:relative;overflow:hidden;border-radius:9px;border:1px solid #4c3a59;height:215px}.gallery-example .template-art{height:100%;border-radius:0}.gallery-example .art-card{font-size:55px;width:79px;height:113px;--d:#9f74d6}.gallery-example>div>span{position:absolute;bottom:12px;left:12px;width:27px;height:27px;border:1px solid #ffffff7d;border-radius:50%;background:#25202b66;display:grid;place-items:center;color:#fff;backdrop-filter:blur(5px)}.gallery-example svg{width:12px;height:12px}.gallery-example strong,.gallery-example small{display:block;padding:0 4px}.gallery-example strong{font-size:12px;margin-top:14px}.gallery-example small{font-size:10px;color:#83778e;margin-top:5px}.gallery-example:hover .template-art{transform:scale(1.04);transition:transform .3s}.gallery-0 .template-art{background:#b9a7d3!important}.gallery-2 .template-art{background:#db9a91!important}.gallery-3 .template-art{background:#94bec9!important}.gallery-5 .template-art{background:#9582b6!important}.supported-engines{display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;color:#766b80;padding:58px 24px;border-bottom:1px solid #25202a}.supported-engines>span{font-size:9px;letter-spacing:1px}.supported-engines>strong{font-size:14px;color:#b2a6bf;letter-spacing:.7px}.layer-section{max-width:1160px;padding:100px 32px;margin:auto}.layer-section h2{font-size:clamp(30px,3.6vw,46px);line-height:1.15;letter-spacing:-1.8px;font-weight:650;margin:20px 0}.layer-section p{font-size:14px;line-height:1.9;color:#9f94ac}.experience-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.experience-section .layer-cta{margin-top:22px}.live-demo-note{display:block;font-size:10px;color:#84758f;margin-top:15px}.landing-palette{display:flex;gap:8px;margin-top:27px}.landing-palette button{display:flex;align-items:center;gap:8px;font-size:11px;background:#17121c;border:1px solid #3d304a;border-radius:5px;padding:9px 11px;color:#a699b3}.landing-palette button.active{background:#372042;border-color:#ae6cdb;color:#f4defc}.landing-palette i{width:10px;height:10px;border-radius:50%}.landing-game-wrap{max-width:390px;margin:auto;width:100%;border:1px solid #453251;border-radius:13px;padding:13px;background:#18121e;box-shadow:0 30px 100px #6c178b12}.landing-game-wrap>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#a18bac;font-size:8px;letter-spacing:.5px;padding-bottom:10px}.landing-game-wrap .game-host{height:440px;border-radius:8px;overflow:hidden}.landing-game-wrap>p{font-size:10px!important;text-align:center;margin:12px 0 0}.center-heading{text-align:center}.center-heading p{max-width:580px;margin:0 auto 40px}.landing-workspace{display:grid;grid-template-columns:170px 1fr 240px;height:355px;border:1px solid #3b2c48;border-radius:10px;background:#0b090e;overflow:hidden;box-shadow:0 10px 70px #7e248317}.mini-sidebar{background:#1a171e;border-right:1px solid #33263e;padding:22px 15px;display:flex;flex-direction:column;gap:18px;font-size:10px;color:#a091ad}.mini-sidebar strong{color:#f4eafa;font-size:16px;margin-bottom:20px}.mini-sidebar .active{padding:8px;background:#3a3341;border-radius:4px}.mini-sidebar small{font-size:8px;color:#776485;margin-top:20px}.mini-board{position:relative;background-image:radial-gradient(#5f4c6d 0.5px,transparent .6px);background-size:16px 16px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.mini-board>span{align-self:flex-start;font-size:9px;color:#98849f}.mini-board>div{width:170px;border-radius:9px;border:4px solid #493f52;overflow:hidden}.mini-board .template-art{height:230px}.mini-board>small{font-size:8px;padding:7px 12px;background:#2d2535;border-radius:5px;color:#ac93bf}.mini-panel{padding:25px 15px;background:linear-gradient(#3b174d,#141017 20%);border-left:1px solid #392340;font-size:12px}.mini-panel strong{color:#e6c3fa;display:block;margin-top:20px}.mini-panel p{font-size:10px;margin-top:10px;line-height:1.7}.mini-panel>span{font-size:9px;color:#bd9ad0;margin:24px 0 14px;display:block}.mini-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-panel small{font-size:8px;border:1px solid #44304d;background:#24192b;border-radius:3px;padding:10px 5px}.creation-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:36px}.creation-features>div>span{font-size:8px;letter-spacing:1px;color:#845791}.creation-features h3{font-size:17px;margin:12px 0}.creation-features p{font-size:12px}.agent-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid #26202b}.agent-section .layer-cta{margin:26px 0 12px}.agent-section>div>small{display:block;font-size:10px;color:#887091;line-height:1.7}.landing-agent-demo{padding:24px;background:#1a1320;border:1px solid #4b2e59;border-radius:14px;box-shadow:0 10px 100px #8319a019}.landing-agent-demo>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#d4b7e5}.landing-agent-demo>div:first-child small{font-size:8px;background:#5b266f;border:1px solid #8a499f;border-radius:4px;padding:3px 8px}.landing-agent-demo blockquote{font-size:13px;color:#dcdbec;background:#202332;border:1px solid #2c3142;border-radius:6px;padding:16px;margin:28px 0 20px 32px;line-height:1.7}.agent-demo-result{border:1px solid #413149;border-radius:6px;padding:18px;background:#211729}.agent-demo-result>span{font-size:11px;color:#c398d6}.agent-demo-result>p{display:flex;align-items:center;gap:9px;font-size:13px;color:#e9cfef;margin:15px 0}.agent-demo-result i{height:10px;width:10px;border-radius:50%;background:#bb93ee}.agent-demo-result>small{font-size:8px;color:#8c6e9a}.landing-agent-demo>a{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#ad83c1;margin-top:21px}.landing-agent-demo svg{width:14px;height:14px}.landing-faq{max-width:900px;border-top:1px solid #28202f}.landing-faq h2{text-align:center;margin-bottom:40px}.landing-faq details{border-bottom:1px solid #33283d;padding:20px 0}.landing-faq summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-size:13px;font-weight:600}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary span{color:#9a76b1;font-size:20px}.landing-faq details[open] summary span{transform:rotate(45deg)}.landing-faq p{font-size:12px;margin:15px 0 0;max-width:730px}.landing-final{text-align:center;padding:65px 24px 95px;background:radial-gradient(ellipse at bottom,#55216b2b,transparent 60%);border-bottom:1px solid #2a2231}.landing-final h2{font-size:48px;line-height:1.15;letter-spacing:-2px;margin:20px 0 30px}.layer-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 36px}.layer-footer>span,.layer-footer a:not(.brand){font-size:10px;color:#796b84}.layer-footer>div{display:flex;gap:24px}
/* Reference workspace: sidebar, dotted board, tool tray. */
.studio-shell{grid-template-columns:246px minmax(0,1fr);background:#0b0b0d;color:#eeeef1}.studio-shell .sidebar{left:8px;top:8px;bottom:8px;width:230px;border:1px solid #37363b;border-radius:9px;background:#19191c;padding:17px 9px 10px}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px 16px}.studio-shell .sidebar .brand{font-size:20px;padding:0;gap:7px}.studio-shell .sidebar .brand em{font-size:9px;display:block;letter-spacing:1.2px;color:#9d92a7}.studio-shell .sidebar .brand-mark{width:28px;height:28px;background:#ad00f8}.sidebar-brand-row>.icon-btn{width:25px;color:#a19da8}.studio-shell .workspace-switch{margin:0 0 28px;border-radius:6px;background:#27272b;border:1px solid #343338;padding:10px 8px}.studio-shell .workspace-avatar{background:#424148;color:#bebac4;width:30px;height:30px;display:grid;place-items:center}.workspace-avatar svg{width:18px;height:18px}.studio-shell .workspace-switch strong{font-size:12px;font-weight:650}.studio-shell .workspace-switch small{font-size:10px;color:#9c99a4}.studio-shell .side-nav a{font-size:12px;color:#b5b2ba;padding:10px 9px;gap:11px}.studio-shell .side-nav a.active{background:#3d3c44;color:#fff}.studio-shell .side-nav svg{width:16px;height:16px;color:#b4b0bd}.studio-shell .session-heading{margin-top:26px;font-size:10px;color:#e8e5ef;padding:0 9px}.session-heading>span{display:flex;align-items:center;gap:8px}.session-heading svg{width:14px;height:14px}.studio-shell .side-sessions{margin-top:8px}.studio-shell .side-sessions a{padding:9px;font-size:11px;color:#b7b2bf;gap:8px}.studio-shell .side-sessions a.active{background:#3d3b45;color:#fff}.studio-shell .side-sessions a i{background:#6c8eff}.studio-shell .side-bottom{padding:10px 5px 0}.mcp-side-card{display:flex;align-items:center;gap:10px;background:#2a1e38;border:1px solid #75518f;border-radius:6px;padding:11px 9px;margin:10px 0 14px}.mcp-side-card>svg{width:18px;height:18px;color:#d2a8f0}.mcp-side-card>svg:last-child{width:12px;height:12px;margin-left:auto}.mcp-side-card strong,.mcp-side-card small{display:block}.mcp-side-card strong{font-size:10px;color:#ede3f5}.mcp-side-card small{font-size:9px;color:#b09ac3;margin-top:5px}.studio-shell .profile{border-top:0;padding:0 5px 5px}.studio-shell .profile strong{font-size:10px}.studio-shell .profile small{font-size:9px;color:#9993a4}.studio-shell .profile-avatar{background:#27262c;border-color:#46434e}.studio-shell .app-topbar{background:#101013;border-bottom:1px solid #28262e;height:57px;min-height:57px}.studio-shell .app-content{padding:34px 46px;background:#0e0c12}.home-agent{text-align:center;padding:15px 0 55px;position:relative;background:radial-gradient(ellipse at 50% 70%,#52256825,transparent 70%)}.home-eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#83718f}.home-agent h1{font-size:34px;letter-spacing:-1.4px;line-height:1.2;margin:21px 0 12px}.home-agent>p{font-size:12px;color:#92869c;line-height:1.8}.home-prompt{max-width:710px;margin:30px auto 0;border:1px solid #38323f;border-radius:12px;outline:5px solid #17121d;background:#201d25;text-align:left}.home-prompt textarea{background:transparent;border:0;outline:0;width:100%;padding:17px;height:89px;color:#e9e1ef;font-size:12px;resize:vertical;line-height:1.7}.home-prompt textarea::placeholder{color:#99909f}.home-prompt>div{display:flex;align-items:center;gap:12px;padding:7px 12px 12px}.home-prompt>div>span{font-size:8px;color:#73637f;letter-spacing:1px}.home-prompt>div>button:last-child{margin-left:auto;background:#a600fa;border:1px solid #c34eff;border-radius:6px;width:31px;height:31px;display:grid;place-items:center;color:#fff}.home-prompt>div>button:last-child svg{width:15px;height:15px;transform:rotate(-90deg)}.home-suggestions{display:flex;gap:10px;justify-content:center;margin-top:22px}.home-suggestions button{font-size:10px;padding:7px 10px;border:1px solid #352a3e;background:#17111d;color:#9e8bac;border-radius:20px}.home-toolbox{border:1px solid #332a3b;background:#100b17;border-radius:8px;padding:25px;margin-bottom:35px}.tools-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 15px;gap:10px}.tools-heading h2,.tools-heading h3{font-size:14px!important;font-weight:650;margin:0!important;letter-spacing:0!important}.tools-heading a{font-size:9px;color:#9b8ca7;display:flex;gap:5px;align-items:center}.tools-heading svg{width:12px;height:12px}.home-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:28px}.home-tools>*{display:flex;align-items:center;gap:10px;text-align:left;font-size:11px;color:#ece3f4;background:#1c1523;border:1px solid #33273e;border-radius:5px;padding:13px 14px;font-weight:600}.home-tools svg{width:16px;height:16px;color:#c2acd1}.studio-shell .home-toolbox .template-grid{gap:16px}.studio-shell .template-card{border:0;background:transparent;border-radius:6px;box-shadow:none}.studio-shell .template-card .template-art{height:170px;border-radius:6px}.studio-shell .template-info{padding:13px 2px}.studio-shell .template-info h3{color:#ece2f4;font-size:12px}.studio-shell .template-info p{color:#9883a8;font-size:9px}.studio-shell .template-arrow{border:0}.studio-shell .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench .editor-top{background:#111114;border-color:#2b2931;height:58px;min-height:58px}.workbench .editor-layout{grid-template-columns:minmax(0,1fr) 390px}.workbench .editor-workspace{background-color:#09090b;background-image:radial-gradient(#44414c .6px,transparent .7px);background-size:20px 20px}.workbench .workbench-panel{margin:8px 8px 8px 0;border:1px solid #3b3044;border-radius:9px;background:#121214}.workbench .panel-cap{padding:14px;background:linear-gradient(#3e1d52,#141217);height:40px;font-size:9px}.workbench .editor-rail{padding:7px 9px;background:#18151d;border-color:#302639}.workbench .editor-rail button{font-size:10px}.workbench .editor-settings{padding:15px 12px;background:#121214;color:#eee9f3}.workbench .panel-save{background:#19141e;border-color:#312439}.agent-launch{display:flex;width:100%;align-items:center;gap:12px;padding:13px 11px;background:#272329;border:1px solid #302c35;border-radius:8px;text-align:left;color:#f5f0f8;margin:0 0 16px}.agent-launch>span{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:#ac00f9;flex:none}.agent-launch>span svg{width:20px;height:20px}.agent-launch>div{min-width:0;flex:1}.agent-launch strong{display:block;font-size:12px}.agent-launch small{display:block;font-size:9px;line-height:1.6;color:#aaa0b3;margin-top:5px}.agent-launch>svg{width:14px;height:14px;color:#aaa0b3}.tools-view{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.tools-view>span{display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid #403642;background:#282329;border-radius:5px;padding:7px 9px}.tools-view svg{width:13px;height:13px}.tools-view>a{color:#9e92a9}.studio-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:26px}.studio-tools-grid button{display:flex;align-items:center;gap:8px;color:#efeaf3;font-size:10px;font-weight:600;background:#1c191f;border:1px solid #2f2a35;border-radius:5px;padding:11px 9px}.studio-tools-grid button:hover,.home-tools>*:hover{background:#30203b;border-color:#714284}.studio-tools-grid svg{width:14px;height:14px;color:#c4b3d0}.hub-apps{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px;margin-top:6px}.hub-apps button{padding:0;border:0;background:transparent;color:#f1e9f7;text-align:left;min-width:0}.hub-apps .template-art{height:135px;border-radius:7px;border:1px solid #5b4667}.hub-apps .art-card{width:61px;height:82px;font-size:38px}.hub-apps .cards-art{transform:scale(.7);transform-origin:center}.hub-apps strong,.hub-apps small{display:block}.hub-apps strong{font-size:10px;margin-top:10px}.hub-apps small{font-size:9px;color:#9e8aaa;margin-top:5px;line-height:1.5}.hub-apps .hub-blank{border:1px solid #483351;background:#1c1224;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;text-align:center}.hub-blank>svg{width:25px;height:25px;color:#bf86e3}.workbench .blank-canvas{color:#b5a9be}.workbench .blank-canvas>svg{height:40px;width:40px;background:#27212f;padding:10px;border-radius:50%;color:#ae94bd}.workbench .blank-canvas h2{font-size:12px;color:#b5a9be;margin:18px 0 9px;letter-spacing:0;font-weight:500}.workbench .blank-canvas p{font-size:10px;color:#796b87}.workbench .blank-canvas .btn{font-size:10px;margin-top:16px;background:#211629;color:#c6afd5;border-color:#584165}.agent-mode{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 17px;border-bottom:1px solid #2e2435;color:#e5d4ee;font-size:11px}.agent-mode>span{display:flex;align-items:center;gap:8px}.agent-mode svg{width:15px;height:15px;color:#c998e8}.agent-mode>small{font-size:8px;background:#382040;border:1px solid #694076;border-radius:4px;padding:3px 7px}.agent-thread{min-height:280px;display:flex;flex-direction:column}.agent-welcome{margin:auto;text-align:center;padding:28px 7px}.agent-welcome>svg{width:33px;height:33px;color:#b071d9;margin:0 auto 17px}.agent-welcome h2{font-size:21px!important;line-height:1.25;letter-spacing:-.7px!important}.agent-welcome p{font-size:11px;color:#95849f;line-height:1.8;margin:17px 0}.agent-welcome>div{display:flex;gap:8px}.agent-welcome button{font-size:9px;background:#21162a;border:1px solid #41304d;border-radius:6px;padding:9px;color:#b799c6;flex:1}.agent-mcp-info{display:flex;align-items:center;gap:8px;background:#171f23;border:1px solid #2c404a;padding:10px;border-radius:5px;color:#8fa6b1;font-size:9px;line-height:1.7;margin:12px 0}.agent-mcp-info>svg{width:16px;height:16px}.agent-mcp-info>span{flex:1}.agent-mcp-info button{background:none;border:0;color:#a4b4bf;padding:0}.agent-mcp-info button svg{width:13px;height:13px}.agent-composer{border:1px solid #43324e;background:#211927;border-radius:7px;padding:10px}.agent-composer textarea{padding:0;width:100%;height:90px;min-height:90px;background:none;border:0;outline:0;color:#eee1f8;font-size:11px;line-height:1.8;resize:vertical;margin:0}.agent-composer textarea::placeholder{color:#9a83aa}.agent-composer>div{display:flex;align-items:center;gap:6px;margin-top:8px}.agent-composer small{font-size:8px;color:#876398}.agent-composer>div>button:last-child{margin-left:auto;width:28px;height:28px;border-radius:5px;background:#a200ec;border:1px solid #c365f3;color:#fff;display:grid;place-items:center}.agent-composer>div>button:last-child svg{width:14px;height:14px;transform:rotate(-90deg)}.agent-refresh{width:100%;margin:12px 0 0;padding:9px;background:transparent;border:1px solid #302139;border-radius:5px;color:#a287b2;font-size:9px;display:flex;align-items:center;justify-content:center;gap:7px}.agent-refresh svg{width:12px;height:12px}
/* Sign-in */
.studio-login{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;background:#101013}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:42px 54px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 25% 60%,#813daa46,transparent 60%),#140e1b;border-right:1px solid #382342}.login-story:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#85609c66 .6px,transparent .7px);background-size:25px 25px;pointer-events:none}.login-story>*{position:relative}.login-story .brand{font-size:23px;align-self:flex-start}.login-story h1{font-size:clamp(36px,4vw,56px);letter-spacing:-2px;line-height:1.13;margin:25px 0}.login-story h1 em{font-style:normal;color:#b787d1}.login-story>div>p{font-size:13px;line-height:1.8;max-width:330px;color:#a990b7}.login-kicker,.login-story>small{font-size:8px;letter-spacing:1.4px;color:#9773ac}.login-preview{display:flex;gap:15px;width:400px;margin-top:38px;transform:rotate(-6deg)}.login-preview .template-art{height:190px;width:190px;border:1px solid #8b60a5;border-radius:14px;box-shadow:0 20px 40px #0006;flex:none}.login-preview .template-art:last-child{transform:translateY(30px) rotate(12deg)}.login-entry{padding:39px 46px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.login-entry .login-back{display:flex;align-items:center;gap:8px;font-size:10px;color:#8e7e9c}.login-back svg{height:14px;width:14px}.login-entry .login-box{max-width:350px;width:100%;align-self:center}.login-symbol{height:44px;width:44px;border-radius:11px;display:grid;place-items:center;margin-bottom:22px;background:#321744;border:1px solid #603177;color:#d09aed}.login-symbol svg{height:24px;width:24px}.login-entry h2{font-size:27px;font-weight:650;letter-spacing:-1px}.login-entry .login-box>p{font-size:12px;color:#9681a6;line-height:1.8;margin:15px 0 28px}.login-continue{display:flex;justify-content:center;align-items:center;gap:12px;background:#8e00e1;border:1px solid #b53af2;border-radius:6px;padding:14px;color:#fff;font-size:12px;font-weight:650}.login-continue svg{width:16px;height:16px}.login-entry .login-box .login-auth-note{font-size:10px;line-height:1.8;color:#8a7699;margin:14px 0 27px}.login-divider{display:flex;justify-content:center;align-items:center;font-size:9px;color:#80678f;gap:12px}.login-divider:before,.login-divider:after{content:'';height:1px;background:#31213a;flex:1}.login-demo{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;background:#1a1421;border:1px solid #3c2849;border-radius:6px;font-size:11px;color:#b398c6;margin:22px 0}.login-demo svg{height:14px;width:14px}.login-protection{display:flex;align-items:center;gap:8px;font-size:9px;color:#8c739b;line-height:1.7}.login-protection svg{width:14px;height:14px}.login-privacy{font-size:9px;color:#80648e;align-self:center}
@media(min-width:1700px){.workbench .editor-layout{grid-template-columns:minmax(0,1fr) 430px}.hub-apps .template-art{height:160px}}@media(max-width:1150px){.layer-nav nav{gap:20px;margin-left:10px}.layer-nav{padding:0 22px;gap:20px}.layer-nav .brand{font-size:20px}.studio-shell{grid-template-columns:216px minmax(0,1fr)}.studio-shell .sidebar{width:200px}.studio-shell .app-content{padding:28px}.workbench .editor-layout{grid-template-columns:minmax(0,1fr) 340px}.home-agent h1{font-size:29px}.home-toolbox .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-section,.agent-section{gap:45px}.example-gallery{grid-template-columns:repeat(6,210px)}.login-story{padding:35px}}
@media(max-width:850px){.studio-shell{display:block}.studio-shell .sidebar{width:230px}.layer-nav nav{display:none}.layer-hero{padding-top:60px;min-height:650px}.experience-section{gap:35px}.landing-workspace{grid-template-columns:120px 1fr 180px;height:320px}.mini-sidebar{padding:18px 10px}.mini-sidebar strong{font-size:12px}.mini-panel{padding:20px 11px}.mini-board>div{width:150px}.mini-board .template-art{height:205px}.creation-features{gap:24px}.studio-shell .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tools{grid-template-columns:1fr 1fr}.studio-login{grid-template-columns:1fr 1fr}.login-story{padding:30px 24px}.login-preview{width:300px;gap:12px}.login-preview .template-art{height:140px;width:140px}.login-entry{padding:30px 24px}}
@media(max-width:600px){.layer-nav{height:65px;padding:0 18px}.layer-nav .brand{font-size:18px}.layer-nav .brand-mark{width:27px;height:27px}.layer-nav>div{gap:14px}.layer-nav>div a{font-size:10px}.layer-nav .layer-cta{padding:10px 13px}.layer-hero{min-height:590px;padding:48px 20px 90px}.layer-hero .layer-eyebrow{font-size:8px;letter-spacing:1px}.layer-hero h1{font-size:37px;letter-spacing:-1.6px;margin-top:22px}.layer-hero>p{font-size:12px;line-height:1.8;margin-bottom:29px}.landing-modes button{font-size:9px;padding:7px 9px;gap:4px}.landing-modes svg{width:11px;height:11px}.landing-prompt textarea{height:110px;padding:16px;font-size:12px}.landing-hints{gap:12px;flex-wrap:wrap}.landing-hints>*{font-size:9px}.example-gallery{grid-template-columns:repeat(6,180px);padding:0 16px;gap:12px}.gallery-example>div{height:185px}.supported-engines{padding:35px 20px;gap:18px}.supported-engines>span{flex-basis:100%;text-align:center}.supported-engines>strong{font-size:10px}.layer-section{padding:64px 23px}.experience-section,.agent-section{grid-template-columns:1fr;gap:40px}.layer-section h2{font-size:34px;letter-spacing:-1.3px}.layer-section p{font-size:12px}.landing-game-wrap{max-width:315px}.landing-game-wrap .game-host{height:390px}.landing-palette{gap:6px}.landing-palette button{font-size:10px;padding:8px 10px}.center-heading h2{font-size:30px}.landing-workspace{grid-template-columns:76px 1fr;height:270px}.mini-panel{display:none}.mini-sidebar{padding:16px 7px;font-size:7px;gap:17px}.mini-sidebar strong{font-size:9px;margin-bottom:12px}.mini-sidebar small{font-size:6px}.mini-board{padding:15px}.mini-board>span{font-size:7px}.mini-board>div{width:125px}.mini-board .template-art{height:175px}.creation-features{grid-template-columns:1fr;gap:24px}.creation-features h3{font-size:17px;margin-bottom:8px}.landing-faq summary{font-size:12px;gap:15px}.landing-final{padding:50px 20px 65px}.landing-final h2{font-size:35px;letter-spacing:-1.4px}.layer-footer{padding:25px 20px;flex-wrap:wrap;gap:20px}.layer-footer .brand{font-size:17px}.layer-footer>span{font-size:8px}.layer-footer>div{flex-basis:100%;justify-content:center}.workbench .editor-layout{display:block}.workbench .workbench-panel{margin:0;border-radius:0;height:100%}.workbench .editor-settings{padding:18px 17px}.workbench .editor-rail button{font-size:9px}.workbench .blank-canvas h2{font-size:12px}.studio-shell .app-content{padding:24px 16px}.home-agent{padding:13px 0 38px}.home-agent h1{font-size:25px;max-width:290px;margin:20px auto 13px}.home-agent>p{font-size:10px;line-height:1.7}.home-prompt textarea{height:111px;font-size:11px}.home-suggestions{gap:6px;flex-wrap:wrap}.home-suggestions button{font-size:9px}.home-toolbox{padding:18px 12px}.home-tools{gap:7px}.home-tools>*{padding:11px 9px;font-size:9px;gap:7px}.home-tools svg{width:13px;height:13px}.home-toolbox .template-grid{grid-template-columns:1fr!important}.home-toolbox .template-card .template-art{height:190px}.studio-shell .project-grid{grid-template-columns:1fr}.studio-login{grid-template-columns:1fr}.login-story{display:none}.login-entry{min-height:100svh;padding:30px 24px}.login-entry .login-box{padding:30px 0}.agent-thread{min-height:250px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}