:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#282828;--panel:#303030;--line:#444;--text:#eee;--muted:#aaa;--blue:#008bff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}.auth-shell{background:#202020;place-items:center;min-height:100dvh;display:grid}.auth-card{background:#2d2d2d;border:1px solid #444;border-radius:6px;width:min(390px,100vw - 32px);padding:32px;box-shadow:0 18px 60px #0008}.auth-mark{letter-spacing:-8px;color:#ddd;width:34px;font-size:38px;font-style:italic;font-weight:900}.auth-mark span{color:#999}.auth-kicker{color:#999;text-transform:uppercase;letter-spacing:1px;margin:22px 0 5px;font-size:11px}.auth-card h1{margin:0 0 22px;font-size:22px}.auth-card form{gap:13px;display:grid}.auth-card label{color:#bbb;gap:6px;font-size:11px;display:grid}.auth-card input{height:34px}.auth-submit{background:#087aca;border:1px solid #168be0;border-radius:3px;min-height:34px;margin-top:5px}.auth-links{text-align:center;gap:9px;margin-top:20px;font-size:11px;display:grid}.auth-links button,.auth-links a{color:#8bc9f7;text-decoration:none}.auth-message{color:#f0bd83;font-size:11px;line-height:1.5}.account-menu{margin-right:8px;position:relative}.account-menu summary{color:#bbb;cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-popover{z-index:40;background:#333;border:1px solid #555;gap:3px;width:220px;padding:5px;display:grid;position:absolute;top:27px;right:0;box-shadow:0 5px 18px #0008}.account-popover button{color:#ddd;text-align:left;align-items:center;gap:7px;padding:8px;font-size:11px;display:flex}.account-popover button:hover{background:#444}.account-popover small{color:#9ed6b3;padding:7px;line-height:1.4}body{color:var(--text);background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:12px}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:-1px;outline:1px solid #49a6ff}input,textarea,select{color:var(--text);background:#222;border:1px solid #484848;border-radius:3px;min-width:0}input{height:26px;padding:4px 6px}textarea{resize:vertical;padding:8px;line-height:1.5}select{height:26px;padding:3px 5px}button{background:0 0;border:0}svg{flex-shrink:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#666;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.designer{height:100dvh;padding-top:41px;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#272727;align-items:center;gap:7px;height:41px;padding:0 8px 0 0;display:flex;position:absolute;inset:0 0 auto}.app-mark{text-align:center;letter-spacing:-5px;color:#c8c8c8;width:40px;padding-right:5px;font-size:24px;font-style:italic;font-weight:900}.app-mark span{color:#999}.design-tab{background:#444;border-radius:3px;align-items:center;gap:5px;padding:5px 8px;display:flex}.project-name{color:#aaa;align-items:center;gap:12px;padding:0 10px;font-size:11px;display:flex}.current-page{align-items:center;gap:7px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.icon-button{color:#bfbfbf;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.icon-button:hover:not(:disabled){color:#fff;background:#414141}.icon-button.active{color:#fff;background:#464646}.top-button,.button-row button,.wide-button{background:linear-gradient(#404040,#333);border:1px solid #4b4b4b;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:26px;padding:4px 8px;font-size:11px;display:inline-flex;box-shadow:0 1px 1px #0003}.top-button{height:25px}.publish-menu-trigger{position:relative}.publish-spinner{animation:1s linear infinite publish-spin}@keyframes publish-spin{to{transform:rotate(360deg)}}.toolbar-divider{border-left:1px solid #454545;height:19px;margin:0 3px}.save-status{color:#a9a9a9;align-items:center;gap:5px;margin-right:8px;font-size:10px;display:flex}.save-status svg{color:#80b692}.save-error{color:#ffa672}.tool-rail{border-right:1px solid var(--line);background:#292929;flex-direction:column;flex-shrink:0;justify-content:space-between;width:40px;padding:4px 0;display:flex}.tool-rail .icon-button{border-radius:0;width:39px;height:34px}.tool-rail .icon-button.active{background:#3c3c3c;border-left:2px solid #b6b6b6}.tool-rail>div{flex-direction:column;display:flex}.left-panel{background:#353535;border-right:1px solid #444;flex-direction:column;flex-shrink:0;width:296px;display:flex;position:relative}.panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;height:41px;padding:0 9px 0 16px;display:flex}.panel-heading strong{font-size:12px}.panel-heading>div{align-items:center;gap:6px;display:flex}.muted{color:#aaa}.navigator-pin{width:24px;height:24px;padding:0}.navigator-pin.is-pinned{color:#8fc8ff;background:#29465a}.navigator-pin.is-pinned svg{fill:currentColor}.tree{flex:1;padding:0 0 12px 8px;overflow:auto}.tree-row{white-space:nowrap;cursor:default;border-radius:3px 0 0 3px;align-items:center;gap:5px;height:24px;padding-right:7px;display:flex}.tree-row:hover{background:#3f3f3f}.tree-row.selected{color:#abd7ff;background:#2c4251}.tree-row.drop-target{background:#284b65;box-shadow:inset 0 0 0 1px #008bff}.tree-chevron{justify-content:center;align-items:center;width:11px;padding:0;display:flex}.tree-row span{text-overflow:ellipsis;overflow:hidden}.navigator-actions{border-top:1px solid #414141;align-items:center;gap:4px;height:33px;padding:0 10px;display:flex}.workspace{background:#555;flex-direction:column;flex:1;min-width:0;display:flex}.canvas-scroll{flex:1;justify-content:flex-start;align-items:flex-start;padding:0 9px;display:flex;position:relative;overflow:auto}.canvas-toolbar{color:#c6c6c6;background:#303030;border-top:1px solid #494949;align-items:center;gap:8px;height:31px;min-height:31px;padding:0 7px;font-size:11px;display:flex}.breadcrumbs{white-space:nowrap;flex:1;align-items:center;gap:3px;display:flex;overflow:hidden}.breadcrumbs>span{align-items:center;gap:4px;display:flex}.breadcrumbs button{padding:4px;font-size:11px}.breadcrumbs>span:last-child button{color:#acd6fa}.viewport-tools{align-items:center;gap:3px;display:flex}.viewport-width{align-items:center;gap:5px;margin:0 4px;display:flex}.viewport-tools select{background:0 0;border:0;width:54px;height:24px;padding:0;font-size:10px}.viewport-tools .icon-button{width:25px;height:25px}.canvas-scroll{justify-content:center;padding-bottom:42px}.canvas-host{flex:0 0 var(--vp-width,100%);min-width:250px;max-width:calc(100% - 18px);position:relative}.vp-handle{cursor:col-resize;z-index:10;width:18px;padding:0;position:absolute;top:0;bottom:0}.vp-handle:after{content:"";opacity:0;background:#55b7ff;width:3px;transition:opacity .12s;position:absolute;top:0;bottom:0}.vp-handle:hover:after,.vp-handle:focus-visible:after{opacity:1}.vp-handle-left{left:-9px}.vp-handle-right{right:-9px}.vp-handle-left:after{right:0}.vp-handle-right:after{left:0}.vp-width-badge{color:#d8efff;pointer-events:none;z-index:11;background:#243a4a;border:1px solid #4d7190;border-radius:3px;padding:4px 7px;font-size:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.vp-breakpoint-label{transform-origin:50%;white-space:nowrap;color:#aaa;pointer-events:none;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:50%;left:-32px;transform:translateY(-50%)rotate(-90deg)}.vp-breakpoint-label strong{color:#ddd;font-size:10px}.vp-breakpoint-label small{font-size:9px}.vp-panel-resize{cursor:col-resize;z-index:10;width:18px;top:41px;bottom:0;right:-9px;left:calc(40px + var(--left-panel-width) - 9px);position:fixed;right:auto}.vp-panel-resize:after{content:"";opacity:0;background:#55b7ff;width:3px;position:absolute;top:0;bottom:0;left:7px}.vp-panel-resize:hover:after,.vp-panel-resize:focus-visible:after{opacity:1}.rotate{transform:rotate(90deg)}.right-panel{background:#282828;border-left:1px solid #444;flex-direction:column;flex-shrink:0;width:240px;display:flex}.element-heading{flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:11px;display:flex}.element-heading span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.inspector-tabs{border-bottom:1px solid #444;flex-shrink:0;gap:16px;height:31px;padding:0 10px;display:flex}.inspector-tabs button{color:#bababa;padding:0;font-size:11px;font-weight:600;position:relative}.inspector-tabs button.active{color:#fff}.inspector-tabs button.active:after{content:"";background:#fff;height:2px;position:absolute;bottom:0;left:0;right:0}.inspector-scroll{flex:1;overflow:auto}.selector-section{border-bottom:1px solid #444;padding:10px 8px 12px}.label-line{color:#bfbfbf;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:11px;display:flex}.label-line small{color:#b5cce1;font-size:10px}.class-selector{background:#222;border:1px solid #505050;border-radius:3px;align-items:center;gap:6px;height:33px;padding:3px 6px;display:flex}.class-selector input{color:#fff;background:#006fbd;border:0;border-radius:2px;width:100%;height:24px;font-size:11px}.selector-note{color:#abd0ef;margin-top:6px;font-size:11px;display:block}.inspector-section{border-bottom:1px solid #444}.inspector-section summary{cursor:pointer;justify-content:space-between;align-items:center;height:39px;padding:0 9px;font-weight:600;list-style:none;display:flex}.inspector-section summary::-webkit-details-marker{display:none}.inspector-section:not([open]) summary svg{transform:rotate(-90deg)}.section-content{padding:0 8px 11px}.display-row{color:#aaa;align-items:center;gap:9px;font-size:11px;display:flex}.segmented{background:#424242;border:1px solid #4b4b4b;border-radius:3px;flex:1;display:flex;overflow:hidden}.segmented button{color:#c6c6c6;flex:1;justify-content:center;align-items:center;height:23px;padding:0 7px;font-size:11px;display:flex}.segmented button.active{color:#fff;background:#232323;border-radius:3px;box-shadow:inset 0 0 0 1px #555}.field-row{color:#b9b9b9;align-items:center;gap:6px;min-width:0;margin-top:8px;font-size:11px;display:flex}.field-row>span{flex-shrink:0;min-width:46px}.field-row input,.field-row select{width:100%;height:25px;font-size:11px}.two-fields{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.two-fields .field-row{gap:4px}.two-fields .field-row>span{min-width:35px}.alignment-controls{color:#bbb;align-items:flex-start;gap:7px;margin-top:8px;font-size:11px;display:flex}.alignment-controls>span{width:45px;padding-top:6px}.alignment-grid{background:#222;border:1px solid #454545;border-radius:3px;flex-shrink:0;grid-template-columns:repeat(3,1fr);width:61px;height:61px;display:grid}.alignment-grid button{color:#aaa;padding:0}.alignment-grid button.active{color:#fff;background:#0069ad}.alignment-controls>div:last-child{flex:1;min-width:0}.alignment-controls .field-row{gap:3px;margin-top:0;margin-bottom:6px}.alignment-controls .field-row>span{min-width:9px}.alignment-controls select{padding:2px;font-size:10px}.spacing-box{border:1px solid #242424;border-radius:3px;position:relative}.margin-box{background:conic-gradient(from 45deg,#3c3c3c 0deg 90deg,#454545 90deg 180deg,#3c3c3c 180deg 270deg,#454545 270deg);height:114px}.padding-box{background:#393939;position:absolute;inset:23px 34px}.box-label{color:#b8b8b8;font-size:7px;font-weight:600;position:absolute;top:4px;left:4px}.spacing-input{z-index:2;width:37px;position:absolute}.spacing-input input{text-align:center;color:#bcbcbc;background:0 0;border:0;width:100%;height:19px;padding:0;font-size:11px}.spacing-input input:focus{background:#222}.side-top{top:2px;left:calc(50% - 18px)}.side-bottom{bottom:1px;left:calc(50% - 18px)}.side-left{top:calc(50% - 10px);left:0}.side-right{top:calc(50% - 10px);right:0}.spacing-center{background:#222;border:1px solid #292929;border-radius:2px;position:absolute;inset:25px 34px}.color-input{background:#222;border:1px solid #484848;border-radius:3px;flex:1;align-items:center;min-width:0;display:flex}.color-input input[type=color]{border:0;flex-shrink:0;width:23px;height:23px;padding:3px}.color-input input:not([type=color]){background:0 0;border:0}.stacked-field{color:#bbb;flex-direction:column;gap:7px;margin:5px 0 15px;font-size:11px;display:flex}.stacked-field input,.stacked-field textarea{width:100%}.search-field{color:#aaa;background:#242424;border:1px solid #494949;border-radius:3px;align-items:center;gap:5px;margin:8px 12px 17px;padding:0 5px;display:flex}.search-field input{background:0 0;border:0;width:100%;height:26px;font-size:11px}.panel-scroll{flex:1;overflow:auto}.list-heading{justify-content:space-between;padding:10px 16px;font-size:11px;font-weight:600;display:flex}.list-heading span{color:#aaa;font-weight:400}.page-row{text-align:left;border-radius:3px;align-items:center;gap:6px;width:calc(100% - 16px);height:27px;margin:0 8px;padding:0 8px;display:flex}.page-row:hover{background:#414141}.page-row.selected{background:#454545}.page-row span{flex:1}.page-form{border-top:1px solid #484848;margin-top:15px;padding:16px}.page-form .list-heading{padding:0 0 15px}.page-form label{color:#bbb;flex-direction:column;gap:7px;margin-bottom:13px;font-size:11px;display:flex}.button-row{justify-content:flex-end;gap:8px;display:flex}.button-row button{flex:1}.blue-button{color:#fff;background:#0075d8!important;border-color:#1685e2!important}.wide-button{width:calc(100% - 24px);margin:14px 12px}.danger{color:#eda3a3}.element-grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:5px 12px 15px;display:grid}.element-grid button{color:#ccc;background:#303030;border:1px solid #484848;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:77px;font-size:11px;display:flex}.element-grid button:hover{color:#fff;background:#3b3b3b;border-color:#008bff}.panel-hint{color:#aaa;padding:0 17px;font-size:11px;line-height:1.7}.empty-assets{text-align:center;color:#aaa;flex-direction:column;align-items:center;gap:13px;padding:45px 24px;display:flex}.empty-assets strong{color:#ddd;font-size:12px}.empty-assets p{margin:0;font-size:11px;line-height:1.7}.empty-assets small{font-size:9px}.asset-grid{grid-template-columns:1fr 1fr;gap:9px;padding:10px;display:grid}.asset{background:#2b2b2b;border:1px solid #4b4b4b;border-radius:3px;min-width:0;position:relative;overflow:hidden}.asset>button:first-child{text-align:left;width:100%;padding:0}.asset img{object-fit:cover;width:100%;height:95px}.asset span{text-overflow:ellipsis;white-space:nowrap;padding:7px;font-size:10px;display:block;overflow:hidden}.asset>.icon-button{background:#222c;position:absolute;top:3px;right:3px}.empty-canvas{color:#888;white-space:nowrap;border:1px dashed #ccc;flex-direction:column;align-items:center;gap:13px;padding:34px;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.empty-canvas strong{color:#666;font-size:14px;font-weight:400}.empty-canvas span{font-size:11px}.help-popover{z-index:50;background:#292929;border:1px solid #505050;width:300px;padding-bottom:15px;position:absolute;bottom:40px;left:46px;box-shadow:0 5px 20px #0005}.shortcut{color:#bbb;justify-content:space-between;align-items:center;margin:10px 17px;font-size:11px;display:flex}kbd{background:#3c3c3c;border:1px solid #555;border-radius:3px;padding:4px;font:10px Arial}.is-preview .canvas-scroll{padding:0}.is-preview .canvas-toolbar .breadcrumbs{visibility:hidden}@media (max-width:1200px){.left-panel{width:240px}.save-status span,.breadcrumbs>span:not(:last-child):not(:first-child){display:none}.project-name{font-size:10px}}@media (max-width:900px){.left-panel{width:200px}.right-panel{width:225px}.project-name,.viewport-width{display:none}.current-page{left:44%}}.designer .left-panel,.designer .asset-categories{width:var(--left-panel-width);min-width:220px;max-width:33.333vw}:root{--drawer-left:336px}.page-settings-trigger{padding:4px;display:flex;flex:0!important}.page-settings-drawer{top:41px;bottom:0;left:var(--drawer-left);width:min(650px, calc(100vw - var(--drawer-left) - 8px));z-index:30;background:#282828;border:1px solid #484848;border-top:0;flex-direction:column;display:flex;position:absolute;box-shadow:10px 0 20px #0002}.page-settings-drawer>header{border-bottom:1px solid #444;flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 10px;display:flex}.page-settings-drawer>header>div{align-items:center;gap:7px;display:flex}.page-settings-scroll{flex:1;overflow:auto}.page-settings-section{border-bottom:1px solid #444}.page-settings-section>summary{cursor:pointer;justify-content:space-between;align-items:center;height:40px;padding:0 10px;font-weight:600;display:flex}.page-settings-section[open]>summary svg{transform:rotate(90deg)}.page-settings-section>div{padding:5px 20px 22px}.settings-field{flex-direction:column;gap:8px;margin:13px 0;font-size:11px;display:flex}.settings-field input{height:30px}.settings-field input:disabled,.settings-field textarea:disabled{opacity:.5}.settings-hint{color:#aaa;margin:9px 0 17px;font-size:11px;line-height:1.6}.settings-checkbox{align-items:center;gap:8px;margin:13px 0;font-size:11px;display:flex}.settings-checkbox input{accent-color:#008bff;width:13px;height:13px}.code-area{white-space:pre;tab-size:2;font:11px/1.7 Consolas,monospace}.settings-error{color:#ffd0d0;background:#492f2f;border:1px solid #855050;margin:16px;padding:12px;line-height:1.6}.search-preview{background:#222;border:1px solid #454545;flex-direction:column;gap:7px;margin-top:12px;padding:14px;display:flex}.search-preview small{color:#aeb4ac;font-size:10px}.search-preview strong{color:#8cb7ff;font-size:17px;font-weight:400}.search-preview p{color:#aaa;margin:0;font-size:11px;line-height:1.6}.source-panel{padding:12px 8px}.source-editor{resize:vertical;width:100%;height:390px;margin-top:12px}.source-panel .wide-button{width:100%;margin:10px 0}@media (max-width:1200px){:root{--drawer-left:280px}}@media (max-width:900px){:root{--drawer-left:240px}}.page-open{text-align:left;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:0;display:flex}.asset-library{z-index:25;color:#eee;background:#303030;border-right:1px solid #505050;width:min(900px,100vw - 48px);display:flex;position:absolute;top:41px;bottom:0;left:40px;box-shadow:10px 0 24px #0004}.asset-categories{background:#292929;border-right:1px solid #474747;flex-direction:column;flex-shrink:0;width:212px;display:flex}.asset-categories>header,.asset-browser>header{border-bottom:1px solid #444;flex-shrink:0;align-items:center;gap:8px;height:42px;padding:0 10px;display:flex}.asset-categories>header{justify-content:space-between}.asset-categories>header>div{display:flex}.asset-categories nav button{text-align:left;border-radius:3px;align-items:center;gap:6px;width:100%;height:25px;padding:0 8px;font-size:11px;display:flex}.asset-categories nav button span{flex:1}.asset-categories nav button:hover,.asset-categories nav button.active{background:#3d3d3d}.assets-sidebar-footer{margin-top:auto;padding-bottom:12px}.assets-sidebar-footer p{color:#999;margin:0 14px;font-size:10px;line-height:1.7}.asset-browser{flex-direction:column;flex:1;min-width:0;display:flex}.asset-browser>header>strong{white-space:nowrap;margin-right:auto}.asset-search{color:#aaa;background:#222;border:1px solid #484848;border-radius:3px;align-items:center;width:190px;padding:0 5px;display:flex}.asset-search input{background:0 0;border:0;width:100%;height:24px;font-size:11px}.asset-bulkbar{border-bottom:1px solid #3c3c3c;justify-content:flex-end;align-items:center;gap:9px;min-height:38px;padding:5px 10px;display:flex}.asset-bulkbar>span,.asset-bulkbar>label{color:#aaa;margin-right:auto;font-size:10px}.asset-bulkbar>label{align-items:center;gap:6px;display:flex}.asset-bulkbar input,.asset-check{accent-color:#008bff;width:12px;height:12px}.asset-items{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:10px 12px;padding:10px;display:grid;overflow:auto}.library-asset{border:1px solid #0000;border-radius:2px;min-width:0;position:relative}.library-asset.is-selected{background:#24445c;border-color:#008bff}.asset-preview{aspect-ratio:1.06;color:#888;background:#363636;justify-content:center;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}.asset-preview img{object-fit:contain;width:100%;height:100%}.asset-caption{text-align:center;min-width:0;padding:8px 3px 2px}.asset-caption span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;display:block;overflow:hidden}.asset-caption small{color:#999;margin-top:4px;font-size:9px;display:block}.asset-more{opacity:0;background:#444;border:1px solid #555;border-radius:3px;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;top:4px;right:4px}.library-asset:hover .asset-more,.asset-more:focus-visible{opacity:1}.library-asset:has(.asset-context) .asset-more{opacity:1}.asset-check{margin:0;position:absolute;top:6px;left:6px}.asset-context{z-index:5;background:#3d3d3d;border:1px solid #4d4d4d;border-radius:3px;min-width:142px;padding:5px 0;position:absolute;top:31px;right:4px;box-shadow:0 5px 14px #0006}.asset-context button{text-align:left;align-items:center;gap:7px;width:100%;height:24px;padding:0 10px;font-size:11px;display:flex}.asset-context button:hover:not(:disabled){background:#505050}.asset-browser>footer{background:#303030;border-top:1px solid #494949;flex-shrink:0;justify-content:space-between;align-items:center;height:30px;padding:0 7px;font-size:10px;display:flex}.asset-browser>footer select{background:0 0;border:0;height:24px;font-size:10px}.asset-browser>footer>div{display:flex}.asset-browser>footer .icon-button{width:23px;height:23px}.asset-library-empty{color:#aaa;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;min-height:350px;font-size:11px;display:flex}.asset-library-empty strong{color:#ddd;font-size:13px}.asset-message{color:#c8d9e5;border-top:1px solid #484848;align-items:flex-start;gap:5px;padding:10px;font-size:11px;line-height:1.6;display:flex}.asset-message button{margin-left:auto}.asset-error{color:#ffbda6;background:#49352c}.asset-drop-overlay{z-index:20;pointer-events:none;background:#193b54ee;border:2px dashed #36a8ff;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:8px}.asset-dialog-scrim{z-index:30;background:#0007;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.asset-dialog{background:#292929;border:1px solid #555;border-radius:4px;width:430px;max-height:100%;overflow:auto;box-shadow:0 10px 35px #0007}.asset-dialog>header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;height:41px;padding:0 12px;display:flex}.asset-dialog-body{padding:16px}.asset-dialog-body>p{margin-top:0;font-size:12px;line-height:1.6}.asset-dialog-body .settings-hint{color:#aaa;margin:16px 0;font-size:11px}.compression-quality{align-items:center;gap:12px;margin:20px 0;display:flex}.compression-quality input{accent-color:#008bff;flex:1}.compression-quality strong{width:32px;font-size:11px}.asset-settings-image{object-fit:contain;background:#353535;width:100%;height:150px}.asset-dialog audio{width:100%}.asset-items.list-view{flex-direction:column;gap:0;display:flex}.list-view .library-asset{border-bottom:1px solid #414141;flex-shrink:0;height:55px;display:flex}.list-view .asset-preview{flex-shrink:0;width:58px;height:50px}.list-view .asset-caption{text-align:left;flex:1;align-items:center;gap:20px;padding:0 38px 0 12px;display:flex}.list-view .asset-caption small{white-space:nowrap;margin-left:auto}.list-view .asset-more{opacity:1;top:13px}.list-view .asset-context{top:38px}.list-view .asset-check{top:4px;left:4px}@media (max-width:1000px){.asset-items{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-categories{width:190px}}@media (max-width:720px){.asset-items{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-search{width:130px}.asset-categories{width:160px}}.sp-section-tools{border-bottom:1px solid #444;justify-content:space-between;padding:5px 8px;display:flex}.sp-section-tools button{color:#aaa;padding:3px 0;font-size:9px}.sp-section{border-bottom:1px solid #444}.sp-section-heading{text-align:left;align-items:center;gap:9px;width:100%;height:40px;padding:0 9px;display:flex}.sp-section-heading strong{font-size:12px}.sp-section-heading svg{margin-left:auto}.sp-section-heading[aria-expanded=false] svg{transform:rotate(-90deg)}.sp-section-heading i,.sp-effect-heading i{background:#9acffa;border-radius:50%;width:4px;height:4px;margin-left:5px;display:inline-block}.sp-section-body{padding:0 8px 12px}.sp-row{color:#b9b9b9;align-items:center;gap:6px;min-width:0;margin-top:8px;font-size:11px;display:flex}.sp-row>span:first-child,.sp-row>.sp-property-label{flex-shrink:0;width:50px;min-width:50px}.sp-row input,.sp-row select{width:100%;min-width:0;height:25px;font-size:11px}.sp-row select{flex:1}.sp-row .segmented{min-width:0}.sp-row .segmented button{height:23px;padding:0 5px;font-size:10px}.sp-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;display:grid}.sp-pair .sp-row{gap:4px}.sp-pair .sp-row>span:first-child,.sp-row>.sp-property-label{width:34px;min-width:34px;font-size:10px}.sp-pair input{padding:3px 4px}.sp-color{background:#222;border:1px solid #484848;border-radius:3px;flex:1;align-items:center;min-width:0;padding-left:4px;display:flex}.sp-color>input{background:0 0;border:0;height:23px}.sp-color-swatch{border:1px solid #555;flex-shrink:0;width:15px;height:15px;position:relative}.sp-color-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.variable-picker>button{color:var(--muted);border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.variable-chip{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:3px;align-items:center;gap:5px;padding:3px 4px;font-size:12px;display:inline-flex}.variable-chip i{border:1px solid #666;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.variable-chip button{color:var(--muted);padding:1px;display:inline-flex}.variable-chip.is-warning{color:#f2c063;border-color:#8d6d2c}.variable-popover{z-index:1000;border:1px solid var(--line);background:var(--panel);border-radius:3px;width:240px;padding:6px;font-size:12px;position:fixed;box-shadow:0 8px 24px #0008}.variable-popover-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:5px;padding:4px 5px;display:flex}.variable-popover-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0}.variable-popover-list{max-height:210px;overflow:auto}.variable-popover-list button{text-align:left;width:100%;color:var(--text);border-radius:3px;align-items:center;gap:6px;padding:6px;display:flex}.variable-popover-list button.active{background:#ffffff12}.sp-more{margin-top:9px}.sp-more>summary{color:#bbb;cursor:pointer;border:1px solid #454545;border-radius:3px;justify-content:center;align-items:center;gap:5px;height:25px;font-size:11px;list-style:none;display:flex}.sp-more:not([open])>summary svg{transform:rotate(-90deg)}.sp-more>div{padding:2px 0 5px}.sp-note{color:#929292;margin:8px 0;font-size:10px;line-height:1.5}.sp-effect-heading{color:#b9b9b9;align-items:center;gap:5px;min-height:33px;display:flex}.sp-effect-heading>button:first-child{text-align:left;flex:1;padding:4px 0;font-size:11px}.sp-effect-heading>button:not(:first-child){padding:3px;display:flex}.sp-effect-body{padding:4px 0 7px}.sp-effect-body>input{width:100%;height:28px;font:10px Consolas,monospace}.sp-mini{color:#aaa;border-radius:3px;justify-content:center;align-items:center;min-width:22px;height:25px;padding:0;display:flex}.sp-mini.active{color:#fff;background:#444}.sp-subtitle{color:#aaa;padding-top:12px;font-size:11px}.sp-border-settings{gap:7px;display:flex}.sp-border-settings>div:last-child{flex:1;min-width:0}.sp-border-sides{grid-template-rows:repeat(3,24px);grid-template-columns:repeat(3,22px);align-self:center;width:66px;margin-top:7px;display:grid}.sp-border-sides button{color:#aaa;justify-content:center;align-items:center;padding:0;display:flex}.sp-border-sides button.active{color:#fff;background:#494949;border-radius:3px}.border-side-top{grid-area:1/2}.border-side-left{grid-area:2/1}.border-side-all{grid-area:2/2}.border-side-right{grid-area:2/3}.border-side-bottom{grid-area:3/2}.sp-border-settings .sp-row>span:first-child,.sp-row>.sp-property-label{width:34px;min-width:34px}.sp-row input.sp-range{accent-color:#c8c8c8;flex:1;height:18px;padding:0}.sp-range+input{flex-shrink:0;width:38px}.sp-row small{color:#aaa;font-size:9px}.sp-add-property{color:#bbb;border:1px solid #444;border-radius:3px;align-items:center;gap:6px;width:100%;height:34px;padding:0 8px;font-size:11px;display:flex}.sp-custom-form{flex-direction:column;gap:8px;display:flex}.sp-custom-property{padding:8px 0}.sp-custom-property>span{color:#b9d5e9;margin-bottom:6px;font:10px Consolas,monospace;display:block}.sp-custom-property>div{gap:5px;display:flex}.sp-custom-property input{width:100%}.sp-error{color:#f1a89b;font-size:11px;line-height:1.5}.sp-section-body .spacing-box{margin-top:5px}:root{--left-panel-width:296px;--drawer-left:calc(40px + var(--left-panel-width))}.left-panel,.asset-categories{width:var(--left-panel-width)}.asset-library{width:min(calc(var(--left-panel-width) + 650px), calc(100vw - 48px))}.asset-categories>header,.panel-heading{height:41px;padding:0 10px 0 16px}.asset-categories nav{padding:8px}.asset-categories nav button,.page-row{height:26px}.add-library{background:#282828}.add-tabs{border-bottom:1px solid #444;flex-shrink:0;gap:17px;height:32px;padding:0 16px;display:flex}.add-tabs button{color:#aaa;padding:0;font-size:11px}.add-tabs button.active{color:#fff;border-bottom:2px solid #eee}.add-library .search-field{margin:10px 12px 12px}.add-library-scroll{flex:1;padding:0 9px 20px;overflow:auto}.add-group>summary{cursor:pointer;justify-content:space-between;align-items:center;height:36px;padding:0 5px;font-size:11px;font-weight:600;list-style:none;display:flex}.add-group:not([open])>summary svg{transform:rotate(-90deg)}.add-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 8px;padding:3px 0 20px;display:grid}.add-cards>button{color:#bbb;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.add-card-icon{color:#ddd;background:#343434;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;width:100%;height:70px;display:flex;position:relative}.add-cards>button:hover .add-card-icon{color:#fff;background:#404040;border-color:#008bff}.add-card-label{text-align:center;min-height:29px;font-size:11px;line-height:1.4}.add-card-icon small{color:#999;background:#292929;border-radius:2px;padding:1px 3px;font-size:9px;position:absolute;top:3px;right:3px}.add-integration-note{color:#888;padding:0 5px;font-size:10px;line-height:1.5}@media (max-width:1200px){:root{--left-panel-width:240px}.add-card-icon{height:62px}}@media (max-width:900px){:root{--left-panel-width:200px}.add-card-icon{height:52px}.add-card-icon svg{width:28px}.add-card-label{font-size:10px}}.components-panel{background:#282828}.components-panel .search-field{margin-top:3px}.components-scroll{flex:1;overflow:auto}.component-row{align-items:center;min-height:43px;padding:3px 10px;display:flex}.component-row:hover,.component-row.active{background:#353535}.component-row>button:first-child{text-align:left;cursor:grab;flex:1;align-items:flex-start;gap:7px;min-width:0;padding:5px 6px;display:flex}.component-row>button:first-child:active{cursor:grabbing}.component-row>button:first-child>svg{color:#bbb;margin-top:2px}.component-row span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.component-row small{color:#afd2ea;margin-top:2px;font-size:11px;display:block}.component-row>button:last-child{color:#aaa;padding:5px}.component-editor{border-top:1px solid #414141;margin-top:10px;padding:15px}.component-editor label{color:#bbb;flex-direction:column;gap:7px;font-size:11px;display:flex}.component-editor p{color:#aaa;font-size:11px;line-height:1.6}.component-editor .wide-button{width:100%;margin:8px 0;font-size:10px}.component-green{color:#76dda0;align-items:center;gap:5px;font-size:11px;display:flex}.components-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 14px;display:flex}.components-empty p{color:#aaa;margin:0;font-size:11px;line-height:1.6}.components-empty strong{font-size:12px;font-weight:500}.components-empty .wide-button{margin:2px 0}.components-footer{color:#aaa;border-top:1px solid #414141;padding:10px;font-size:10px;line-height:1.5}.component-tree-row{color:#76dda0}.component-tree-row.selected{color:#93f2b9!important;background:#294d39!important}.canvas-drop-guide{z-index:1000;pointer-events:none;background:#008bff0d;border:2px solid #008bff;position:fixed}.canvas-drop-guide.is-line{background:#008bff;border:0;min-width:2px;min-height:2px;box-shadow:0 0 0 1px #ffffff80}.canvas-drop-guide>span{color:#fff;white-space:nowrap;background:#008bff;border-radius:2px;padding:0 6px;font:11px/20px Arial,sans-serif;position:absolute;top:-21px;left:0}.add-cards>button[draggable=true]{cursor:grab}.element-settings{color:#bbb;font-size:12px}.element-setting-group{border-bottom:1px solid #414141;padding:11px 8px}.element-setting-row{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;margin:8px 0;display:grid}.element-setting-row input,.element-setting-row select{width:100%;min-width:0;height:25px;padding:3px 5px}.element-setting-row .segmented{width:100%}.element-setting-row .segmented button{flex:1;min-width:0;height:24px;padding:3px}.element-settings-section{border-bottom:1px solid #414141;padding:0 8px 10px}.element-settings-section summary{color:#eee;cursor:pointer;justify-content:space-between;align-items:center;height:38px;font-size:13px;font-weight:600;list-style:none;display:flex}.element-settings-section summary::-webkit-details-marker{display:none}.element-settings-section:not([open]){padding-bottom:0}.element-settings-section:not([open]) summary svg{transform:rotate(-90deg)}.element-link-label{color:#eee;margin:5px 0 10px}.element-setting-help{background:#333;border-radius:3px;padding:8px;line-height:1.45}.element-attributes-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.element-attributes-heading button,.element-attribute button{color:#aaa;background:0 0;border:0;padding:2px}.element-attribute{border:1px solid #414141;border-radius:3px;align-items:center;gap:4px;margin-bottom:5px;padding:4px;display:flex}.element-attribute span{text-overflow:ellipsis;white-space:nowrap;max-width:105px;overflow:hidden}.element-attribute input{background:0 0;border:0;flex:1;min-width:0;padding:2px}.attribute-form{gap:6px;display:grid}.attribute-form input{width:100%;min-width:0}.element-setting-check{align-items:flex-start;gap:4px;margin:6px 0;line-height:1.4;display:flex}.element-setting-check input{accent-color:#008cff;flex-shrink:0;width:12px;height:12px;margin:2px 0 0}.element-setting-note{color:#929292;margin:9px 0 0;font-size:10px;line-height:1.4}.shortcut-sheet{color:#eee;background:#333;border:1px solid #484848;border-radius:4px;width:min(1040px,100vw - 32px);max-width:none;height:min(850px,100vh - 32px);max-height:none;padding:0;box-shadow:0 20px 80px #0008}.shortcut-sheet::backdrop,.quick-find::backdrop{background:#0007}.shortcut-sheet header,.quick-find header{border-bottom:1px solid #4b4b4b;justify-content:space-between;align-items:center;height:38px;padding:0 12px;font-size:13px;display:flex}.shortcut-sheet header button,.quick-find header button{color:#aaa;cursor:pointer;background:0 0;border:0;font-size:19px}.shortcut-sheet-scroll{height:calc(100% - 38px);padding:0 12px 24px;overflow-y:auto}.shortcut-note{color:#aaa;margin:12px 0;font-size:11px}.shortcut-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.shortcut-columns section{margin-bottom:25px}.shortcut-columns h3{border-bottom:1px solid #4c4c4c;margin:8px 0 12px;padding-bottom:10px;font-size:13px;font-weight:600}.shortcut-entry{grid-template-columns:49% 1fr;gap:14px;padding:4px 0;font-size:12px;line-height:1.35;display:grid}.shortcut-entry kbd{text-align:right;color:#bcbcbc;white-space:normal;background:0 0;border:0;padding:0;font-size:11px}.shortcut-entry.unavailable{color:#999}.shortcut-entry.unavailable kbd{color:#919191}.shortcut-entry small{color:#909090;font-size:9px;display:block}.quick-find{color:#eee;background:#292929;border:1px solid #555;border-radius:5px;width:min(560px,100vw - 30px);padding:0}.quick-find>input{width:calc(100% - 24px);margin:12px;padding:10px}.quick-find-results{max-height:400px;padding:0 12px 12px;overflow-y:auto}.quick-find-results button{text-align:left;color:#ddd;background:0 0;border:0;justify-content:space-between;width:100%;padding:9px;display:flex}.quick-find-results button:hover,.quick-find-results button:focus{background:#34516b}.quick-find-results small{color:#aaa}@media (max-width:700px){.shortcut-columns{grid-template-columns:1fr}}html[data-doflow-dragging=move] .designer,html[data-doflow-dragging=move] .designer *{cursor:grabbing!important}html[data-doflow-dragging=copy] .designer,html[data-doflow-dragging=copy] .designer *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M8 16V9c0-3 4-3 4 0V7c0-3 4-3 4 0v1c0-3 4-3 4 0v2c0-3 4-3 4 0v8c0 5-3 8-6 9H12c-2-2-4-4-6-8l-2-4c-1-3 2-4 4 1Z' fill='white' stroke='black' stroke-width='1.5'/%3E%3Crect x='21' y='20' width='11' height='11' rx='2' fill='white' stroke='black'/%3E%3Cpath d='M26.5 22v7M23 25.5h7' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 12 12,copy!important}.sp-property-label{text-align:left;font:inherit;color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:1px;justify-self:start;padding:1px 2px}.sp-property-label.has-value{color:#a6d3ff;background:#254660}.sp-property-label.is-inherited{color:#f2c063;background:#4d3a17}.sp-property-label:hover{color:#c4e3ff;background:#365873}.sp-reset-popover{z-index:2000;color:#c5c5c5;background:#333;border:1px solid #454545;border-radius:3px;width:260px;font-size:12px;position:fixed;box-shadow:0 5px 18px #0008}.sp-reset-popover>button{width:100%;color:inherit;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:9px;display:flex}.sp-reset-popover>button:hover{background:#414141}.sp-reset-popover>button:disabled{opacity:.5;cursor:default}.sp-reset-popover kbd{font:inherit;color:#aaa}.sp-reset-popover p{border-top:1px solid #454545;margin:0;padding:9px;font-size:11px}.combo-selector{position:relative}.combo-input-shell{background:#202020;border:1px solid #555;border-radius:3px;flex-wrap:wrap;align-items:center;gap:3px;min-height:31px;padding:3px;display:flex}.combo-input-shell:focus-within{border-color:#0098ff;box-shadow:0 0 0 1px #0098ff}.combo-input-shell>svg{color:#ddd;flex-shrink:0}.class-chip{color:#d9ecff;text-overflow:ellipsis;white-space:nowrap;background:#275879;border:0;border-radius:2px;max-width:185px;padding:4px;font-size:11px;overflow:hidden}.class-chip.active{color:#fff;background:#0075c9}.combo-chip-group{background:#275879;border-radius:2px;align-items:center;max-width:100%;display:inline-flex}.remove-combo,.combo-toggle{color:#aaa;background:0 0;border:0;align-items:center;padding:1px;display:flex}.combo-input-shell input{width:35px;min-width:32px;box-shadow:none;color:#fff;background:0 0;border:0;outline:none;flex:1;padding:3px 0}.combo-menu{z-index:30;background:#333;border:1px solid #555;border-radius:3px;max-height:280px;position:absolute;top:calc(100% - 19px);left:8px;right:8px;overflow-y:auto;box-shadow:0 7px 20px #0008}.combo-menu-heading{color:#bcbcbc;background:#3d3d3d;padding:7px;font-size:11px;font-weight:600}.combo-menu button{text-align:left;color:#eee;background:0 0;border:0;width:100%;padding:7px;font-size:12px;display:block}.combo-menu button.highlighted{background:#505050}.combo-menu button span{background:#0073c5;border-radius:2px;padding:1px 3px}.combo-menu p{padding:8px;font-size:11px}.unit-input{background:#212121;border:1px solid #484848;border-radius:3px;flex:1;align-items:center;min-width:0;height:24px;display:flex}.unit-input:focus-within{border-color:#008cff}.sp-row .unit-input input,.unit-input input{width:0;min-width:0;box-shadow:none;background:0 0;border:0;outline:none;flex:1;height:22px;padding:3px 4px}.unit-input>button{color:#bbb;background:0 0;border:0;min-width:18px;height:22px;padding:2px 4px;font-size:9px}.unit-input>button:hover{color:#fff;background:#454545}.unit-menu{z-index:2100;background:#3d3d3d;border:1px solid #555;border-radius:3px;width:96px;max-height:290px;padding:3px 0;position:fixed;overflow-y:auto;box-shadow:0 6px 16px #0008}.unit-menu button{text-align:left;color:#eee;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:5px 8px;font-size:11px;display:flex}.unit-menu button span{width:12px}.unit-menu button:hover,.unit-menu button:focus{background:#555;outline:none}.spacing-input .unit-input{height:22px}.breakpoint-pill{border:1px solid var(--line);color:var(--muted);border-radius:3px;margin:8px 12px 4px;padding:6px 8px;font-size:11px;line-height:1.5}.breakpoint-pill strong{color:var(--text)}.variables-panel .panel-section{border-bottom:1px solid var(--line);padding:8px 12px 12px}.variables-panel .panel-section h3{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:4px 0 8px;font-size:11px;font-weight:600}.variables-panel .list-row{align-items:center;gap:6px;height:28px;display:flex}.variables-panel .list-row input{flex:1;height:22px;font-size:11px}.variables-panel .list-row button{color:var(--muted);background:0 0;border:0;width:20px}.variables-panel .list-row button:hover{color:var(--text)}.variable-swatch{border:1px solid #555;border-radius:2px;flex:none;width:14px;height:14px}.variables-panel .panel-section>input,.variables-panel .panel-section>select{width:100%;height:24px;margin-bottom:6px;font-size:11px;display:block}.class-actions-menu{order:3;margin-left:auto;position:relative}.class-actions-menu summary{cursor:pointer;color:#bbb;padding:0 5px;list-style:none}.class-actions-menu summary::-webkit-details-marker{display:none}.class-actions-menu>div{z-index:45;background:#333;border:1px solid #555;min-width:145px;padding:4px;position:absolute;top:20px;right:0;box-shadow:0 6px 18px #0008}.class-actions-menu .class-action{text-align:left;color:#eee;background:0 0;border:0;width:100%;padding:7px 9px;font-size:11px;display:block}.class-actions-menu .class-action:hover{background:#474747}