@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:#e9ebf7;background:#080b13;font-synthesis:none;--bg:#090b12;--surface:#111521;--surface2:#151a29;--border:#252a3a;--muted:#8990a6;--accent:#897aff;--acc2:#6366f1;--white:#f6f7ff}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}body{margin:0;min-width:320px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a49bff;outline-offset:2px}h1,h2,h3,p{margin:0}.app-shell{display:flex;min-height:100vh;background:radial-gradient(ellipse at 62% -19%,#25204651 0,transparent 34%),#090c15}.sidebar{width:238px;min-width:238px;display:flex;flex-direction:column;border-right:1px solid #222636;background:#0d111c;padding:27px 14px 19px;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 29px;color:inherit;text-decoration:none}.brand-mark{width:36px;height:36px;display:block}.brand-mark svg{width:100%;height:100%}.brand-type strong{font-family:Manrope,system-ui;font-weight:800;letter-spacing:-1.4px;font-size:21px;line-height:1;display:block}.brand-type strong span{color:#9a8dff}.brand-type small{display:block;font-size:8px;letter-spacing:1.2px;color:#747b91;margin-top:6px;font-weight:800}.workspace-ident{border:1px solid #2a3040;border-radius:12px;background:#171c2a;display:flex;align-items:center;gap:11px;padding:12px 10px;margin-bottom:33px}.workspace-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#9e8aff,#5543c2);display:grid;place-items:center;font-weight:900;font-size:18px}.workspace-ident strong,.workspace-ident small{display:block;line-height:1.5}.workspace-ident strong{font-size:11px}.workspace-ident small{font-size:10px;color:#8991aa}.tiny-chevron{margin-left:auto;color:#8d93a7}.side-label{padding:0 14px;margin-bottom:13px;font-size:9px;color:#6f798f;letter-spacing:1.5px;font-weight:800}.second-label{margin-top:30px}.side-nav{display:grid;gap:5px}.nav-link{background:transparent;color:#9098ad;border:1px solid transparent;border-radius:9px;display:flex;align-items:center;gap:11px;padding:11px 12px;text-align:left;font-size:12px;font-weight:600;width:100%}.nav-link:hover{background:#181e2d;color:#f0edff}.nav-link.active{background:#292443;color:#dfd6ff;border-color:#3e365e}.nav-icon{font-size:19px;min-width:21px;text-align:center}.nav-badge{font-size:8px;letter-spacing:.6px;margin-left:auto;padding:3px 5px;border-radius:4px;background:#4a3d80;color:#c6baff;font-weight:900}.quick-emoji{font-size:18px;min-width:21px;text-align:center;color:#9d98b7}.sidebar-bottom{margin-top:auto;padding-top:20px}.small-status{font-size:10px;color:#aab3c5;display:flex;align-items:center;gap:8px;padding:12px}.pulse-dot,.save-dot,.footer-dot{background:#40c89e;display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #40c89e20}.hint-card{border:1px solid #3a3460;border-radius:13px;background:linear-gradient(145deg,#2a2449,#17192c 70%);padding:16px 14px;margin-bottom:20px}.hint-icon{color:#b2a1ff;font-size:22px;margin-bottom:8px}.hint-card strong{display:block;font-size:12px}.hint-card p{font-size:10px;color:#a4a0bb;line-height:1.7;margin:7px 0 13px}.hint-card span{color:#b8adff;font-size:10px;font-weight:700}.side-version{font-size:10px;color:#5e687b;padding-left:12px}.side-version span{padding:0 5px}.main-area{min-width:0;flex:1}.topbar{height:81px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222838;padding:0 31px;background:#0e121d90}.breadcrumb{font-size:12px;color:#8a90a4}.breadcrumb span{margin:0 9px;color:#575f74}.breadcrumb strong{color:#e7eafa}.header-subtitle{font-size:10px;color:#687189;margin-top:7px}.header-right{display:flex;align-items:center;gap:10px}.save-indicator{color:#a4acbe;font-size:10px;display:flex;gap:7px;align-items:center}.save-dot{width:6px;height:6px}.header-divider{width:1px;height:27px;background:#2b3040;margin:0 7px}.icon-btn{border:1px solid #2a3041;border-radius:8px;background:#191e2d;color:#b3b8cc;width:32px;height:32px;font-size:20px;line-height:1}.primary{background:linear-gradient(105deg,#8d7bff,#655ced);border:1px solid #9c89ff;color:white;border-radius:9px;font-weight:800;box-shadow:0 5px 24px #6654dd27}.primary:hover{filter:brightness(1.13)}.primary:active{transform:translateY(1px)}.top-export{padding:11px 15px;font-size:11px;display:flex;align-items:center;gap:9px}.shortcut{border:1px solid #b9aaff75;border-radius:4px;font-size:9px;padding:2px 4px;color:#ded8ff}.page-section{display:none;padding:27px 28px 22px;max-width:1800px;margin:auto}.page-section.active{display:block}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 23px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#9c8efa;display:flex;align-items:center;gap:9px;margin-bottom:12px}.eyebrow-square{display:inline-block;width:8px;height:8px;background:#9584fe;border-radius:2px;transform:rotate(45deg)}.eyebrow-line{width:16px;height:1px;background:#484160}.page-intro h1{font-family:Manrope,system-ui;font-size:clamp(24px,2.15vw,34px);font-weight:800;letter-spacing:-1.35px;line-height:1.25}.page-intro h1 span{background:linear-gradient(95deg,#ad9fff,#7d77ff);color:transparent;background-clip:text}.page-intro p{color:#858ba2;margin-top:8px;font-size:12px}.pill-muted{font-size:10px;border:1px solid #303147;color:#bbb3df;background:#211e33;padding:9px 13px;border-radius:100px;white-space:nowrap}.mini-sparkle{color:#a797ff;margin-right:5px}.studio-grid{display:grid;grid-template-columns:minmax(240px,290px) minmax(355px,1fr) minmax(210px,245px);gap:14px;align-items:stretch}.panel-card{border:1px solid #282d3d;background:linear-gradient(180deg,#141827,#111522);border-radius:15px;min-width:0;box-shadow:0 9px 35px #02030815}.control-column,.inspector-column{padding:18px 16px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.section-number{height:31px;width:31px;min-width:31px;display:grid;place-items:center;border-radius:9px;border:1px solid #46416d;background:#2a2544;color:#b4a6ff;font-weight:800;font-size:10px}.section-heading h2{font-family:Manrope,system-ui;font-weight:800;letter-spacing:-.3px;font-size:14px}.section-heading p{color:#838ba2;margin-top:3px;font-size:10px}.field-label{display:block;font-weight:800;letter-spacing:1.1px;color:#a2aac1;font-size:9px;margin-bottom:10px}.prompt-wrap{border:1px solid #34354c;background:#0c101b;border-radius:10px;overflow:hidden;transition:border-color .2s}.prompt-wrap:focus-within{border-color:#8b7cff}.prompt-wrap textarea{background:transparent;color:#e2e4ef;padding:14px 12px 11px;resize:vertical;width:100%;border:0;outline:0;min-height:119px;font-size:11px;line-height:1.75}.prompt-wrap textarea::placeholder{color:#6c7489}.prompt-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:9px 11px;border-top:1px solid #262a3a;color:#777f98;font-size:9px}.prompt-foot span:first-child{color:#b39ff9}.row-label{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px;font-size:9px;font-weight:900;letter-spacing:.9px;color:#b5bbce}.row-label span:last-child{color:#7c839a;font-weight:500;letter-spacing:0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-card{background:#141927;border:1px solid #303546;border-radius:10px;color:#a9afc4;display:grid;justify-items:center;padding:10px 3px 9px;gap:8px;font-size:10px;font-weight:700}.template-card:hover{background:#23263b}.template-card.selected{background:#292541;border-color:#8270e9;color:#e9e3ff;box-shadow:inset 0 0 0 1px #8270e934}.template-visual{display:block;width:48px;height:36px;border:1px solid #4b5367;background:#242a3c;border-radius:5px;position:relative;overflow:hidden}.template-visual:before{content:'';position:absolute;height:4px;left:6px;right:6px;top:6px;border-radius:5px;background:#8379c8}.template-visual i{position:absolute;top:15px;left:6px;width:13px;height:14px;border-radius:2px;background:#4d6eb6}.template-visual b{position:absolute;width:9px;height:12px;top:15px;background:#7467b4;left:22px;border-radius:2px}.template-visual b:nth-of-type(2){left:34px;width:8px}.template-visual b:nth-of-type(3){left:6px;top:31px;width:35px;height:2px}.template-hud:before{left:4px;right:23px;background:#c9a867}.template-hud i{left:27px;top:5px;width:16px;height:6px;background:#55b8a2}.template-hud b{top:25px;left:5px;width:27px;height:5px;background:#57b89e}.template-hud b:nth-of-type(2){left:35px;top:24px;height:6px;width:6px}.template-settings i{height:4px;width:33px;left:6px}.template-settings b{left:6px;top:23px;width:33px;height:4px}.template-settings b:nth-of-type(2){width:10px;left:31px}.template-leaderboard i{width:35px;height:4px;background:#9aa6db}.template-leaderboard b{width:35px;height:4px;left:6px;top:22px}.template-leaderboard b:nth-of-type(2){left:6px;top:29px;width:35px;height:4px}.template-rewards i{width:10px}.template-rewards b{width:10px;left:20px}.template-rewards b:nth-of-type(2){width:10px;left:33px}.palette-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:25px}.palette-dot{height:28px;flex:1;max-width:34px;border-radius:8px;border:2px solid #262c3b;background:linear-gradient(135deg,var(--pal) 0 49%,var(--p2) 49% 100%);position:relative}.palette-dot.selected{border:2px solid #e2dbff;box-shadow:0 0 0 2px #6f5ddd}.palette-dot.selected:after{content:'✓';position:absolute;top:3px;left:8px;font-size:11px;font-weight:900;text-shadow:0 1px 3px #000}.generate-btn{width:100%;padding:14px 13px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.generate-btn span:last-child{margin-left:auto}.spark-icon{font-size:17px}.generator-note{color:#828ba3;font-size:10px;line-height:1.65;margin-top:13px;display:flex;gap:7px}.generator-note span{color:#aca2f7}.preview-column{display:flex;flex-direction:column;overflow:hidden}.preview-head{padding:18px 18px 0;display:flex;align-items:start;justify-content:space-between;gap:5px}.condensed{margin-bottom:17px}.preview-tag{font-size:8px;letter-spacing:1px;border:1px solid #2c554b;color:#70d9aa;background:#132c2a;padding:6px 8px;border-radius:6px;white-space:nowrap;font-weight:900}.canvas-toolbar{padding:11px 14px;border-block:1px solid #292f40;display:flex;justify-content:space-between;align-items:center;background:#121724}.device-switch{display:flex;border:1px solid #323849;border-radius:8px;background:#0c111d;overflow:hidden}.device-switch button{color:#8c94ad;border:0;background:transparent;padding:7px 10px;font-size:10px;font-weight:700}.device-switch button.selected{background:#33304e;color:#e1d9ff}.toolbar-right{display:flex;align-items:center;gap:10px;color:#929aaf;font-size:10px}.grid-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}.grid-toggle input{accent-color:#8874ec;width:12px;height:12px}.scale-text{border-left:1px solid #363c50;padding-left:10px;min-width:38px}.toolbar-icon{background:transparent;border:0;color:#adb3c7;font-size:19px}.canvas-area{height:448px;background:#0a1020;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;border-bottom:1px solid #292f40}.canvas-area:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#56617d36 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.canvas-board{width:960px;height:540px;flex-shrink:0;position:relative;overflow:hidden;background:#9acbfc;box-shadow:0 15px 45px #0007;border:1px solid #a1a9db50;transform-origin:center center}.game-backdrop{position:absolute;inset:0;background:linear-gradient(#8bc2ff 0%,#c1e1ff 64%,#9ec879 64%);overflow:hidden}.game-sun{position:absolute;top:54px;right:118px;background:#ffe1a1;border-radius:50%;width:95px;height:95px;box-shadow:0 0 55px #fff0b46e}.cloud{position:absolute;top:70px;left:130px;border-radius:30px;background:#ffffffd1;width:153px;height:40px;filter:blur(2px);box-shadow:32px -15px 0 5px #fff9,95px 1px 0 -5px #fff9}.cloud-two{top:105px;left:620px;transform:scale(.65)}.game-hill{position:absolute;width:750px;height:360px;background:#77bca1;bottom:-210px;left:-165px;border-radius:50%;box-shadow:0 -10px 50px #b8e9c644}.hill-two{left:400px;bottom:-230px;background:#65a6a0}.game-ground{position:absolute;bottom:0;left:0;right:0;height:105px;background:repeating-linear-gradient(90deg,#91bc78 0 79px,#8db775 80px 81px)}.tree{position:absolute;color:#367c6d;font-size:110px;bottom:59px;left:69px;text-shadow:1px 6px #376b4e}.tree-two{left:790px;bottom:35px;font-size:140px}.game-block{position:absolute;bottom:60px;width:75px;height:58px;background:#d4a77b;border:10px solid #bb926f;left:220px;transform:skewY(-5deg)}.block-two{left:711px;width:55px;height:40px;background:#bd87a5;border-color:#9b7196}.editor-canvas{position:absolute;inset:0;z-index:2;user-select:none}.ui-element{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-wrap;overflow:hidden;cursor:grab;touch-action:none;transition:box-shadow .1s;line-height:1.13}.ui-element:active{cursor:grabbing}.ui-element.selected{outline:2px solid #ffd56c!important;outline-offset:2px;box-shadow:0 0 0 5px #ffd56c36!important}.ui-element.shape{pointer-events:auto}.ui-element.icon{line-height:1}.canvas-grid{pointer-events:none;position:absolute;inset:0;z-index:10;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:30px 30px}.canvas-grid.hidden{display:none}.canvas-footer{display:flex;justify-content:space-between;padding:13px 17px;font-size:10px;color:#969cb1}.footer-dot{width:6px;height:6px;margin-right:6px}.preview-callout{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-top:1px solid #292e40;background:#171b2c;color:#929ab1;font-size:10px;line-height:1.6;margin-top:auto}.preview-callout>span{font-size:15px}.preview-callout strong{color:#d1d3e2}.inspector-heading{margin-bottom:17px}.inspector-selected{border:1px solid #3d3b59;border-radius:10px;background:#211e32;padding:11px 10px;display:flex;align-items:center;gap:11px;margin-bottom:19px}.inspector-selected-icon{width:32px;height:32px;border-radius:7px;background:#423a6d;display:grid;place-items:center;color:#c5b5ff;font-size:20px}.inspector-selected strong,.inspector-selected span{display:block}.inspector-selected strong{font-size:11px}.inspector-selected div>span{font-size:9px;color:#9490ae;margin-top:5px}.inspector-body{min-height:185px}.empty-inspector{text-align:center;color:#8f85c3;font-size:21px;padding:25px 10px}.empty-inspector p{font-size:10px;color:#777f98;line-height:1.6;padding:8px 9px}.property-label{font-size:9px;color:#949bb0;letter-spacing:.7px;font-weight:800;display:block;margin-bottom:6px}.property-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.property-field{min-width:0}.property-input{background:#0d111e;border:1px solid #303548;border-radius:7px;color:#e9ecf9;padding:9px 8px;outline:0;width:100%;font-size:11px;min-width:0}.property-input:focus{border-color:#9585ff}.property-color{height:33px;padding:3px 5px;cursor:pointer}.inspector-actions{display:flex;gap:6px;margin-top:9px}.inspector-actions button{background:#24293b;border:1px solid #33394b;color:#c0c5d8;border-radius:7px;padding:8px 7px;font-size:10px;flex:1}.inspector-actions .danger{color:#ff9bab}.layers-head{margin-top:19px;padding:15px 0 11px;border-top:1px solid #2b3041;color:#b2bad0;display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:1px}.layers-head small{color:#8289a0;font-weight:600;margin-left:5px}.layers-head button{border:0;color:#a4aabd;background:none}.layers-list{max-height:160px;overflow-y:auto;display:grid;gap:3px;scrollbar-width:thin;scrollbar-color:#3b4261 transparent}.layer-item{width:100%;border:1px solid transparent;background:transparent;color:#9099ad;text-align:left;border-radius:7px;display:flex;gap:8px;align-items:center;padding:7px;font-size:10px}.layer-item:hover{background:#21283a}.layer-item.selected{color:#d9d4ff;background:#292640;border-color:#443c65}.layer-glyph{width:18px;text-align:center;color:#9e90f3}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-element{border-top:1px solid #2c3040;margin-top:17px;padding-top:16px}.add-element>span{font-size:9px;font-weight:900;letter-spacing:1px;color:#b0b7c9}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.add-grid button{border:1px solid #31364a;border-radius:8px;background:#1e2333;color:#bdc3d7;padding:8px 5px;font-weight:900;text-align:left;font-size:13px}.add-grid button:hover{background:#2a2a47;border-color:#7770a8}.add-grid button span{font-weight:600;font-size:10px;margin-left:4px}.below-workspace{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#666e86;font-size:10px;margin-top:18px}.below-workspace>div{display:flex;align-items:center;gap:9px}.below-workspace>div span:first-child{color:#aa9cff}.icon-lab{display:grid;grid-template-columns:330px minmax(310px,1fr);gap:16px}.icon-controls,.icon-showcase{padding:20px}.field-input{display:block;width:100%;margin-bottom:24px;background:#0e1320;border:1px solid #313649;border-radius:9px;padding:12px;color:#f0f2fe;font-size:13px}.icon-controls select{cursor:pointer}.icon-colors{display:grid;grid-template-columns:1fr 1fr;gap:15px}.icon-colors label{font-weight:800;letter-spacing:1px;color:#a3aabd;font-size:9px}.icon-colors input{display:block;width:100%;height:45px;margin:11px 0 23px;background:#111625;border:1px solid #3a4053;border-radius:8px;cursor:pointer}.checkbox-row{font-size:12px;display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#adb5ca}.checkbox-row input{accent-color:#8875f4}.outline-btn{border:1px solid #44445f;border-radius:9px;color:#d4d3ec;background:#242438;padding:12px 15px;font-size:11px;font-weight:700}.outline-btn:hover{background:#302b49}.icon-controls>.outline-btn{width:100%}.icon-preview-stage{height:395px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#2a3040 0,#101522 70%);border:1px solid #292f44;border-radius:12px;position:relative}.icon-preview-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(45deg,#fff3 25%,transparent 25%),linear-gradient(-45deg,#fff3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff3 75%),linear-gradient(-45deg,transparent 75%,#fff3 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;opacity:.07;pointer-events:none}.icon-preview-object{width:min(290px,65%);aspect-ratio:1;z-index:1}.icon-preview-object svg{height:100%;width:100%;filter:drop-shadow(0 16px 24px #0008)}.icon-buttons{display:flex;gap:10px;margin-top:19px}.icon-buttons button{flex:1;padding:13px}.icon-hint{font-size:11px;color:#858ea5;line-height:1.75;margin-top:20px}.project-card{display:flex;align-items:center;gap:18px;padding:24px;margin-bottom:16px}.project-icon{width:60px;height:60px;background:#38315b;color:#b8aaff;display:grid;place-items:center;border-radius:13px;font-size:30px}.project-main{flex:1}.project-main h2{font-size:17px}.project-main p{font-size:11px;color:#9198ad;margin-top:8px}.project-buttons{display:flex;gap:10px}.project-buttons button{padding:12px}.project-restore{padding:25px;max-width:720px}.project-restore h2{font-size:17px}.project-restore p{font-size:12px;color:#a0a6b6;margin:12px 0 25px;line-height:1.7}.project-restore .project-warning{font-size:10px;color:#d1a880;margin:24px 0 0}.upload-btn{display:inline-block;cursor:pointer}.toast{position:fixed;bottom:24px;right:28px;color:#fff;background:#292747;border:1px solid #6855ae;border-radius:10px;box-shadow:0 12px 45px #0007;padding:13px 18px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:#000a;backdrop-filter:blur(9px);z-index:30;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{max-width:465px;width:100%;background:#191d2e;border:1px solid #514a72;border-radius:17px;box-shadow:0 30px 90px #0009;padding:27px;position:relative}.modal-close{position:absolute;right:15px;top:11px;border:0;background:none;color:#929bb0;font-size:27px}.modal-icon{width:51px;height:51px;display:grid;place-items:center;color:#d0c3ff;font-size:26px;border:1px solid #6b5cb1;border-radius:13px;background:#353052;margin-bottom:17px}.modal h2{font-size:21px;margin-bottom:8px}.modal>p{font-size:12px;color:#a1a9bf;line-height:1.7}.export-steps{display:grid;gap:16px;border-block:1px solid #34384c;padding:19px 0;margin:22px 0}.export-steps div{display:flex;gap:12px;color:#adb4c9;font-size:11px;line-height:1.6}.export-steps b{background:#3a3558;color:#d0c4fc;border-radius:7px;width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;font-size:11px}.export-steps span strong{color:#ebebf7}.modal-download,.modal-copy{width:100%;padding:13px;margin:0 0 9px}.modal-footnote{font-size:10px;color:#80899f;line-height:1.5;margin-top:10px;text-align:center}
@media(max-width:1400px){.sidebar{width:204px;min-width:204px}.studio-grid{grid-template-columns:minmax(230px,264px) minmax(320px,1fr) minmax(208px,226px);gap:10px}.page-section{padding:24px 18px}.control-column,.inspector-column{padding:15px 12px}.canvas-area{height:409px}}@media(max-width:1100px){.sidebar{width:170px;min-width:170px;padding-inline:9px}.brand-type strong{font-size:18px}.brand-type small{font-size:7px}.workspace-ident{gap:7px}.workspace-avatar{width:27px;height:27px}.workspace-ident strong{font-size:10px}.workspace-ident small{font-size:8px}.nav-link{padding:9px;font-size:11px}.studio-grid{grid-template-columns:minmax(215px,260px) minmax(350px,1fr)}.inspector-column{grid-column:1/-1;display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start}.inspector-heading{grid-column:1/-1;margin-bottom:0}.inspector-selected{margin:0}.inspector-body{min-height:0}.layers-head,.layers-list,.add-element{grid-column:1/-1}.layers-list{max-height:95px}.add-grid{grid-template-columns:repeat(4,1fr)}.canvas-area{height:420px}}@media(max-width:760px){.app-shell{display:block}.sidebar{min-height:0;width:100%;padding:12px;display:block;border-right:0;border-bottom:1px solid #242939}.brand{display:inline-flex;padding:0 7px 12px}.workspace-ident,.side-label,.second-label,.sidebar-bottom,.side-nav:nth-of-type(2){display:none}.side-nav{display:flex;gap:5px;overflow:auto}.nav-link{white-space:nowrap;padding:10px 12px;width:auto}.topbar{height:auto;min-height:70px;padding:10px 14px;gap:10px;flex-wrap:wrap}.header-right{gap:6px}.header-subtitle{font-size:9px}.top-export{padding:9px}.shortcut{display:none}.page-section{padding:21px 12px}.page-intro{align-items:start}.page-intro h1{font-size:25px}.page-intro p{font-size:11px}.page-intro .pill-muted{display:none}.studio-grid{grid-template-columns:1fr}.control-column{padding:18px}.template-grid{grid-template-columns:repeat(6,1fr)}.preview-column{min-height:530px}.canvas-area{height:400px}.inspector-column{grid-column:auto;display:block}.inspector-heading{margin-bottom:15px}.inspector-selected{margin-bottom:13px}.inspector-body{min-height:0}.layers-head,.layers-list,.add-element{grid-column:auto}.below-workspace{display:block;line-height:2}.icon-lab{grid-template-columns:1fr}.project-card{flex-wrap:wrap}.project-buttons{width:100%}.project-buttons button{flex:1}}@media(max-width:410px){.template-grid{grid-template-columns:repeat(3,1fr)}.page-intro h1{font-size:23px}.header-subtitle{display:none}.save-indicator{display:none}.canvas-area{height:335px}.preview-tag{font-size:7px}.device-switch button span{display:none}.preview-callout{font-size:9px}}