[data-editor-2d]{--editor-2d-grid-dot-color:color-mix(in srgb, var(--modus-wc-color-base-content-low-contrast) 22%, transparent)}[data-editor-2d] .app-container{background-color:var(--modus-wc-color-base-page);touch-action:none;zoom:1;flex-direction:column;width:100%;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}[data-editor-2d] .editor-container-wrapper{flex-direction:row;flex:1;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}[data-editor-2d] .editor-container{touch-action:none;zoom:1;flex-direction:column;flex:1;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}[data-editor-2d] .utility-panel-header{justify-content:space-between;align-items:center;width:100%;display:flex}[data-editor-2d] .project-tabs-floating-wrapper{z-index:10;pointer-events:none;justify-content:flex-start;width:max-content;min-width:0;max-width:50%;display:flex;position:absolute;top:1rem;left:1rem}[data-editor-2d] .project-tabs-floating-wrapper>modus-wc-panel,[data-editor-2d] .project-tabs-floating-wrapper>*{pointer-events:auto;width:100%;min-width:0;max-width:100%}[data-editor-2d] .project-tabs-floating-wrapper .modus-wc-panel.editor-2d-floating-project-tabs-panel,[data-editor-2d] .project-tabs-floating-wrapper modus-wc-panel.editor-2d-floating-project-tabs-panel{border-radius:var(--modus-wc-radius-md,.5rem)!important;box-shadow:var(--modus-wc-shadow-lg)!important;overflow:hidden!important}[data-editor-2d] .project-tabs-container{align-items:center;gap:.5rem;min-width:0;max-width:100%;padding:.375rem .5rem;display:flex;overflow:hidden}[data-editor-2d] .project-tabs-logo{flex-shrink:0;align-items:center;display:flex}[data-editor-2d] .project-tabs-logo modus-wc-logo{width:81px;height:24px}[data-editor-2d] .tabs-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--modus-wc-color-base-200) transparent;flex:auto;min-width:0;max-width:100%;overflow:auto hidden}[data-editor-2d] .tabs-wrapper::-webkit-scrollbar{height:4px}[data-editor-2d] .tabs-wrapper::-webkit-scrollbar-thumb{background-color:var(--modus-wc-color-base-200);border-radius:2px}[data-editor-2d] .tabs-wrapper modus-wc-tabs,[data-editor-2d] .tabs-wrapper modus-wc-tabs .modus-wc-tab{--tab-bg:var(--modus-wc-color-base-page)}[data-editor-2d] .tabs-wrapper modus-wc-tabs{white-space:nowrap;min-width:max-content}[data-editor-2d] .project-tabs-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}[data-editor-2d] .project-dashboard-content{min-height:300px;max-height:70vh;overflow-y:auto}[data-editor-2d] .project-dashboard-empty{min-height:300px;color:var(--modus-wc-color-base-content-low-contrast);justify-content:center;align-items:center;display:flex}[data-editor-2d] .project-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1rem 0;display:grid}[data-editor-2d] .project-card-wrapper{cursor:pointer;transition:transform .2s,box-shadow .2s}[data-editor-2d] .project-card-wrapper:hover{transform:translateY(-2px)}[data-editor-2d] .project-card-wrapper:hover .modus-wc-card{box-shadow:0 4px 8px #0000001a}[data-editor-2d] .project-card-wrapper.active .modus-wc-card{border-color:var(--modus-wc-color-primary);box-shadow:0 0 0 2px var(--modus-wc-color-primary)}[data-editor-2d] .project-card-content{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}[data-editor-2d] .project-card-actions,[data-editor-2d] .project-dashboard-footer{justify-content:flex-end;gap:.5rem;display:flex}[data-editor-2d] .canvas-container{background-color:var(--modus-wc-color-base-100);touch-action:none;overscroll-behavior:none;border-radius:0;flex-direction:column;flex:1;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}[data-editor-2d] .canvas-scroll-area{z-index:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;background-color:var(--modus-wc-color-base-100);flex:1;min-height:0;max-height:100vh;position:relative;overflow:auto}[data-editor-2d] .canvas-scroll-wrapper{width:3000px;height:3000px;position:relative}[data-editor-2d] .canvas{z-index:2;pointer-events:auto;background-color:var(--modus-wc-color-base-100);width:3000px;height:3000px;position:absolute;top:0;left:0}[data-editor-2d] .canvas-bottom-controls-wrapper{z-index:100;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:40px;right:1rem}[data-editor-2d] .canvas-bottom-controls-wrapper>*{pointer-events:auto}[data-editor-2d] .canvas-bottom-controls-wrapper .canvas-info{pointer-events:none}[data-editor-2d] .canvas-info{background-color:var(--modus-wc-color-base-100);border:1px solid var(--modus-wc-color-base-200);color:var(--modus-wc-color-base-content);box-shadow:var(--modus-wc-shadow-lg);border-radius:4px;gap:1rem;padding:.5rem 1rem;font-size:.875rem;display:flex}[data-editor-2d] .canvas-info span{font-weight:500}[data-editor-2d] .floating-toolbar-wrapper{z-index:10;pointer-events:auto;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}[data-editor-2d] .project-tabs-floating-wrapper .modus-wc-panel.editor-2d-floating-toolbar-panel,[data-editor-2d] .project-tabs-floating-wrapper modus-wc-panel.editor-2d-floating-toolbar-panel,[data-editor-2d] .floating-toolbar-wrapper .modus-wc-panel.editor-2d-floating-toolbar-panel,[data-editor-2d] .floating-toolbar-wrapper modus-wc-panel.editor-2d-floating-toolbar-panel,[data-editor-2d] .layers-toggle-wrapper .modus-wc-panel.editor-2d-floating-toolbar-panel,[data-editor-2d] .layers-toggle-wrapper modus-wc-panel.editor-2d-floating-toolbar-panel,[data-editor-2d] .color-toolbar-container .modus-wc-panel.editor-2d-floating-toolbar-panel,[data-editor-2d] .color-toolbar-container modus-wc-panel.editor-2d-floating-toolbar-panel,[data-map-editor] .view-toggle-container .modus-wc-panel.editor-2d-floating-toolbar-panel,[data-map-editor] .view-toggle-container modus-wc-panel.editor-2d-floating-toolbar-panel,[data-map-editor] .legend-container .modus-wc-panel.editor-2d-floating-toolbar-panel,[data-map-editor] .legend-container modus-wc-panel.editor-2d-floating-toolbar-panel{--modus-wc-color-gray-0:var(--modus-wc-color-base-200);box-shadow:var(--modus-wc-shadow-lg);background-color:var(--modus-wc-color-base-page)!important;border:none!important}[data-editor-2d] .floating-toolbar-content{flex-direction:column;gap:0;padding:.5rem;display:flex}[data-editor-2d] .floating-toolbar-wrapper .floating-toolbar-content{gap:.25rem}[data-editor-2d] .floating-toolbar-wrapper .floating-toolbar-content modus-wc-button,[data-editor-2d] .layers-toggle-wrapper .floating-toolbar-content modus-wc-button{margin:0!important}[data-editor-2d] .floating-toolbar-content modus-wc-button:first-child{margin-top:0!important}[data-editor-2d] .layer-panel{background-color:var(--modus-wc-color-base-100);flex-direction:column;height:100%;padding:1rem;display:flex}[data-editor-2d] .layer-list{flex-direction:column;flex:1;gap:.25rem;margin-top:1rem;display:flex;overflow-y:auto}[data-editor-2d] .layer-item{cursor:pointer;user-select:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s,opacity .2s,transform .2s;display:flex}[data-editor-2d] .layer-item:hover:not(.dragging){background-color:var(--modus-wc-color-base-200)}[data-editor-2d] .layer-item.selected{background-color:var(--modus-wc-color-base-200);border:1px solid var(--modus-wc-color-primary)}[data-editor-2d] .layer-item.dragging{opacity:.5;cursor:grabbing}[data-editor-2d] .layer-item.drag-over{border-top:2px solid var(--modus-wc-color-primary);padding-top:calc(.5rem - 1px)}[data-editor-2d] .drag-handle{cursor:grab;color:var(--modus-wc-color-base-content-low-contrast);pointer-events:none}[data-editor-2d] .layer-item.dragging .drag-handle{cursor:grabbing}[data-editor-2d] .layer-item modus-wc-icon,[data-editor-2d] .layer-item modus-wc-typography{pointer-events:none;user-select:none}[data-editor-2d] .layer-empty{color:var(--modus-wc-color-base-content-low-contrast);justify-content:center;align-items:center;padding:2rem;display:flex}[data-editor-2d] .layers-toggle-wrapper{z-index:10;pointer-events:auto;position:absolute;top:1rem;right:1rem}[data-editor-2d] .color-toolbar-container{z-index:20;pointer-events:auto;position:absolute;transform:translate(-50%)}[data-editor-2d] .color-toolbar-content{flex-direction:row;align-items:center;gap:.5rem;padding:.5rem;display:flex}[data-editor-2d] .color-picker-input{border:1px solid var(--modus-wc-color-base-200);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;width:24px;height:24px;padding:0}[data-editor-2d] .color-picker-input::-webkit-color-swatch-wrapper{padding:0}[data-editor-2d] .color-picker-input::-webkit-color-swatch{border:none;border-radius:3px}