:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee;background:#202020;font:14px/1.4 Inter,system-ui,Segoe UI,sans-serif}html,body,#root{height:100%;margin:0}body{overflow:hidden}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}.studio-app{background:#e8e8e8;flex-direction:column;height:100vh;display:flex;overflow:hidden}.studio-header{z-index:4;color:#eee;flex:none;box-shadow:0 2px 4px #0004}.studio-titlebar{background:#181818;align-items:center;gap:16px;height:47px;padding:0 24px;display:flex}.studio-logo{white-space:nowrap;align-items:center;gap:8px;display:flex}.studio-logo-mark{background:#f4f4f4;width:24px;height:24px;display:inline-block}.studio-divider{background:#444;width:1px;height:26px}.studio-document{color:#a5a5a5;white-space:nowrap;font-size:13px}.studio-links{color:#d5d5d5;gap:42px;margin-left:auto;font-size:13px;display:flex}.studio-download,.studio-save{color:#222;white-space:nowrap;background:#f2f2f2;padding:8px 14px}.studio-save{color:#fff;background:#2f92e6}.studio-menu{font-size:22px;display:none}.studio-toolbar{background:#222;align-items:center;gap:15px;height:50px;padding:0 24px;display:flex}.toolbar-history,.text-toolbar,.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-history{border-right:1px solid #444;padding-right:10px}.studio-toolbar button{color:#f5f5f5;min-width:25px;padding:5px}.studio-toolbar button.active{color:#fff;background:#4b4b4b}.text-toolbar select,.text-toolbar input,.device-picker{color:#eee;background:#2b2b2b;border:1px solid #555;height:31px;padding:0 7px}.text-toolbar select{width:105px}.text-toolbar select.toolbar-heading{width:58px}.toolbar-size{width:55px}.toolbar-color{width:31px;padding:2px!important}.toolbar-separator{background:#555;width:1px;height:24px}.toolbar-effects{letter-spacing:1px;white-space:nowrap;font-size:11px;font-weight:700}.toolbar-contrast{align-items:center;gap:3px;font-size:14px;display:flex}.toolbar-contrast input{accent-color:#fff;width:58px}.toolbar-hint{color:#999;font-size:13px}.toolbar-actions{margin-left:auto}.position-control{position:relative}.position-menu{z-index:9;background:#202020;width:150px;padding:6px;position:absolute;top:35px;right:0;box-shadow:0 2px 8px #0008}.position-menu button{text-align:left;width:100%;padding:7px 9px;font-size:12px;display:block}.position-menu button:hover{background:#444}.toolbar-actions button span{margin-left:4px}.device-picker{font-size:12px}.mobile-zoom{display:none}.studio-workspace{flex:1;min-height:0;position:relative}.studio-canvas-area{background:#e7e7e7;padding:0;display:block;position:absolute;inset:0;overflow:auto}.studio-workspace.sidebar-collapsed .studio-canvas-area{padding-left:0}.studio-stage-space{width:100%;height:100%;position:relative}.selection-actions{z-index:6;color:#fff;background:#1d1d1d;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;box-shadow:0 2px 6px #0007}.selection-actions button{color:#fff;padding:3px 5px;font-size:15px}.selection-position{white-space:nowrap;font-size:12px}.selection-actions label{border-left:1px solid #555;align-items:center;gap:3px;padding-left:3px;font-size:12px;display:flex}.selection-actions input{accent-color:#fff;width:55px}.desktop-zoom{z-index:4;color:#fff;background:#191919;border-radius:999px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0004}.desktop-zoom button{color:#fff;padding:0}.desktop-zoom span{text-align:center;min-width:38px}.studio-sidebar-wrap{z-index:2;position:absolute;inset:0 auto 0 0}.studio-sidebar{color:#eee;background:#171717;height:100%;display:flex;box-shadow:2px 0 4px #0002}.studio-rail{background:#141414;border-right:1px solid #363636;flex-direction:column;width:74px;display:flex}.rail-item{color:#eee;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:73px;font-size:22px;display:flex}.rail-item small{font-size:11px}.rail-item.active{background:#303030}.tool-panel{width:350px;padding:10px 12px;overflow-y:auto}.panel-tabs{background:#222;gap:0;margin-bottom:17px;padding:4px;display:flex}.panel-tabs button{color:#aaa;flex:1;padding:6px}.panel-tabs button.active{color:#fff;background:#303030;border:1px solid #444}.text-presets{flex-direction:column;align-items:center;gap:9px;padding-bottom:24px;display:flex}.text-presets button{color:#fafafa;letter-spacing:2px;padding:3px}.preset-h1{font-size:24px;font-weight:800}.preset-h2{font-size:18px;font-weight:800}.preset-body{font-size:14px;font-weight:700}.panel-add-actions{border-top:1px solid #333;border-bottom:1px solid #333;gap:8px;margin-bottom:12px;padding:10px 0;display:flex}.panel-add-actions button{color:#eee;border:1px solid #555;flex:1;padding:6px 8px}.tool-panel>div:last-child{color:#ddd}.sidebar-toggle{color:#999;z-index:3;background:#171717;border-radius:0 20px 20px 0;width:14px;height:76px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.studio-sidebar{position:relative}.studio-sidebar.collapsed .sidebar-toggle{height:76px}.tool-panel h3{margin:7px 0 14px;font-size:16px;font-weight:500}.tool-panel h4{margin-top:28px}.tool-panel p{color:#aaa;font-size:13px;line-height:1.5}.panel-search{color:#eee;background:#242424;border:1px solid #444;width:100%;margin:5px 0 10px;padding:9px 12px}.panel-caption{text-align:center}.asset-grid,.template-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.asset-grid button{background-position:50%;background-size:cover;border-radius:5px;height:100px}.asset-grid button:hover{outline:2px solid #fff}.template-card{color:#fff;text-align:left;border-radius:4px;min-height:110px;padding:12px;font-size:17px;font-weight:700}.t0{background:#0d0d0d}.t1{color:#222;background:#dde9f8}.t2{background:#28675d}.t3{background:#7054b8}.brand-colors,.background-swatches{flex-wrap:wrap;gap:9px;display:flex}.brand-colors button,.background-swatches button{border:1px solid #777;width:36px;height:36px}.background-swatches button.selected{outline-offset:2px;outline:2px solid #fff}.background-custom{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.background-custom input{border:none;width:30px;height:30px}.panel-wide-button,.import-card button{color:#eee;border:1px solid #666;width:100%;padding:10px}.draw-tool-tabs{border:1px solid #444;margin-bottom:30px;display:flex}.draw-tool-tabs button{border-right:1px solid #444;flex:1;padding:9px 4px}.draw-tool-tabs button.active{background:#333}.tool-panel label{flex-direction:column;gap:9px;margin:21px 0;display:flex}.tool-panel label input{width:100%}.tool-panel label[type=color]{max-width:38px}.resize-presets{flex-direction:column;margin-top:20px;display:flex}.resize-presets button{color:#eee;border-bottom:1px solid #444;justify-content:space-between;padding:11px;display:flex}.resize-presets small{color:#aaa}.import-card{border:1px solid #555;flex-direction:column;gap:12px;padding:16px;display:flex}.import-card span{color:#aaa;font-size:13px}.tool-panel ul li{color:#ddd}.tool-panel ul li:hover{background:#303030!important}.tool-panel ul button{color:#ddd!important}@media (width<=860px){.studio-titlebar{gap:13px;height:55px;padding:0 18px}.studio-logo,.studio-divider{display:none}.studio-document{flex:1;font-size:15px}.studio-links,.studio-save{display:none}.studio-download{color:#fff;background:0 0;padding:6px;font-size:0}.studio-download:before{content:"⇩";font-size:21px}.studio-download span{display:none}.studio-menu{display:block}.studio-toolbar{height:50px;padding:0 18px}.text-toolbar{scrollbar-width:none;max-width:calc(100vw - 150px);overflow-x:auto}.text-toolbar::-webkit-scrollbar{display:none}.toolbar-effects,.toolbar-separator,.toolbar-actions>button span,.device-picker,.toolbar-hint{display:none}.toolbar-actions{gap:0}.toolbar-actions button:first-child{display:none}.studio-canvas-area{justify-content:safe center;padding:180px 22px 100px}.studio-sidebar-wrap{height:68px;top:auto}.studio-sidebar{width:100vw;height:68px}.studio-rail{border:0;flex-direction:row;width:100%;overflow-x:auto}.rail-item{min-width:74px;height:68px}.rail-item:nth-child(n+7),.tool-panel,.sidebar-toggle{display:none}.studio-workspace.sidebar-collapsed .studio-canvas-area{padding-left:22px}.desktop-zoom{display:none}.mobile-zoom{z-index:5;background:#1e1e1e;border-radius:999px;align-items:center;gap:8px;padding:5px 9px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0005}.mobile-zoom button{padding:1px 7px;font-size:19px}.mobile-zoom span{text-align:center;min-width:38px}}@media (width<=430px){.studio-canvas-area{padding-left:12px;padding-right:12px}.rail-item{min-width:64px}.toolbar-history{padding-right:3px}.text-toolbar{gap:3px}.studio-toolbar{padding:0 8px}}