:root{--bg-0:#0a0a0b;--bg-1:#111113;--bg-2:#18181c;--bg-3:#222228;--bg-4:#2a2a32;--border:#2e2e38;--border-light:#3a3a46;--text-0:#f0f0f5;--text-1:#a8a8b8;--text-2:#6a6a7a;--accent:#7c6aff;--accent-dim:#5a4acc;--accent-glow:#7c6aff26;--green:#22d47a;--red:#f56;--yellow:#ffc844;--blue:#4af;--orange:#f84;--font-ui:"Syne", sans-serif;--font-mono:"Space Mono", monospace;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-0);color:var(--text-0);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}button{cursor:pointer;font-family:var(--font-ui);border:none;outline:none}input,textarea{font-family:var(--font-ui);outline:none}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.3s forwards fadeIn}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.cg-workspace-shell,.cg-workspace-body,.cg-topbar,.cg-left-panel,.cg-chat-panel,.cg-main-panel{min-width:0}.cg-topbar{white-space:nowrap;-webkit-overflow-scrolling:touch;overflow:auto hidden}.cg-topbar>*{flex-shrink:0}@media (width<=1100px){.cg-workspace-body{grid-template-columns:minmax(180px,220px) minmax(260px,34vw) minmax(360px,1fr)!important;display:grid!important;overflow:auto hidden!important}.cg-left-panel,.cg-chat-panel{width:auto!important}.cg-main-panel{min-width:360px!important}}@media (width<=820px){html,body,#root{overflow:auto!important}.cg-workspace-shell{height:auto!important;min-height:100vh!important;overflow:visible!important}.cg-topbar{flex-wrap:wrap!important;gap:8px!important;height:auto!important;min-height:48px!important;padding:8px!important}.cg-view-tabs{order:10!important;width:100%!important;margin:0!important}.cg-view-tabs button{flex:1!important}.cg-workspace-body{flex-direction:column!important;min-height:auto!important;display:flex!important;overflow:visible!important}.cg-left-panel,.cg-chat-panel,.cg-main-panel{border-right:none!important;width:100%!important;max-width:100%!important}.cg-left-panel{border-bottom:1px solid var(--border)!important;max-height:260px!important}.cg-chat-panel{border-bottom:1px solid var(--border)!important;height:min(46vh,420px)!important}.cg-main-panel{height:62vh!important;min-height:480px!important}}@media (width<=520px){.cg-chat-panel{height:44vh!important}.cg-main-panel{height:58vh!important;min-height:420px!important}.cg-topbar{font-size:12px!important}}.cg-mobile-tabbar{display:none}@media (width<=767px){html,body,#root{height:100dvh!important;overflow:hidden!important}.cg-workspace-shell{height:100dvh!important;min-height:100dvh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.cg-topbar{flex-wrap:nowrap!important;height:52px!important;min-height:52px!important;padding:0 10px!important;overflow-x:auto!important}.cg-workspace-body{height:calc(100dvh - 52px - 68px - env(safe-area-inset-bottom))!important;min-height:0!important;display:block!important;position:relative!important;overflow:hidden!important}.cg-left-panel,.cg-chat-panel,.cg-main-panel{border-bottom:none!important;border-right:none!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important;display:none!important;position:absolute!important;inset:0!important;overflow:hidden!important}.cg-left-panel.cg-mobile-active,.cg-chat-panel.cg-mobile-active,.cg-main-panel.cg-mobile-active{display:flex!important}.cg-mobile-tabbar{height:calc(68px + env(safe-area-inset-bottom))!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--border)!important;z-index:10050!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#111113f5!important;justify-content:space-around!important;align-items:center!important;gap:4px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.cg-mobile-tabbar button{min-width:54px!important;max-width:88px!important;min-height:50px!important;color:var(--text-2)!important;-webkit-tap-highlight-color:transparent!important;background:0 0!important;border-radius:12px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:3px!important;font-size:18px!important;display:flex!important}.cg-mobile-tabbar button span{font-size:10px!important;font-family:var(--font-mono)!important}.cg-mobile-tabbar button.active{color:#fff!important;background:var(--accent-glow)!important;border:1px solid #7c6aff59!important}.cg-terminal-panel{left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;height:45dvh!important}}@media (width<=900px){html,body,#root{width:100vw!important;height:100dvh!important;overflow:hidden!important}.cg-workspace-shell{width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.cg-workspace-body{height:calc(100dvh - 52px - 68px - env(safe-area-inset-bottom))!important;width:100vw!important;display:block!important;position:relative!important;overflow:hidden!important}.cg-left-panel,.cg-chat-panel,.cg-main-panel{border:none!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100%!important;display:none!important;position:absolute!important;inset:0!important;overflow:hidden!important}.cg-left-panel.cg-mobile-active,.cg-chat-panel.cg-mobile-active,.cg-main-panel.cg-mobile-active{display:flex!important}.cg-terminal-panel{display:none!important}.cg-terminal-panel.cg-mobile-active{top:52px!important;left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;z-index:10020!important;width:100vw!important;height:auto!important;display:flex!important;position:fixed!important}.cg-mobile-tabbar{display:flex!important}.cg-main-panel.cg-mobile-active,.cg-chat-panel.cg-mobile-active,.cg-left-panel.cg-mobile-active{flex-direction:column!important;width:100vw!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important}.cg-main-panel>div{flex:1!important;height:100%!important;min-height:0!important}.cg-main-panel iframe{width:100%!important;height:100%!important;min-height:100%!important;display:block!important}.cg-chat-panel>div:nth-child(2){flex:1!important;min-height:0!important;padding-bottom:12px!important;overflow-y:auto!important}.cg-chat-panel form{z-index:5!important;flex-shrink:0!important;position:sticky!important;bottom:0!important}}@media (width<=767px){.cg-view-tabs,.cg-top-terminal-btn{display:none!important}.cg-topbar{gap:10px!important}.cg-topbar span:nth-of-type(3){display:none!important}.cg-mobile-tools-drawer,.cg-mobile-open-tabs{left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;z-index:10080!important;border:1px solid var(--border-light)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#18181cfa!important;border-radius:18px!important;max-height:58dvh!important;padding:12px!important;position:fixed!important;overflow-y:auto!important;box-shadow:0 -18px 60px #0000008c!important}.cg-mobile-tools-head{color:var(--text-0)!important;justify-content:space-between!important;align-items:center!important;padding:4px 4px 12px!important;display:flex!important}.cg-mobile-tools-head button,.cg-mobile-tools-drawer>button,.cg-mobile-open-tabs>button{background:var(--bg-2)!important;width:100%!important;min-height:46px!important;color:var(--text-0)!important;border:1px solid var(--border)!important;text-align:left!important;border-radius:12px!important;align-items:center!important;gap:12px!important;margin:4px 0!important;padding:10px 12px!important;font-size:14px!important;display:flex!important}.cg-mobile-tools-head button{justify-content:center!important;width:40px!important;min-height:40px!important;margin:0!important}}@media (width<=900px){.cg-chat-panel.cg-mobile-active{padding-bottom:0!important}.cg-chat-panel.cg-mobile-active>div:nth-child(2){padding-bottom:150px!important}.cg-chat-input-form{left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;z-index:10070!important;background:var(--bg-1)!important;border-top:1px solid var(--border)!important;padding:10px 12px!important;position:fixed!important}.cg-chat-input-form textarea{min-height:38px!important;max-height:96px!important}.cg-chat-panel.cg-mobile-active{height:100%!important;max-height:100%!important;padding-bottom:76px!important;overflow:hidden!important}.cg-chat-panel.cg-mobile-active>div:nth-child(2){flex:auto!important;min-height:0!important;padding-bottom:24px!important;overflow-y:auto!important}.cg-chat-panel.cg-mobile-active>div:nth-child(3){flex-shrink:0!important}.cg-chat-panel.cg-mobile-active .cg-chat-input-form{z-index:50!important;background:var(--bg-1)!important;border-top:1px solid var(--border)!important;padding:10px 12px!important;display:flex!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.cg-chat-panel.cg-mobile-active .cg-chat-input-form textarea{min-height:38px!important;max-height:90px!important;color:var(--text-0)!important;display:block!important}.cg-chat-panel.cg-mobile-active{flex-direction:column!important;padding-bottom:0!important;display:flex!important;overflow:hidden!important}.cg-chat-panel.cg-mobile-active>div:first-child{flex-shrink:0!important}.cg-chat-panel.cg-mobile-active>div:nth-child(2){-webkit-overflow-scrolling:touch!important;flex:auto!important;min-height:0!important;padding-bottom:16px!important;overflow-y:auto!important}.cg-chat-panel.cg-mobile-active>div:nth-child(3){display:none!important}.cg-chat-panel.cg-mobile-active .cg-chat-input-form{z-index:5!important;background:var(--bg-1)!important;border-top:1px solid var(--border)!important;flex-shrink:0!important;width:100%!important;padding:10px 12px!important;display:flex!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.cg-chat-panel.cg-mobile-active .cg-chat-input-form textarea{flex:1!important;min-height:38px!important;max-height:90px!important;display:block!important}.cg-chat-panel.cg-mobile-active{-webkit-overflow-scrolling:touch!important;padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;overflow-y:auto!important}.cg-chat-panel.cg-mobile-active>div:nth-child(2){flex:none!important;min-height:auto!important;overflow-y:visible!important}.cg-chat-panel.cg-mobile-active .cg-chat-input-form{left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;z-index:10090!important;display:flex!important;position:fixed!important}}@media (width>=768px) and (width<=1199px){html,body,#root{width:100vw!important;height:100dvh!important;overflow:hidden!important}.cg-workspace-shell{flex-direction:column!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.cg-topbar{flex-wrap:nowrap!important;height:48px!important;min-height:48px!important;padding:0 12px!important;overflow-x:auto!important}.cg-workspace-body{flex-direction:row!important;flex:1!important;width:100vw!important;height:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.cg-left-panel{border-right:1px solid var(--border)!important;border-bottom:none!important;flex-shrink:0!important;width:210px!important;min-width:190px!important;max-width:210px!important;height:auto!important;max-height:none!important;display:flex!important;position:relative!important;inset:auto!important;overflow-y:auto!important}.cg-chat-panel{border-right:1px solid var(--border)!important;border-bottom:none!important;flex-shrink:0!important;width:300px!important;min-width:280px!important;max-width:320px!important;height:auto!important;max-height:none!important;padding-bottom:0!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important}.cg-main-panel{flex:1!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:none!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important}.cg-chat-input-form{z-index:5!important;width:auto!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.cg-mobile-tabbar,.cg-mobile-tools-drawer,.cg-mobile-open-tabs{display:none!important}}@media (width>=1200px){.cg-mobile-tabbar,.cg-mobile-tools-drawer,.cg-mobile-open-tabs{display:none!important}}@media (width>=768px) and (width<=1199px){.cg-workspace-shell{padding-top:max(env(safe-area-inset-top), 14px)!important;height:calc(100dvh - max(env(safe-area-inset-top), 14px))!important;min-height:0!important}.cg-topbar{flex-shrink:0!important}.cg-workspace-body{flex:1!important;height:auto!important;min-height:0!important}}@media (width>=768px) and (width<=1400px) and (pointer:coarse){.cg-workspace-shell{height:calc(100dvh - 34px)!important;min-height:0!important;padding-top:34px!important;position:fixed!important;inset:0!important;overflow:hidden!important}.cg-topbar{flex-shrink:0!important;height:48px!important;min-height:48px!important}.cg-workspace-body{flex:1!important;height:auto!important;min-height:0!important;overflow:hidden!important}}@media (width>=768px){.cg-topbar{border-bottom:1px solid var(--border)!important;background:#111113f5!important;gap:10px!important;height:42px!important;min-height:42px!important;padding:0 10px!important}.cg-topbar>button:first-child{width:24px!important;height:24px!important;font-size:14px!important}.cg-topbar>span:first-of-type{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:210px!important;font-size:13px!important;overflow:hidden!important}.cg-run-btn{border-radius:7px!important;padding:4px 10px!important;font-size:10px!important}.cg-view-tabs{background:var(--bg-2)!important;border-radius:9px!important;margin-left:auto!important;margin-right:auto!important;padding:3px!important}.cg-view-tabs button{border-radius:6px!important;padding:5px 13px!important;font-size:11px!important}.cg-top-terminal-btn{padding:5px 10px!important;font-size:10px!important}}@media (width>=768px) and (width<=1400px) and (pointer:coarse){.cg-workspace-shell{height:calc(100dvh - 34px)!important;padding-top:34px!important}.cg-topbar{height:42px!important;min-height:42px!important}}@media (width>=768px){.cg-workspace-tabs{white-space:nowrap!important;max-width:52vw!important;overflow:auto hidden!important}.cg-workspace-tabs button{flex-shrink:0!important;align-items:center!important;gap:5px!important;display:inline-flex!important}.cg-workspace-tabs button.active{background:var(--bg-4)!important;color:var(--text-0)!important}.cg-new-tab-btn{border-left:1px solid var(--border)!important}}@media (width>=768px) and (width<=1400px) and (pointer:coarse){.cg-mobile-tools-drawer,.cg-mobile-open-tabs{z-index:10090!important;border:1px solid var(--border-light)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#18181cfa!important;border-radius:16px!important;width:min(360px,100vw - 28px)!important;max-height:calc(100dvh - 110px)!important;padding:12px!important;display:block!important;position:fixed!important;inset:82px 14px auto auto!important;overflow-y:auto!important;box-shadow:0 18px 60px #0000008c!important}.cg-mobile-tools-head{color:var(--text-0)!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:4px 4px 12px!important;display:flex!important}.cg-mobile-tools-head button,.cg-mobile-tools-drawer>button,.cg-mobile-open-tabs>button{background:var(--bg-2)!important;width:100%!important;min-height:44px!important;color:var(--text-0)!important;border:1px solid var(--border)!important;text-align:left!important;cursor:pointer!important;border-radius:10px!important;align-items:center!important;gap:10px!important;margin:4px 0!important;padding:10px 12px!important;font-size:13px!important;display:flex!important}.cg-mobile-tools-head button{flex:none!important;justify-content:center!important;width:38px!important;min-height:38px!important;margin:0!important}.cg-mobile-tools-drawer>button:hover,.cg-mobile-open-tabs>button:hover{background:var(--bg-3)!important}.cg-workspace-body{flex-direction:row!important;display:flex!important}.cg-left-panel,.cg-chat-panel,.cg-main-panel{display:none!important}.cg-left-panel.cg-mobile-active{width:260px!important;min-width:240px!important;max-width:280px!important;display:flex!important;position:relative!important}.cg-chat-panel.cg-mobile-active{width:320px!important;min-width:300px!important;max-width:340px!important;display:flex!important;position:relative!important}.cg-main-panel.cg-mobile-active{flex:1!important;width:auto!important;min-width:0!important;display:flex!important;position:relative!important}.cg-terminal-panel.cg-mobile-active{display:flex!important}.cg-left-panel{width:220px!important;min-width:220px!important;max-width:220px!important;height:auto!important;display:flex!important;position:relative!important;overflow-y:auto!important}.cg-chat-panel{width:330px!important;min-width:330px!important;max-width:330px!important;height:auto!important;display:flex!important;position:relative!important;overflow:hidden!important}.cg-main-panel{flex:1!important;min-width:0!important;height:auto!important;display:flex!important;position:relative!important;overflow:hidden!important}.cg-workspace-body{flex-direction:row!important;display:flex!important;overflow:hidden!important}}@media (width<=767px){.cg-topbar{flex-wrap:wrap!important;align-content:center!important;gap:6px!important;height:auto!important;min-height:52px!important;padding:6px 8px!important;overflow-x:hidden!important}.cg-topbar>span:first-of-type{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:calc(100vw - 190px)!important;font-size:12px!important;overflow:hidden!important}.cg-topbar>span:nth-of-type(2),.cg-topbar>span:nth-of-type(3){display:none!important}.cg-topbar .cg-run-btn,.cg-topbar>button:not(:first-child):not(.cg-top-terminal-btn){flex:none!important;padding:5px 8px!important;font-size:10px!important}.cg-topbar>span[style*=ready],.cg-topbar>span[style*=AI\ building]{max-width:92px!important;font-size:10px!important;overflow:hidden!important}.cg-main-panel.cg-mobile-active{width:100%!important;max-width:100%!important;overflow:hidden!important}.cg-main-panel.cg-mobile-active>div{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.cg-main-panel.cg-mobile-active [style*=padding\:24],.cg-main-panel.cg-mobile-active [style*="padding: 24"]{padding:12px!important}.cg-main-panel.cg-mobile-active [style*=maxWidth\:1120],.cg-main-panel.cg-mobile-active [style*=max-width\:1120]{width:100%!important;max-width:100%!important}.cg-main-panel.cg-mobile-active [style*="justifyContent:'space-between'"],.cg-main-panel.cg-mobile-active [style*=justify-content\:space-between]{flex-wrap:wrap!important}.cg-main-panel.cg-mobile-active h2{font-size:24px!important}.cg-main-panel.cg-mobile-active a,.cg-main-panel.cg-mobile-active button{white-space:nowrap!important;max-width:100%!important}.cg-main-panel.cg-mobile-active [style*=gridTemplateColumns],.cg-main-panel.cg-mobile-active [style*=grid-template-columns]{grid-template-columns:1fr!important}.cg-main-panel.cg-mobile-active [style*=repeat\(5],.cg-main-panel.cg-mobile-active [style*=minmax\(90px]{grid-template-columns:1fr 1fr!important}.cg-main-panel.cg-mobile-active [style*=minmax\(280px],.cg-main-panel.cg-mobile-active [style*=minmax\(160px]{grid-template-columns:1fr!important}.cg-main-panel.cg-mobile-active pre,.cg-main-panel.cg-mobile-active code,.cg-main-panel.cg-mobile-active [style*="fontFamily:'var(--font-mono)'"],.cg-main-panel.cg-mobile-active [style*="font-family:var(--font-mono)"]{white-space:pre-wrap!important;word-break:break-word!important;max-width:100%!important;overflow-x:auto!important}.cg-main-panel.cg-mobile-active [style*="window.location.origin"]{word-break:break-all!important}.cg-mobile-tabbar button{min-width:0!important;max-width:none!important;font-size:17px!important}.cg-mobile-tabbar button span{font-size:9px!important}.cg-editor-toolbar{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;height:auto!important;min-height:42px!important;padding:6px 8px!important;overflow:auto hidden!important}.cg-editor-toolbar>span:first-child{text-overflow:ellipsis!important;flex:none!important;min-width:180px!important;max-width:240px!important;overflow:hidden!important}.cg-editor-toolbar>button,.cg-editor-toolbar>span{flex:none!important}}.cg-auth-shell{justify-content:center;align-items:center;min-height:100dvh;display:flex}.cg-auth-card{flex-direction:column;gap:12px;width:min(92vw,380px);display:flex}.cg-auth-card input,.cg-auth-card button{min-height:48px;padding:12px}.cg-auth-error{color:#f66;font-size:13px}.cg-auth-switch{opacity:.75}.cg-shell-topbar{justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.cg-app-os{background:var(--bg-0);min-height:100dvh}.cg-app-os-main{min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.cg-shell-bottom-nav{z-index:5000;height:calc(70px + env(safe-area-inset-bottom));padding:8px 18px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1c1ff5;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.cg-shell-bottom-nav button{min-width:88px;color:var(--text-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.cg-shell-bottom-nav button span{font-size:23px;line-height:1}.cg-shell-bottom-nav button small{font-size:12px}.cg-shell-bottom-nav button.active{color:var(--text-0)}.cg-account-screen{min-height:100dvh;color:var(--text-0);background:#1f1f22;padding:28px 16px 110px}.cg-account-profile{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:18px;padding:6px 4px 28px;display:flex}.cg-account-avatar{color:#d6d6db;background:#303136;border-radius:50%;flex:none;justify-content:center;align-items:center;width:96px;height:96px;font-size:28px;display:flex}.cg-account-name{letter-spacing:-.02em;align-items:center;gap:8px;font-size:26px;font-weight:800;display:flex}.cg-plan-pill{color:#ffb266;background:#7a3b00;border:1px solid #ffa05040;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.cg-account-meta{color:#d2d2d6;margin-top:5px;font-size:14px}.cg-account-bio{color:#d2d2d6;margin-top:12px;font-size:14px}.cg-settings-label{color:#b9b9bf;text-transform:uppercase;letter-spacing:.04em;margin:20px 0 10px;font-size:12px;font-weight:800}.cg-settings-section{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.cg-settings-row{width:100%;min-height:46px;color:var(--text-0);text-align:left;background:#28282b;border:1px solid #ffffff09;border-radius:8px;justify-content:space-between;align-items:center;padding:0 14px;font-size:16px;font-weight:650;display:flex}.cg-settings-row-left{align-items:center;gap:12px;display:flex}.cg-settings-row-left span{color:#d7d7dc;width:16px}.cg-settings-row-right{color:#d7d7dc}.cg-settings-row.danger,.cg-settings-row.danger .cg-settings-row-left span{color:#ff6868}@media (width>=900px){.cg-account-screen{padding-left:24px;padding-right:24px}}.cg-app-os,.cg-app-os-main{height:100dvh;overflow:hidden}.cg-app-os-main{-webkit-overflow-scrolling:touch;overflow-y:auto}.cg-account-screen{min-height:auto;padding-bottom:calc(130px + env(safe-area-inset-bottom))!important}.cg-apps-page{min-height:100dvh;color:var(--text-0);padding:28px 16px calc(110px + env(safe-area-inset-bottom));background:#1f1f22}.cg-apps-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cg-apps-header h1{font-size:28px;font-weight:800}.cg-apps-header button{color:var(--text-0);background:0 0;border:0;font-size:16px}.cg-apps-list{flex-direction:column;gap:14px;display:flex}.cg-app-row{cursor:pointer;background:#242427;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:48px 1fr 150px 34px;align-items:center;gap:14px;min-height:104px;padding:12px 14px;display:grid}.cg-app-icon{color:#8cff9a;background:#101014;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.cg-app-info{flex-direction:column;gap:4px;min-width:0;display:flex}.cg-app-info strong{font-size:16px}.cg-app-info span{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cg-app-info small{color:var(--text-1);font-size:12px}.cg-app-thumb{background:#111;border-radius:5px;width:145px;height:78px;overflow:hidden}.cg-app-thumb img,.cg-app-thumb div{object-fit:cover;width:100%;height:100%}.cg-app-delete{width:32px;height:32px;color:var(--text-0);background:0 0;border-radius:8px;font-size:20px}.cg-create-tips{margin-top:48px}.cg-create-tips h2{font-size:12px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:16px}.cg-create-tips>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cg-create-tips article{background:var(--bg-1);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.cg-create-tips article span{color:var(--text-2);font-size:13px;line-height:1.5}@media (width<=700px){.cg-app-row{grid-template-columns:42px 1fr 34px}.cg-app-thumb{display:none}.cg-create-tips>div{grid-template-columns:1fr}}.cg-build-studio{margin-top:44px}.cg-build-studio-head{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.cg-build-studio-head span{font-size:12px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.cg-build-studio-head strong{color:var(--accent);font-size:13px}.cg-tile-wall{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:132px;gap:12px;display:grid}.cg-studio-tile{text-align:left;color:var(--text-0);cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 20% 18%,#7c6aff47,#0000 34%),linear-gradient(135deg,#26262ef2,#0e0e12f2);border:1px solid #ffffff1c;border-radius:18px;flex-direction:column;justify-content:flex-end;gap:7px;min-height:128px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000002e}.cg-studio-tile:after{content:"";opacity:.65;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 38%,#7c6aff14);position:absolute;inset:0}.cg-studio-tile.wide{grid-column:span 2}.cg-studio-tile:hover{border-color:#7c6aff6b;transform:translateY(-2px)}.cg-studio-tile:active{transform:scale(.985)}.cg-tile-icon{font-size:26px;position:absolute;top:14px;left:16px}.cg-studio-tile strong{z-index:1;font-size:17px;font-weight:850;position:relative}.cg-studio-tile small{z-index:1;color:var(--text-1);font-size:12px;line-height:1.35;position:relative}@media (width<=900px){.cg-tile-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:126px}.cg-studio-tile.wide{grid-column:span 2}}@media (width<=520px){.cg-tile-wall{grid-template-columns:1fr;grid-auto-rows:118px}.cg-studio-tile.wide{grid-column:span 1}.cg-build-studio-head{flex-direction:column;align-items:flex-start;gap:6px}}.cg-tile-modal-backdrop{z-index:9000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000a8;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.cg-tile-modal{width:min(92vw,540px);max-height:min(78vh,640px);color:var(--text-0);background:radial-gradient(circle at 18% 0,#7c6aff5c,#0000 35%),radial-gradient(circle at 100% 18%,#4a90ff38,#0000 32%),linear-gradient(145deg,#25252cfa,#0d0d11fa);border:1px solid #ffffff24;border-radius:26px;padding:30px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #0000008c}.cg-tile-modal-close{width:38px;height:38px;color:var(--text-0);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;font-size:22px;position:absolute;top:14px;right:14px}.cg-tile-modal-icon{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;font-size:30px;display:flex}.cg-tile-modal-kicker{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-size:11px}.cg-tile-modal h2{letter-spacing:-.03em;margin:0 42px 12px 0;font-size:34px;line-height:1.05}.cg-tile-modal p{color:var(--text-1);margin-bottom:20px;font-size:16px;line-height:1.55}.cg-tile-modal-examples{flex-wrap:wrap;gap:9px;margin-bottom:24px;display:flex}.cg-tile-modal-examples span{color:var(--text-1);background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;padding:8px 11px;font-size:12px}.cg-tile-modal-actions{gap:12px;display:flex}.cg-tile-modal-actions button{border-radius:14px;min-height:46px;padding:0 16px;font-weight:800}.cg-tile-modal-actions button:first-child{background:var(--accent);color:#fff}.cg-tile-modal-actions button:last-child{color:var(--text-0);background:#ffffff14;border:1px solid #ffffff1a}@media (width<=520px){.cg-tile-modal-backdrop{align-items:flex-end;padding:12px}.cg-tile-modal{border-radius:24px 24px 18px 18px;width:100%;max-height:82vh;padding:24px}.cg-tile-modal h2{font-size:28px}.cg-tile-modal-actions{flex-direction:column}}