:root{--md-bg:#eef2f7;--md-surface:#fff;--md-soft:#f7f9fc;--md-stage:#e8edf5;--md-line:#dfe5ee;--md-text:#1b2941;--md-muted:#68768d;--md-accent:#315de6;--md-accent-soft:#ecf1ff;--md-shadow:0 7px 30px rgba(35,51,79,.07)}body.body--dark{--md-bg:#111a2a;--md-surface:#192438;--md-soft:#202e44;--md-stage:#131f32;--md-line:#314158;--md-text:#edf2fc;--md-muted:#b0bdcf;--md-accent:#92a9ff;--md-accent-soft:#283a63;--md-shadow:0 7px 28px rgba(0,0,0,.3)}#q-app,body,html{height:100%}body{background:var(--md-bg);color:var(--md-text)}button{font:inherit}:where(button,a,input,select,textarea,.q-btn):focus-visible{outline:3px solid var(--md-accent)!important;outline-offset:2px}.md-global-header{background:var(--md-surface);border-color:var(--md-line)!important;color:var(--md-text)}.md-global-toolbar{gap:16px;height:56px;min-height:56px;padding:0 16px}.md-logo-button{color:var(--md-text);font-size:17px;font-weight:800;gap:9px;letter-spacing:-.7px;padding:4px 7px!important}.md-logo-button .q-icon{color:var(--md-accent)}.md-global-context{color:var(--md-muted);font-size:12px;font-weight:600}.md-header-separator{background:var(--md-line)}.md-profile-button{padding:4px}.md-page-container{min-height:0}.md-workspace{background:var(--md-bg);color:var(--md-text);display:flex;flex-direction:column;height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);min-height:0!important;overflow:hidden;position:relative;width:100%}.md-project-bar{align-items:center;background:var(--md-surface);border-bottom:1px solid var(--md-line);display:flex;flex:none;gap:14px;justify-content:space-between;min-height:61px;padding:7px 16px}.md-project-title{align-items:center;column-gap:12px;display:flex;flex-wrap:wrap;min-width:0;row-gap:2px}.md-project-title strong{font-size:14px;max-width:min(27vw,340px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-project-breadcrumb{align-items:center;color:var(--md-muted);display:flex;font-size:12px}.md-save-indicator{align-items:center;background:#e8f8f1;border-radius:20px;color:#207c67;display:inline-flex;font-size:11px;gap:4px;padding:3px 8px;white-space:nowrap}.md-save-indicator.dirty{background:#fff2d6;color:#94630c}.body--dark .md-save-indicator{background:#203c40;color:#9de5cf}.body--dark .md-save-indicator.dirty{background:#3d3526;color:#f7d597}.md-project-actions{align-items:center;display:flex;flex:none;gap:5px}.md-project-actions .q-btn{border-radius:9px;min-height:36px}.md-small-only{display:none!important}.md-editor-main{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;width:100%}.md-tool-rail{align-items:center;background:var(--md-surface);border-right:1px solid var(--md-line);display:flex;flex:none;flex-direction:column;gap:9px;padding:14px 6px;width:58px}.md-tool-rail .q-btn{height:40px;min-height:40px;width:40px}.md-tool-rail .q-separator{background:var(--md-line);width:30px}.md-rail-spacer{flex:1}.md-library-panel{border-right:1px solid var(--md-line);flex:0 0 251px}.md-inspector-panel,.md-library-panel{background:var(--md-surface);display:flex;min-width:0;overflow:hidden}.md-inspector-panel{border-left:1px solid var(--md-line);flex:0 0 288px}.md-panel-heading{align-items:center;display:flex;gap:9px;justify-content:space-between;min-height:58px;padding:14px 15px 9px}.md-panel-heading h2{font-size:16px;font-weight:750;line-height:1.3;margin:1px 0 0}.md-overline{color:var(--md-muted);font-size:9px;font-weight:800;letter-spacing:1.3px;margin:0;text-transform:uppercase}.md-inspector-content,.md-library-content{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;width:100%}.md-panel-tabs{background:var(--md-soft);border-radius:9px;display:flex;gap:2px;margin:0 12px 13px;padding:3px}.md-panel-tabs button{background:transparent;border:0;border-radius:7px;color:var(--md-muted);cursor:pointer;flex:1;font-size:12px;font-weight:650;padding:8px 6px}.md-panel-tabs button.active{background:var(--md-surface);box-shadow:var(--md-shadow);color:var(--md-text)}.md-count{color:var(--md-muted);display:inline-block;font-size:10px;margin-left:2px}.md-library-search{margin:0 12px 12px}.md-library-search .q-field__control{border-radius:9px;height:38px}.md-category-scroller{display:flex;flex:none;flex-wrap:nowrap;gap:6px;margin:0 12px 7px;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.md-category-btn{background:var(--md-surface);border:1px solid var(--md-line);border-radius:8px;color:var(--md-muted);cursor:pointer;font-size:11px;font-weight:600;padding:7px 9px;white-space:nowrap}.md-category-btn.active{background:var(--md-accent-soft);border-color:var(--md-accent);color:var(--md-accent)}.md-library-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 12px 18px}.md-section-label{color:var(--md-muted);font-size:11px;font-weight:650;margin:6px 0 12px}.md-asset-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.md-asset-card{background:var(--md-surface);border:1px solid var(--md-line);border-radius:11px;cursor:pointer;min-width:0;padding:8px 5px;text-align:center;transition:transform .13s,border-color .13s,background .13s}.md-asset-card:hover{background:var(--md-soft);border-color:var(--md-accent);transform:translateY(-2px)}.md-asset-thumb{align-items:center;background:var(--md-soft);border-radius:8px;color:var(--md-accent);display:flex;height:57px;justify-content:center;width:100%}.md-asset-thumb img{height:100%;object-fit:contain;width:100%}.md-asset-name{color:var(--md-text);display:block;font-size:11px;font-weight:600;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-library-footer{border-top:1px solid var(--md-line);display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:12px}.md-library-footer .q-btn{font-size:11px}.md-empty-state{border:1px dashed var(--md-line);border-radius:11px;color:var(--md-muted);font-size:12px;line-height:1.65;padding:20px 12px;text-align:center}.md-layers-scroll{padding-top:8px}.md-layer-row{align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--md-text);cursor:pointer;display:flex;gap:9px;padding:8px 9px;text-align:left;width:100%}.md-layer-row:hover{background:var(--md-soft)}.md-layer-row.selected{background:var(--md-accent-soft);border-color:var(--md-accent)}.md-layer-icon{background:var(--md-soft);border-radius:7px;display:grid;flex:none;height:31px;place-items:center;width:31px}.md-layer-name{flex:1;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-layer-name small{color:var(--md-muted);font-size:9px;font-weight:400}.md-layer-order{color:var(--md-muted);font-size:10px}.md-stage{background:var(--md-stage);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.md-stage-toolbar{align-items:center;background:var(--md-surface);border-bottom:1px solid var(--md-line);display:flex;flex:none;gap:8px;justify-content:space-between;min-height:43px;padding:4px 9px}.md-stage-tools,.md-zoom-tools{align-items:center;display:flex;gap:3px;min-width:0}.md-zoom-tools span{font-size:11px;font-variant-numeric:tabular-nums;font-weight:750;text-align:center;width:37px}.md-stage-toolbar .q-btn{min-height:33px}.md-tool-divider{background:var(--md-line);height:21px;margin:0 5px;width:1px}.md-stage-canvas{flex:1;min-height:0;min-width:0;overflow:hidden;padding:14px;position:relative}.md-stage-canvas .drawing-area{background:var(--md-surface);border:1px solid var(--md-line);border-radius:12px;box-shadow:var(--md-shadow);height:100%;min-height:0;width:100%}.md-stage-canvas .drawing-area:focus-within{outline:1px solid var(--md-accent)}.md-stage-footer{align-items:center;background:var(--md-surface);border-top:1px solid var(--md-line);color:var(--md-muted);display:flex;flex:none;font-size:10px;gap:10px;height:30px;justify-content:space-between;padding:0 14px}.md-stage-footer span{align-items:center;display:inline-flex;gap:4px}.md-inspector-fields{flex:1;min-height:0;overflow:auto;padding:0 14px 22px}.md-selected-summary{align-items:center;background:var(--md-soft);border-radius:11px;display:flex;gap:11px;margin:6px 0 18px;padding:13px}.md-selected-summary>.q-icon{color:var(--md-accent)}.md-selected-summary span,.md-selected-summary strong{display:block}.md-selected-summary strong{font-size:12px}.md-selected-summary span{color:var(--md-muted);font-size:10px;margin-top:3px}.md-inspector-empty{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;justify-content:center;padding:24px;text-align:center}.md-inspector-empty h3{font-size:13px;font-weight:750;margin:3px 0}.md-inspector-empty p{color:var(--md-muted);font-size:11px;line-height:1.65}.md-property-section{border-top:1px solid var(--md-line);margin-top:14px;padding-top:14px}.md-property-section h3{font-size:11px;font-weight:750;letter-spacing:.5px;margin:0 0 11px;text-transform:uppercase}.md-property-grid{display:grid;gap:9px;grid-template-columns:1fr 1fr}.md-full-field,.md-property-grid label{color:var(--md-muted);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:5px}.md-full-field input,.md-property-grid input{background:var(--md-soft);border:1px solid var(--md-line);border-radius:8px;color:var(--md-text);font-size:12px;font-variant-numeric:tabular-nums;min-width:0;padding:9px 10px;width:100%}.md-color-row{align-items:center;color:var(--md-muted);display:flex;font-size:11px;font-weight:600;gap:8px;padding:5px 0 9px}.md-color-row>span{flex:1}.md-color-row input[type=color]{background:transparent;border:1px solid var(--md-line);border-radius:7px;cursor:pointer;height:32px;padding:1px;width:40px}.md-text-button{background:none;border:0;color:var(--md-accent);cursor:pointer;font-size:10px;padding:5px 2px}.md-full-field{margin-top:6px}.md-inspector-actions{align-items:stretch;display:flex;flex-direction:column;gap:6px}.md-inspector-actions .q-btn{justify-content:flex-start}.md-advanced-tools{background:var(--md-surface);border:1px solid var(--md-line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:var(--md-shadow);padding:4px 12px;position:absolute;right:15px;top:61px;width:min(685px,100vw - 24px);z-index:400}.md-advanced-heading{align-items:center;display:flex;font-size:12px;justify-content:space-between;min-height:32px}.md-legacy-host{display:none}.md-legacy-host-visible{background:var(--md-surface);border:1px solid var(--md-line);border-radius:0 0 12px 12px;border-top:0;box-shadow:var(--md-shadow);display:block;max-height:min(55vh,530px);overflow:auto;padding:10px 12px;position:absolute;right:15px;top:105px;width:min(685px,100vw - 24px);z-index:401}.md-legacy-host .q-toolbar{min-height:42px}.md-legacy-host .q-btn{max-width:100%}.md-responsive-dialog{max-height:calc(100dvh - 40px);min-width:0!important;overflow:auto;width:min(720px,100vw - 24px)!important}.md-geometry-dialog{width:min(760px,100vw - 24px)!important}.md-mobile-nav{display:none}.md-mobile-sheet{background:var(--md-surface);border-radius:18px 18px 0 0!important;color:var(--md-text);display:flex;flex-direction:column;height:min(72dvh,690px);max-height:calc(100dvh - 100px);max-width:100vw!important;overflow:hidden;width:100%}.md-mobile-sheet .md-panel-heading{padding-top:20px}.md-mobile-sheet .md-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1260px){.md-library-panel{flex-basis:215px}.md-inspector-panel{flex-basis:245px}.md-stage-canvas{padding:10px}.md-project-breadcrumb{display:none}.md-project-title strong{max-width:22vw}}@media (max-width:1023px){.md-workspace{height:calc(100dvh - 56px)}.md-inspector-panel,.md-library-panel,.md-tool-rail{display:none}.md-stage-canvas{padding:8px}.md-project-bar{min-height:55px;padding:5px 10px}.md-project-title strong{font-size:13px;max-width:39vw}.md-mobile-nav{background:var(--md-surface);border-top:1px solid var(--md-line);display:flex;flex:none;height:calc(62px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}.md-mobile-nav button{align-items:center;background:none;border:0;color:var(--md-muted);cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:10px;font-weight:600;gap:3px;justify-content:center;min-height:55px;min-width:0}.md-mobile-nav button.active{background:var(--md-accent-soft);color:var(--md-accent)}.md-mobile-nav button:disabled{cursor:not-allowed;opacity:.5}.md-advanced-tools{top:55px}.md-legacy-host-visible{top:99px}}@media (max-width:640px){.md-global-toolbar{height:52px;min-height:52px;padding:0 11px}.md-global-context,.md-header-separator{display:none}.md-workspace{height:calc(100dvh - 52px);max-height:calc(100dvh - 52px)}.md-project-bar{gap:8px}.md-project-title{align-items:flex-start;flex-direction:column;gap:3px}.md-project-title strong{font-size:12px;max-width:33vw}.md-save-indicator{font-size:9px;padding:1px 5px}.md-desktop-label{display:none!important}.md-small-only{display:inline-flex!important}.md-project-actions{gap:3px}.md-project-actions .q-btn{min-height:34px}.md-project-actions>.q-btn .q-btn__content{font-size:12px}.md-stage-toolbar{min-height:39px;padding:3px 6px}.md-zoom-tools .q-btn{min-width:29px}.md-stage-footer{height:25px;padding:0 7px}.md-footer-tip{display:none!important}.md-stage-canvas{padding:5px}.md-advanced-tools{right:5px;top:55px}.md-legacy-host-visible{right:5px;top:99px}.md-mobile-sheet .md-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.md-asset-card{transition:none}}.md-project-picker .row{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.md-project-picker .image-container{border-color:var(--md-line);border-radius:10px;color:var(--md-text);max-width:none;width:auto}.md-legacy-host .drawing-menu{background:var(--md-surface);border:1px solid var(--md-line);color:var(--md-text)}.md-legacy-host .drawing-menu-item:hover{background:var(--md-soft)}.md-legacy-host .image-name{color:var(--md-text)}@media (max-width:600px){.md-project-picker .row{grid-template-columns:repeat(2,minmax(0,1fr))}.md-project-picker .image-container{width:auto}.md-responsive-dialog .q-card-section{padding:12px}}.md-profile-menu{background:var(--md-surface);color:var(--md-text);max-width:calc(100vw - 24px)}.md-login-page{background:radial-gradient(circle at 18% 18%,var(--md-accent-soft),var(--md-bg) 46%);min-height:100dvh}.md-login-card{background:var(--md-surface);border:1px solid var(--md-line);border-radius:18px;box-shadow:var(--md-shadow);color:var(--md-text);max-width:100%;width:440px}@media (max-width:600px){.md-profile-menu{flex-direction:column!important;flex-wrap:wrap}.md-profile-menu>.q-separator{display:none}.md-login-page{align-items:flex-start;padding-top:8dvh}}