@font-face{font-family:StudioSystem;src:local('Segoe UI')}*{box-sizing:border-box}.g-studio,.gl-body{--g-bg:#101019;--g-panel:#171722;--g-line:#2c2c40;--g-accent:#b6a0ff;--g-muted:#9695b1;color:#efedf8;font-family:StudioSystem,Arial,sans-serif}.g-studio button,.g-studio input,.g-studio select,.g-studio textarea{font-family:inherit}.g-studio button,.gl-body a{transition:background .15s,border-color .15s,transform .15s}.g-studio button{cursor:pointer}.g-studio button:disabled{opacity:.4;cursor:default}.g-studio button:focus-visible,.g-studio a:focus-visible,.g-studio input:focus-visible,.g-studio select:focus-visible,.g-studio textarea:focus-visible,.gl-body a:focus-visible{outline:2px solid #72e3da;outline-offset:3px}.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid var(--g-line);border-radius:8px;background:#20202e;color:#e9e6f8;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}.g-btn:hover{background:#2c2b40;border-color:#685b8e}.g-primary{background:#b49afb;color:#171027;border-color:#b49afb;font-weight:800}.g-primary:hover{background:#c8b5ff}.g-danger{color:#ffa4ab}.g-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.g-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#bca8fc}.g-muted{color:var(--g-muted);font-size:12px;line-height:1.6}.g-studio-shell .client-shell{grid-template-columns:76px minmax(0,1fr)}.g-studio-shell .client-sidebar{padding:20px 8px}.g-studio-shell .client-brand{justify-content:center}.g-studio-shell .client-brand>div,.g-studio-shell .client-nav-label,.g-studio-shell .client-bottom{display:none}.g-studio-shell .client-link{font-size:0;justify-content:center;padding:12px 8px}.g-studio-shell .client-link>span{font-size:22px;text-align:center}.g-studio-shell .client-sidebar nav{margin-top:25px}.g-studio-shell .client-main{padding:0;max-width:none}.g-studio-shell .client-top{height:48px;min-height:48px;padding:0 24px}.g-studio{background:var(--g-bg);min-height:calc(100vh - 48px)}.g-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 23px;border-bottom:1px solid var(--g-line)}.g-project-title{display:flex;gap:11px;align-items:center}.g-project-icon{width:38px;height:38px;display:grid;place-items:center;background:#a78bfa20;color:#c9b4ff;border:1px solid #a78bfa38;border-radius:10px;font-size:23px}.g-project-title input{display:block;background:transparent;border:0;padding:0;color:white;font-size:16px;font-weight:750;width:220px;min-height:24px}.g-project-title small{font-size:10px;color:#9993af}.g-workspace{display:grid;grid-template-columns:248px minmax(320px,1fr) 268px;min-height:calc(100vh - 126px)}.g-library,.g-properties{background:var(--g-panel);padding:17px 15px;border-right:1px solid var(--g-line);overflow-y:auto;max-height:calc(100vh - 126px)}.g-properties{border-right:0;border-left:1px solid var(--g-line)}.g-side-tabs{display:flex;gap:3px;border-bottom:1px solid var(--g-line);padding-bottom:12px;margin-bottom:16px;flex-wrap:wrap}.g-tab{border:0;border-radius:6px;background:transparent;color:#9997b0;font-size:11px;padding:7px 8px}.g-tab.active{color:#d9ceff;background:#a78bfa20}.g-panel-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.6px;margin:18px 0 12px;font-weight:700;color:#c1bad5}.g-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.g-tool{border:1px solid var(--g-line);border-radius:8px;background:#20202d;color:#cbc5df;min-height:63px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;font-size:10px}.g-tool>span{font-size:22px;color:#cbb6ff}.g-tool:hover{border-color:#ab8cf7;background:#2e273f}.g-layer{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:7px;background:#20202d;margin-bottom:6px;padding:7px;min-height:40px}.g-layer.selected{border-color:#9b7ce0;background:#a78bfa18}.g-layer button{border:0;color:#b9b2ce;background:transparent;padding:4px;min-width:22px}.g-layer .g-layer-name{flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px}.g-layer small{font-size:9px;color:#817995}.g-stack-actions{display:flex;gap:4px;margin:9px 0}.g-stack-actions .g-btn{font-size:10px;padding:5px 8px;min-height:29px}.g-template{width:100%;text-align:left;display:flex;gap:12px;align-items:center;background:#20202c;color:white;border:1px solid var(--g-line);padding:12px;border-radius:9px;margin-bottom:8px}.g-template>span{font-size:25px;color:#c4aeff}.g-template strong{display:block;font-size:12px;margin-bottom:4px}.g-template small{display:block;font-size:10px;color:#9690ac}.g-center{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#29223744,transparent 65%)}.g-canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;gap:8px;min-height:52px}.g-canvas-toolbar .g-btn{min-height:29px;padding:4px 9px;font-size:10px}.g-canvas-toolbar select{background:#181723;color:#c7bfdd;border:1px solid var(--g-line);padding:6px;font-size:11px;border-radius:6px}.g-canvas-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:350px;padding:36px 28px;overflow:auto;position:relative}.g-canvas{display:block;max-width:100%;height:auto;max-height:58vh;object-fit:contain;box-shadow:0 20px 90px #0007;background-image:linear-gradient(45deg,#22212f 25%,transparent 25%),linear-gradient(-45deg,#22212f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#22212f 75%),linear-gradient(-45deg,transparent 75%,#22212f 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;touch-action:none}.g-status{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;font-size:10px;color:#867f99;border-top:1px solid var(--g-line)}.g-timeline{padding:15px 20px;border-top:1px solid var(--g-line);background:#14131e;display:flex;align-items:center;gap:12px}.g-timeline input[type=range]{flex:1;accent-color:#b49afb;min-width:50px}.g-timeline label{display:flex;align-items:center;gap:6px;font-size:10px;color:#a9a1bd}.g-timeline input[type=number]{width:48px;padding:5px;border:1px solid var(--g-line);background:#222030;color:#fff;border-radius:5px}.g-field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:10px;color:#a59bb9}.g-field input,.g-field select,.g-field textarea,.g-modal input,.g-modal select,.g-modal textarea{width:100%;min-width:0;border:1px solid #363247;background:#11111b;color:#eee9f6;padding:8px 9px;border-radius:6px;font-size:12px;min-height:34px}.g-field textarea{resize:vertical}.g-field input[type=color]{height:35px;padding:4px;cursor:pointer}.g-field input[type=checkbox]{width:18px;min-height:18px;accent-color:#b49afb}.g-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.g-properties h2{font-size:13px;margin:0 0 15px}.g-divider{height:1px;background:var(--g-line);margin:20px 0}.g-chip{display:inline-flex;align-items:center;border:1px solid #514567;border-radius:20px;font-size:9px;color:#c5b3e6;padding:4px 7px}.g-theme-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.g-theme-row button{padding:8px;border:1px solid var(--g-line);background:#242132;border-radius:6px;color:#d7c7f4;font-size:10px}.g-resource{padding:10px;border:1px solid var(--g-line);border-radius:8px;margin-bottom:9px;background:#20202b}.g-resource-head{display:flex;align-items:center;gap:10px}.g-resource img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.g-resource b{font-size:11px;display:block}.g-resource small{font-size:9px;color:#928aab}.g-resource .g-actions{margin-top:8px}.g-resource .g-btn{font-size:9px;min-height:25px;padding:4px 7px}.g-empty{border:1px dashed #3c344c;border-radius:10px;padding:22px 12px;text-align:center;font-size:11px;line-height:1.8;color:#9187a5}.g-swatch-row{display:flex;gap:5px;flex-wrap:wrap}.g-swatch{width:23px;height:23px;border-radius:4px;border:1px solid #fff4}.g-pixel-tools{display:flex;gap:6px;flex-wrap:wrap}.g-modal{color:#e9e3f3;background:#191722;border:1px solid #494054;border-radius:14px;padding:25px;width:min(760px,92vw);max-height:85vh;overflow:auto;box-shadow:0 25px 100px #0009;font-family:Arial,sans-serif}.g-modal::backdrop{background:#080610c9;backdrop-filter:blur(5px)}.g-modal h2{font-size:21px;margin-top:0}.g-modal p{color:#afa3bc;font-size:13px;line-height:1.7}.g-modal .g-actions{margin-top:18px}.g-modal pre{white-space:pre-wrap;word-break:break-word;background:#100e18;padding:14px;font-size:11px;max-height:280px;overflow:auto;border-radius:8px;color:#d1c1e8}.g-modal label{font-size:12px;color:#bcb0ca;display:block;margin-top:15px}.g-modal table{width:100%;font-size:11px;border-collapse:collapse}.g-modal td,.g-modal th{padding:8px;text-align:left;border-bottom:1px solid #393044;word-break:break-word}.g-modal img{max-width:100%;max-height:250px;object-fit:contain}.g-comment{border-bottom:1px solid var(--g-line);padding:12px 0;font-size:12px;line-height:1.6}.g-comment small{display:block;color:#82788f}.g-note{padding:12px;border:1px solid #b49afb38;border-radius:8px;background:#a78bfa0c;font-size:11px;color:#ada0c3;line-height:1.7;margin:12px 0}.g-shortcuts{font-size:10px;line-height:1.8;color:#82788f}.g-progress{height:4px;background:#30293e;border-radius:9px;overflow:hidden}.g-progress>span{display:block;width:72%;height:100%;background:#a78bfa}.g-binding{font-size:10px;padding:9px;border:1px solid #384a43;border-radius:7px;margin:8px 0;color:#a7d6c1;overflow-wrap:anywhere}.g-toolbar-label{font-size:10px;color:#8d839f}.g-saved-project{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px}.g-cube{padding:10px;border:1px solid var(--g-line);border-radius:8px;margin-bottom:9px}.g-cube .g-field{margin-bottom:6px}.g-cube-coords{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.g-cube-coords input{width:100%;min-width:0;background:#11111b;color:#ddd;border:1px solid var(--g-line);padding:5px;font-size:10px;border-radius:4px}
.gl-body{margin:0;background:#101019}.gl-body a{color:inherit;text-decoration:none}.gl-nav{max-width:1360px;margin:auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0d}.gl-brand{display:flex;gap:10px;align-items:center;font-size:20px;color:#c5acff!important}.gl-brand b{color:#f3effc}.gl-brand>span{font-size:8px;letter-spacing:2px;color:#9c8fb0;margin-left:8px}.gl-nav nav{display:flex;gap:25px;font-size:12px;color:#a69bb7}.gl-main{max-width:1280px;margin:auto;padding:0 40px}.gl-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:85px 0 75px;align-items:center}.gl-hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.08;letter-spacing:-2.7px;margin:23px 0}.gl-hero p{color:#aca1bc;font-size:16px;line-height:1.9;max-width:540px}.gl-hero .g-actions{margin:28px 0 16px}.gl-hero .g-btn{padding:13px 19px;font-size:13px}.gl-hero small{font-size:10px;color:#8b7f9b}.gl-art{position:relative;min-height:370px;border:1px solid #79629c44;border-radius:23px;overflow:hidden;background:radial-gradient(ellipse at 40% 25%,#9c6dfb66,transparent 60%),linear-gradient(135deg,#251c36,#111320);box-shadow:0 25px 100px #7654cc16;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-3deg)}.gl-art:before,.gl-art:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #c4a2ff15;transform:rotate(45deg);border-radius:35px}.gl-art:after{width:370px;height:370px}.gl-art-tag{position:absolute;top:26px;left:26px;font-size:8px;letter-spacing:3px;color:#c1a9df}.gl-diamond{font-size:112px;line-height:1;color:#a992ff;text-shadow:0 0 50px #aa8bff7a;z-index:1}.gl-art strong{font-size:83px;font-weight:950;letter-spacing:-5px;line-height:1.15;text-shadow:4px 5px #7353a6,8px 10px #372243;z-index:1}.gl-art>span{font-size:9px;letter-spacing:3px;color:#a6ebdd;z-index:1;margin-top:10px}.gl-art-meta{position:absolute;bottom:22px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#8f7ba2}.gl-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:35px 0 55px;border-top:1px solid #ffffff12}.gl-benefits b{color:#8463b8;font-size:11px}.gl-benefits h2{font-size:17px}.gl-benefits p{font-size:12px;color:#9f93b1;line-height:1.9}.gl-section-head{display:flex;justify-content:space-between;align-items:end;margin:45px 0 28px}.gl-section-head h2{font-size:32px;letter-spacing:-1px;margin:12px 0}.gl-section-head p{color:#8f849f;font-size:12px;max-width:220px;line-height:1.8}.gl-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gl-tool{border:1px solid #333044;border-radius:13px;overflow:hidden;background:#181620}.gl-tool:hover{border-color:#786097;transform:translateY(-3px)}.gl-tool-preview{height:170px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#8f63ce40,transparent),#211a2d;overflow:hidden}.gl-tool-preview>span{font-size:70px;font-weight:950;color:#bea2fa;text-shadow:2px 4px #63478e,0 0 30px #bd8dff44}.gl-preview-1{background:radial-gradient(ellipse at center,#2eaa9138,transparent),#142b26}.gl-preview-1>span{color:#72e1ba;text-shadow:2px 4px #30655b}.gl-preview-2{background:radial-gradient(ellipse at center,#e4a26833,transparent),#30221f}.gl-preview-2>span{color:#f8ba83;text-shadow:2px 4px #765644}.gl-preview-3{background:radial-gradient(ellipse at center,#65b3dd33,transparent),#1c2331}.gl-preview-3>span{color:#88d4f1;text-shadow:2px 4px #395676}.gl-tool-preview small{position:absolute;bottom:12px;right:15px;color:#aaa0b8;font-size:9px}.gl-tool>div{padding:19px}.gl-tool h3{font-size:15px;margin:0 0 9px}.gl-tool p{color:#9b8fa9;font-size:11px;line-height:1.8;min-height:38px}.gl-open{font-size:11px;color:#c0a6f1!important;display:block;margin-top:18px}.gl-workflow{border:1px solid #74568b55;border-radius:16px;padding:40px;margin:65px 0;background:linear-gradient(110deg,#282034,#171722)}.gl-workflow h2{font-size:31px;letter-spacing:-1px}.gl-workflow p{color:#a89ab6;font-size:13px;line-height:1.9;max-width:850px}.gl-workflow .g-btn{margin-top:15px}.gl-footer{max-width:1200px;margin:auto;border-top:1px solid #ffffff12;padding:30px 0;display:flex;justify-content:space-between;font-size:11px;color:#8a7e9a}
@media(min-width:1650px){.g-workspace{grid-template-columns:270px minmax(400px,1fr) 300px}.g-canvas-wrap{padding:50px}.g-canvas{max-height:64vh}}@media(max-width:1150px){.g-workspace{grid-template-columns:205px minmax(240px,1fr) 230px}.g-library,.g-properties{padding:12px 10px}.g-topbar{flex-wrap:wrap;padding:12px}.g-topbar .g-actions{gap:5px}.g-topbar .g-btn{font-size:10px;padding:6px 8px}.g-studio-shell .client-shell{grid-template-columns:60px minmax(0,1fr)}.g-canvas-wrap{padding:20px 12px}.gl-hero{gap:30px}.gl-nav{padding:24px}.gl-brand>span{display:none}}@media(max-width:850px){.g-workspace{grid-template-columns:175px minmax(0,1fr)}.g-properties{grid-column:1/-1;max-height:none;border-top:1px solid var(--g-line);display:block}.g-properties>div{max-width:800px}.g-property-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.g-library{max-height:650px}.g-timeline{flex-wrap:wrap}.g-canvas-wrap{min-height:320px}.g-canvas{max-height:400px}.g-status{flex-wrap:wrap}.g-topbar .g-project-title{width:100%}.gl-hero{grid-template-columns:1fr;padding:45px 0}.gl-art{min-height:320px;max-width:550px}.gl-tools{grid-template-columns:1fr 1fr}.gl-main{padding:0 25px}.gl-nav nav{gap:14px}.gl-nav nav a:nth-child(2){display:none}.gl-section-head{display:block}.gl-section-head p{max-width:none}.gl-footer{padding:25px}}@media(max-width:540px){.g-studio-shell .client-shell{grid-template-columns:1fr}.g-studio-shell .client-sidebar{display:none}.g-studio-shell .client-top{padding:0 12px}.g-workspace{grid-template-columns:130px minmax(0,1fr)}.g-tool-grid{grid-template-columns:1fr 1fr}.g-side-tabs{gap:0}.g-tab{font-size:9px;padding:6px}.g-layer{padding:4px;gap:2px}.g-layer small{display:none}.g-stack-actions{flex-wrap:wrap}.g-template{padding:8px;gap:5px}.g-template>span{font-size:16px}.g-template strong{font-size:10px}.g-template small{font-size:8px}.g-canvas-toolbar{padding:9px 6px;flex-wrap:wrap}.g-canvas-wrap{padding:20px 7px;min-height:260px}.g-status{font-size:8px;padding:8px}.g-property-fields{grid-template-columns:1fr}.g-timeline{padding:10px;font-size:10px}.gl-brand{font-size:16px}.gl-nav nav{font-size:10px}.gl-main{padding:0 20px}.gl-hero h1{font-size:45px}.gl-benefits{grid-template-columns:1fr;gap:12px}.gl-tools{grid-template-columns:1fr}.gl-art strong{font-size:70px}.gl-workflow{padding:25px}.gl-workflow h2{font-size:26px}.gl-footer{gap:16px;flex-wrap:wrap}}

.g-canvas-wrap.g-zoomed{align-items:flex-start;justify-content:flex-start}


.g-center{height:max(500px,calc(100vh - 136px))}.g-canvas-wrap{min-height:200px}


.g-canvas.g-scene{background:radial-gradient(ellipse at 50% 30%,#292337,#12121d)}


.g-library{overflow-x:hidden}.g-tool{min-width:0}.g-field-pair>.g-btn{align-self:end;height:35px;margin-bottom:13px}.g-model-tree{margin-bottom:18px}
