:root{--md-sys-color-primary: #6750A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-secondary: #625B71;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-tertiary: #7D5260;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #FFFBFE;--md-sys-color-on-surface: #1C1B1F;--md-sys-color-surface-variant: #E7E0EC;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-outline: #79747E;--md-sys-color-outline-variant: #CAC4D0;--md-sys-color-shadow: #000000;--md-sys-color-inverse-surface: #313033;--md-sys-color-inverse-on-surface: #F4EFF4;--md-sys-color-inverse-primary: #D0BCFF}.color-picker-container{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--md-sys-color-surface);border-radius:28px;border:none;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;margin-bottom:16px;transition:all .2s cubic-bezier(.2,0,0,1)}.color-picker-container:hover{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.color-picker-label{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--md-sys-color-on-surface);margin-bottom:4px}.color-picker-preview-wrapper{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--md-sys-color-surface-variant);border-radius:20px;border:none}.color-picker-preview{width:56px;height:56px;border-radius:20px;border:2px solid var(--md-sys-color-outline-variant);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;flex-shrink:0;transition:all .2s cubic-bezier(.2,0,0,1)}.color-picker-preview.empty{background-image:linear-gradient(45deg,#CAC4D0 25%,transparent 25%),linear-gradient(-45deg,#CAC4D0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#CAC4D0 75%),linear-gradient(-45deg,transparent 75%,#CAC4D0 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;background-color:var(--md-sys-color-surface)}.color-picker-inputs{flex:1;display:flex;flex-direction:column;gap:12px}.color-picker-text-input{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;width:100%;transition:all .2s cubic-bezier(.2,0,0,1);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);line-height:20px;letter-spacing:.25px}.color-picker-text-input:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.color-picker-text-input:hover{border-color:var(--md-sys-color-on-surface)}.color-picker-button{padding:10px 24px;background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:none;border-radius:20px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);align-self:flex-start;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.color-picker-button:hover{background-color:var(--md-sys-color-error-container);box-shadow:0 2px 2px #0000004d,0 3px 6px 2px #00000026;transform:translateY(-1px)}.color-picker-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.input-container{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:16px;background-color:var(--md-sys-color-surface);border-radius:28px;border:none;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;margin-bottom:16px;transition:all .2s cubic-bezier(.2,0,0,1)}.input-container:hover{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.input-label{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--md-sys-color-on-surface);margin-bottom:4px}.input-group{display:flex;align-items:center;gap:12px;width:100%}.input-field{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);transition:all .2s cubic-bezier(.2,0,0,1);outline:none}.input-field:focus{border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.input-field:hover:not(:disabled){border-color:var(--md-sys-color-on-surface)}.input-number{width:50%}.input-number input,.input-number .k-input{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);transition:all .2s cubic-bezier(.2,0,0,1)}.input-number input:focus,.input-number .k-input:focus,.input-number.k-focused .k-input{border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none;outline:none}.input-number input:hover,.input-number .k-input:hover{border-color:var(--md-sys-color-on-surface)}.input-unit{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface-variant);font-weight:400;padding:0 4px}.input-combobox{width:25%}.input-combobox-full{width:100%}.input-combobox .k-input,.input-combobox input{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:all .2s cubic-bezier(.2,0,0,1)}.input-combobox.k-focused .k-input,.input-combobox:focus-within .k-input,.input-combobox .k-input:focus{border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.input-combobox .k-input:hover{border-color:var(--md-sys-color-on-surface)}.input-textarea{width:100%;min-height:120px;padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);resize:vertical;transition:all .2s cubic-bezier(.2,0,0,1)}.input-textarea:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.input-textarea:hover{border-color:var(--md-sys-color-on-surface)}.input-textarea-large{min-height:200px}.input-text{width:100%;padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);transition:all .2s cubic-bezier(.2,0,0,1)}.input-text:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.input-text:hover:not(:disabled){border-color:var(--md-sys-color-on-surface)}.input-button{padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);border:none;outline:none;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.input-button-delete{width:25%;background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.input-button-delete:hover{background-color:var(--md-sys-color-error-container);box-shadow:0 2px 2px #0000004d,0 3px 6px 2px #00000026;transform:translateY(-1px)}.input-button-delete:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.input-button-save{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);margin-top:10px}.input-button-save:hover{background-color:var(--md-sys-color-primary);box-shadow:0 2px 2px #0000004d,0 4px 8px 3px #00000026;transform:translateY(-1px)}.input-button-save:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.input-button-delete-auto{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);margin-top:10px;width:auto;align-self:flex-start}.input-button-delete-auto:hover{background-color:var(--md-sys-color-error-container);box-shadow:0 2px 2px #0000004d,0 3px 6px 2px #00000026;transform:translateY(-1px)}.input-button-delete-auto:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.input-button .k-button,.input-button button{width:100%;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.input-button-delete .k-button,.input-button-delete button{background-color:var(--md-sys-color-error-container)!important;color:var(--md-sys-color-on-error-container)!important;border:none!important}.input-button-delete:hover .k-button,.input-button-delete:hover button,.input-button-delete .k-button:hover,.input-button-delete button:hover{background-color:var(--md-sys-color-error-container)!important;box-shadow:0 2px 2px #0000004d,0 3px 6px 2px #00000026!important}.input-button-save .k-button,.input-button-save button{background-color:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important;border:none!important}.input-button-save:hover .k-button,.input-button-save:hover button,.input-button-save .k-button:hover,.input-button-save button:hover{background-color:var(--md-sys-color-primary)!important;box-shadow:0 2px 2px #0000004d,0 4px 8px 3px #00000026!important}.input-button-delete-auto .k-button,.input-button-delete-auto button{background-color:var(--md-sys-color-error-container)!important;color:var(--md-sys-color-on-error-container)!important;border:none!important;width:auto}.input-button-delete-auto:hover .k-button,.input-button-delete-auto:hover button,.input-button-delete-auto .k-button:hover,.input-button-delete-auto button:hover{background-color:var(--md-sys-color-error-container)!important;box-shadow:0 2px 2px #0000004d,0 3px 6px 2px #00000026!important}.input-pre-view{max-height:200px;overflow-y:auto;background-color:var(--md-sys-color-surface-variant);padding:16px;border-radius:12px;border:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:16px;letter-spacing:.4px;color:var(--md-sys-color-on-surface-variant);margin-top:12px}.input-pre-view::-webkit-scrollbar{width:8px}.input-pre-view::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:4px}.input-pre-view::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:4px}.input-pre-view::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.editor-title{font-weight:500;font-size:24px;line-height:32px;letter-spacing:0px;color:var(--md-sys-color-on-surface);margin:0 0 16px}.editor-title-secondary{font-weight:500;font-size:20px;line-height:28px;letter-spacing:.15px;color:var(--md-sys-color-on-surface);margin:0 0 12px}.editor-title-tertiary{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--md-sys-color-on-surface);margin:0 0 8px}.editor-title-small{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--md-sys-color-on-surface);margin:0 0 4px}.editor-section{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--md-sys-color-surface);border-radius:28px;border:none;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;margin-bottom:16px;transition:all .2s cubic-bezier(.2,0,0,1)}.editor-section:hover{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.editor-section-column{display:flex;flex-direction:column;gap:12px}.editor-section-row{display:flex;flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap}.editor-button-row{display:flex;flex-direction:row;gap:10px;margin-top:10px}.editor-button{flex:1;max-width:150px;margin:5px;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);border:none;outline:none;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.editor-button:hover{box-shadow:0 2px 2px #0000004d,0 3px 6px 2px #00000026;transform:translateY(-1px)}.editor-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.editor-button-full{flex:1;margin:5px}.editor-grid-2x2{display:grid;gap:5px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);flex:1}.editor-grid-2x4{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.editor-input-text{width:100%;padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);transition:all .2s cubic-bezier(.2,0,0,1);font-family:inherit}.editor-input-text:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.editor-input-text:hover{border-color:var(--md-sys-color-on-surface)}.editor-input-text-small{width:25%}.editor-combobox{width:100%}.editor-combobox .k-input{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:all .2s cubic-bezier(.2,0,0,1)}.editor-combobox.k-focused .k-input,.editor-combobox:focus-within .k-input{border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.editor-combobox .k-input:hover{border-color:var(--md-sys-color-on-surface)}.editor-note{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface-variant);font-style:italic;margin-top:8px}.editor-help-text{font-size:12px;line-height:16px;letter-spacing:.4px;color:var(--md-sys-color-on-surface-variant);margin-top:4px}.editor-border-section{margin-bottom:24px}.editor-border-controls{display:flex;gap:8px;align-items:center;margin-top:12px}.editor-border-controls .k-combobox{flex:1}.editor-border-delete-button{align-self:flex-end;margin-top:20px}.editor-radius-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.editor-radius-grid-title{grid-area:1 / 1 / 2 / 3}.editor-radius-grid-checkbox{grid-area:2 / 1 / 3 / 3}.editor-radius-item-top-left{grid-area:3 / 1 / 4 / 2}.editor-radius-item-top-right{grid-area:3 / 2 / 4 / 3}.editor-radius-item-bottom-left{grid-area:4 / 1 / 5 / 2}.editor-radius-item-bottom-right{grid-area:4 / 2 / 5 / 3}.editor-radius-item{display:flex;flex-direction:column;align-items:start;gap:10px;margin-bottom:10px}.editor-radius-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px}.editor-radius-label{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--md-sys-color-on-surface)}.editor-radius-input{width:25%}.editor-radius-unit{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface-variant);padding:0 4px}.editor-shadow-container{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editor-shadow-field{display:flex;flex-direction:column;gap:8px}.editor-shadow-controls{display:flex;flex-direction:row;align-items:center;gap:10px}.editor-grid-alignment{display:flex;flex-direction:row;gap:10px;justify-content:space-around;flex:1;margin-bottom:16px}.editor-grid-position{display:grid;gap:5px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);flex:1;margin-bottom:16px}.editor-grid-layer{display:flex;flex-direction:column;flex:1;margin-bottom:16px}.editor-bg-image-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.editor-bg-image-input{margin-top:10px}.editor-icon-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.editor-checkbox{margin-bottom:16px}.editor-checkbox .k-checkbox-label{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface)}.editor-label{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--md-sys-color-on-surface);margin-bottom:8px}.editor-spacing-top{margin-top:10px}.editor-spacing-bottom{margin-bottom:16px}.editor-button-group .k-button{border-radius:20px;transition:all .2s cubic-bezier(.2,0,0,1)}.editor-button-group .k-button.k-selected{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.editor-button-group .k-button:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.editor-input-text input[type=number],.editor-input-text input[type=text]{width:100%;padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);transition:all .2s cubic-bezier(.2,0,0,1);font-family:inherit}.editor-input-text input[type=number]:focus,.editor-input-text input[type=text]:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.editor-input-text input[type=number]:hover,.editor-input-text input[type=text]:hover{border-color:var(--md-sys-color-on-surface)}.editor-shadow-field .k-numerictextbox,.editor-shadow-field .k-numerictextbox .k-input{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);transition:all .2s cubic-bezier(.2,0,0,1)}.editor-shadow-field .k-numerictextbox.k-focused .k-input,.editor-shadow-field .k-numerictextbox:focus-within .k-input{border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.editor-shadow-field .k-numerictextbox .k-input:hover{border-color:var(--md-sys-color-on-surface)}.editor-shadow-controls .k-colorpicker,.editor-shadow-controls .k-flatcolorpicker{border:1px solid var(--md-sys-color-outline);border-radius:12px;transition:all .2s cubic-bezier(.2,0,0,1)}.editor-shadow-controls .k-colorpicker:hover,.editor-shadow-controls .k-flatcolorpicker:hover{border-color:var(--md-sys-color-on-surface)}.editor-checkbox .k-checkbox{border:2px solid var(--md-sys-color-outline);border-radius:2px;transition:all .2s cubic-bezier(.2,0,0,1)}.editor-checkbox .k-checkbox:checked,.editor-checkbox .k-checkbox.k-checked{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.editor-checkbox .k-checkbox:hover{border-color:var(--md-sys-color-primary)}.editor-border-section .k-flatcolorpicker{margin-bottom:12px;border:1px solid var(--md-sys-color-outline);border-radius:12px;transition:all .2s cubic-bezier(.2,0,0,1)}.editor-border-section .k-flatcolorpicker:hover{border-color:var(--md-sys-color-on-surface)}.editor-border-section .k-input[type=number],.editor-border-section input[type=number],.editor-border-section .k-input{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:12px;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);transition:all .2s cubic-bezier(.2,0,0,1);width:100%;margin-bottom:12px}.editor-border-section .k-input[type=number]:focus,.editor-border-section input[type=number]:focus,.editor-border-section .k-input:focus,.editor-border-section .k-focused .k-input{outline:none;border-color:var(--md-sys-color-primary);border-width:2px;box-shadow:none}.editor-border-section .k-input[type=number]:hover,.editor-border-section input[type=number]:hover,.editor-border-section .k-input:hover{border-color:var(--md-sys-color-on-surface)}.editor-border-section .k-label{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;color:var(--md-sys-color-on-surface);margin-bottom:8px}.editor-radius-controls .k-svg-icon{width:24px;height:24px;color:var(--md-sys-color-on-surface)}.dialog-overlay{position:static;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.dialog-box{position:absolute;background:#fff;padding:0;border-radius:8px;min-width:400px;min-height:300px;max-width:95vw;max-height:95vh;box-shadow:0 2px 20px #00000070;transition:box-shadow .2s;overflow:visible;display:flex;flex-direction:column;pointer-events:auto}.dialog-titlebar{cursor:move;background:#1976d2;color:#fff;padding:.5rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;font-weight:700;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dialog-content{padding:2rem;flex:1;overflow-x:hidden;overflow-y:auto;word-break:break-word;white-space:normal;min-height:0}.dialog-close-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.dialog-close-btn:hover{background:#fff3;border-radius:4px}.dialog-resize-handle{position:absolute;background:transparent;z-index:10;transition:background-color .2s}.dialog-resize-handle:hover{background:#1976d21a}.dialog-resize-handle-n{top:0;left:8px;right:8px;height:8px;cursor:ns-resize}.dialog-resize-handle-s{bottom:0;left:8px;right:8px;height:8px;cursor:ns-resize}.dialog-resize-handle-e{right:0;top:8px;bottom:8px;width:8px;cursor:ew-resize}.dialog-resize-handle-w{left:0;top:8px;bottom:8px;width:8px;cursor:ew-resize}.dialog-resize-handle-ne{top:0;right:0;width:16px;height:16px;cursor:nesw-resize}.dialog-resize-handle-nw{top:0;left:0;width:16px;height:16px;cursor:nwse-resize}.dialog-resize-handle-se{bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.dialog-resize-handle-sw{bottom:0;left:0;width:16px;height:16px;cursor:nesw-resize}.k-list-container,.k-popup,.k-animation-container,.k-popup.k-list-container{z-index:200001!important}