:root{--arch-bg-main: #f8fafc;--arch-bg-surface: #ffffff;--arch-border: #e2e8f0;--arch-text-primary: #0f172a;--arch-text-secondary: #64748b;--arch-primary: #2563eb;--arch-primary-hover: #1d4ed8;--arch-danger: #ef4444;--arch-radius: 8px;--arch-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--arch-sidebar-width: 360px}.arch-editor{all:initial;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;min-height:560px;background-color:var(--arch-bg-main, #f8fafc);font-family:var(--arch-font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:13px;line-height:1.4;text-align:left;letter-spacing:normal;color:var(--arch-text-primary, #0f172a);border:1px solid var(--arch-border, #e2e8f0);border-radius:var(--arch-radius, 8px);overflow:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arch-editor *,.arch-editor *:before,.arch-editor *:after{box-sizing:border-box}.arch-editor,.arch-editor *{box-sizing:border-box}.arch-editor button,.arch-editor input,.arch-editor select,.arch-editor textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;box-sizing:border-box}.arch-editor .arch-stepper input,.arch-editor .arch-stepper input[type=text],.arch-editor .arch-stepper input[type=number],.arch-editor input.arch-stepper-val{border:none!important;border-width:0!important;border-style:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;background-color:transparent!important;width:36px!important;height:100%!important;min-height:0!important;max-height:none!important;font-size:13px!important;font-weight:600!important;color:#111827!important;text-align:center!important;line-height:normal!important;transition:none!important;-moz-appearance:textfield!important;-webkit-appearance:none!important}.arch-editor .arch-stepper input:hover,.arch-editor .arch-stepper input:focus,.arch-editor .arch-stepper input:active,.arch-editor input.arch-stepper-val:hover,.arch-editor input.arch-stepper-val:focus,.arch-editor input.arch-stepper-val:active{border:none!important;border-width:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important}.arch-editor .arch-color-picker-control input[type=text],.arch-editor .arch-color-picker-control input,.arch-editor input.arch-color-hex{border:none!important;border-width:0!important;border-style:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0 0 0 8px!important;background:transparent!important;background-color:transparent!important;width:65px!important;height:100%!important;min-height:0!important;max-height:none!important;font-size:12px!important;font-weight:500!important;color:#111827!important;text-transform:uppercase!important;line-height:normal!important;transition:none!important}.arch-editor .arch-color-picker-control input:hover,.arch-editor .arch-color-picker-control input:focus,.arch-editor .arch-color-picker-control input:active,.arch-editor input.arch-color-hex:hover,.arch-editor input.arch-color-hex:focus,.arch-editor input.arch-color-hex:active{border:none!important;border-width:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important}.arch-editor .arch-url-group input,.arch-editor .arch-url-group input[type=text],.arch-editor input.arch-url-input{border:none!important;border-width:0!important;border-style:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0 10px!important;margin:0!important;background:transparent!important;background-color:transparent!important;height:100%!important;min-height:0!important;font-size:12px!important;color:#111827!important;flex:1!important;line-height:normal!important;transition:none!important}.arch-editor .arch-url-group input:hover,.arch-editor .arch-url-group input:focus,.arch-editor .arch-url-group input:active,.arch-editor input.arch-url-input:hover,.arch-editor input.arch-url-input:focus,.arch-editor input.arch-url-input:active{border:none!important;border-width:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important}.arch-editor .arch-stepper button,.arch-editor .arch-stepper .arch-stepper-btn{border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important;padding:0!important;margin:0!important;background:#fff!important;background-color:#fff!important;color:#4b5563!important;width:28px!important;height:100%!important;min-height:0!important;font-size:15px!important;font-weight:400!important;line-height:1!important}.arch-editor .arch-stepper .arch-stepper-btn--minus{border-left:none!important;border-right:1px solid #e5e7eb!important}.arch-editor .arch-stepper .arch-stepper-btn--plus{border-right:none!important;border-left:1px solid #e5e7eb!important}.arch-editor select.arch-select,.arch-editor select.arch-rge-select{height:32px!important;padding:0 24px 0 8px!important;font-size:12px!important;color:#111827!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;outline:none!important;box-shadow:none!important}.arch-editor .arch-toggle-switch input{opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;box-shadow:none!important;position:absolute!important;pointer-events:none!important}.arch-editor svg{display:inline-block;vertical-align:middle;flex-shrink:0}.arch-editor ul,.arch-editor ol{margin:0;padding:0;list-style:none}.arch-editor p,.arch-editor h1,.arch-editor h2,.arch-editor h3,.arch-editor h4,.arch-editor h5,.arch-editor h6{margin:0}.arch-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:var(--arch-bg-surface);border-bottom:1px solid var(--arch-border);gap:12px;flex-wrap:wrap}.arch-editor__title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;color:var(--arch-text-primary)}.arch-editor__logo{display:inline-flex;align-items:center;justify-content:center;color:var(--arch-primary)}.arch-template-name{cursor:pointer;padding:2px 6px;border-radius:4px;font-weight:600;color:var(--arch-text-primary);transition:background-color .15s ease;white-space:nowrap}.arch-template-name:hover{background-color:#0000000f}.arch-btn-rename-icon{background:transparent;border:none;font-size:13px;color:var(--arch-text-secondary);cursor:pointer;padding:2px 4px;border-radius:4px;opacity:.6;line-height:1;transition:opacity .15s,background-color .15s}.arch-btn-rename-icon:hover{opacity:1;background-color:#0000000f}.arch-editor input.arch-template-name-input,.arch-editor .arch-template-name-input,.arch-template-name-input{font-family:inherit!important;font-size:14px!important;font-weight:600!important;padding:2px 8px!important;border:1px solid var(--arch-primary)!important;border-radius:4px!important;background-color:var(--arch-bg-surface)!important;color:var(--arch-text-primary)!important;outline:none!important;box-shadow:0 0 0 2px #2563eb33!important}.arch-custom-buttons{display:inline-flex;align-items:center;gap:8px;order:10}.arch-size-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.arch-size-badge.is-warning{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.arch-size-badge.is-danger{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.arch-toolbar-center{display:flex;align-items:center;gap:10px}.arch-btn-group{display:inline-flex;align-items:center;gap:4px}.arch-editor__actions{display:flex;align-items:center;gap:8px}.arch-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid var(--arch-border);background-color:var(--arch-bg-surface);color:var(--arch-text-primary);cursor:pointer;transition:all .15s ease}.arch-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.arch-btn:disabled{opacity:.4;cursor:not-allowed}.arch-btn--icon{padding:6px 9px;font-weight:700}.arch-btn--viewport.is-active,.arch-btn--sidebar-left.is-active,.arch-btn--sidebar-right.is-active{background-color:#eff6ff;border-color:var(--arch-primary);color:var(--arch-primary)}.arch-btn--primary{background-color:var(--arch-primary);color:#fff;border-color:var(--arch-primary)}.arch-btn--primary:hover:not(:disabled){background-color:var(--arch-primary-hover);border-color:var(--arch-primary-hover)}.arch-btn--danger{color:var(--arch-danger)}.arch-btn--danger:hover:not(:disabled){background-color:#fef2f2;border-color:#fecaca}.arch-editor .arch-editor__actions .arch-btn{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 12px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;border-radius:6px!important;color:#334155!important;background-color:#fff!important;border:1px solid #cbd5e1!important;text-decoration:none!important;box-shadow:0 1px 2px #0000000d!important;transition:all .15s ease!important;cursor:pointer!important}.arch-editor .arch-editor__actions .arch-btn span{color:inherit!important;-webkit-text-fill-color:currentColor!important;text-decoration:none!important}.arch-editor .arch-editor__actions .arch-btn svg{color:inherit!important;stroke:currentColor!important;fill:none!important;flex-shrink:0!important}.arch-editor .arch-editor__actions .arch-btn:hover:not(:disabled){background-color:#f8fafc!important;border-color:#94a3b8!important;color:#0f172a!important}.arch-editor .arch-editor__actions .arch-btn:active:not(:disabled){background-color:#f1f5f9!important;transform:translateY(1px)}.arch-editor .arch-editor__actions .arch-btn--primary{background-color:#2563eb!important;border-color:#1d4ed8!important;color:#fff!important;box-shadow:0 1px 2px #2563eb40!important}.arch-editor .arch-editor__actions .arch-btn--primary span{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.arch-editor .arch-editor__actions .arch-btn--primary svg{color:#fff!important;stroke:#fff!important}.arch-editor .arch-editor__actions .arch-btn--primary:hover:not(:disabled){background-color:#1d4ed8!important;border-color:#1e40af!important;color:#fff!important}.arch-editor .arch-editor__actions .arch-btn--primary:active:not(:disabled){background-color:#1e40af!important}.arch-editor .arch-editor__actions .arch-export-dropdown{position:relative!important;display:inline-flex!important}.arch-editor .arch-editor__actions .arch-export-btn-group{display:inline-flex!important;align-items:stretch!important;border-radius:6px!important;box-shadow:0 1px 2px #2563eb40!important}.arch-editor .arch-editor__actions .arch-export-btn-group .arch-export-main-btn{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:none!important;box-shadow:none!important;padding-right:10px!important}.arch-editor .arch-editor__actions .arch-export-btn-group .arch-export-trigger-btn{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:1px solid rgba(255,255,255,.28)!important;box-shadow:none!important;padding:6px 8px!important;min-width:28px!important}.arch-editor .arch-editor__actions .arch-export-btn-group .arch-export-trigger-btn svg{transition:transform .2s ease!important}.arch-editor .arch-editor__actions .arch-export-btn-group .arch-export-trigger-btn.is-active svg{transform:rotate(180deg)!important}.arch-editor .arch-editor__actions .arch-export-menu{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;min-width:145px!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d!important;padding:4px!important;display:none!important;flex-direction:column!important;gap:2px!important;z-index:1000!important}.arch-editor .arch-editor__actions .arch-export-menu.is-open{display:flex!important;animation:archExportFadeIn .15s ease-out!important}@keyframes archExportFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.arch-editor .arch-editor__actions .arch-export-menu .arch-export-menu-item{box-sizing:border-box!important;width:100%!important;display:flex!important;align-items:center!important;text-align:left!important;gap:8px!important;padding:7px 10px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;border-radius:6px!important;background-color:transparent!important;border:1px solid transparent!important;color:#1e293b!important;box-shadow:none!important;cursor:pointer!important;transition:all .12s ease!important;white-space:nowrap!important}.arch-editor .arch-editor__actions .arch-export-menu .arch-export-menu-item:hover{background-color:#f1f5f9!important;color:#0f172a!important}.arch-editor .arch-editor__actions .arch-export-menu .arch-export-menu-item:active{background-color:#e2e8f0!important;transform:none!important}.arch-editor .arch-editor__actions .arch-export-menu .arch-export-menu-item svg{color:#64748b!important;stroke:currentColor!important;flex-shrink:0!important;transition:color .12s ease!important}.arch-editor .arch-editor__actions .arch-export-menu .arch-export-menu-item:hover svg{color:#2563eb!important}.arch-editor .arch-editor__actions .arch-export-menu .arch-export-menu-item span{font-size:13px!important;font-weight:500!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}.arch-editor.arch-theme--dark .arch-editor__actions .arch-export-menu,.arch-theme--dark .arch-editor__actions .arch-export-menu{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #00000040!important}.arch-editor.arch-theme--dark .arch-editor__actions .arch-export-menu .arch-export-menu-item:hover,.arch-theme--dark .arch-editor__actions .arch-export-menu .arch-export-menu-item:hover{background-color:#334155!important;color:#f8fafc!important}.arch-editor.arch-theme--dark .arch-editor__actions .arch-export-menu .arch-export-menu-item svg,.arch-theme--dark .arch-editor__actions .arch-export-menu .arch-export-menu-item svg{color:#94a3b8!important}.arch-editor.arch-theme--dark .arch-editor__actions .arch-export-menu .arch-export-menu-item:hover svg,.arch-theme--dark .arch-editor__actions .arch-export-menu .arch-export-menu-item:hover svg{color:#60a5fa!important}.arch-import-body{padding:16px!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow-y:auto!important;height:100%!important;box-sizing:border-box!important}.arch-import-notice{padding:8px 12px!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;margin-bottom:2px!important}.arch-import-notice--error{background-color:#fef2f2!important;border:1px solid #fecaca!important;color:#b91c1c!important}.arch-import-notice--success{background-color:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#15803d!important}.arch-import-dropzone{border:1px dashed #cbd5e1!important;border-radius:8px!important;padding:22px 16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;background-color:#f8fafc!important;transition:all .2s ease!important;cursor:pointer!important}.arch-import-dropzone:hover,.arch-import-dropzone.is-dragover{border-color:#2563eb!important;background-color:#eff6ff!important}.arch-import-dropzone-icon{width:44px!important;height:44px!important;border-radius:50%!important;background-color:#fff!important;border:1px solid #e2e8f0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#2563eb!important;margin-bottom:2px!important;box-shadow:0 1px 3px #0000000d!important}.arch-import-dropzone-title{font-size:13px!important;font-weight:600!important;color:#0f172a!important}.arch-import-dropzone-sub{font-size:11px!important;color:#64748b!important}.arch-import-divider{display:flex!important;align-items:center!important;text-align:center!important;color:#94a3b8!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;margin:4px 0!important}.arch-import-divider:before,.arch-import-divider:after{content:""!important;flex:1!important;border-bottom:1px solid #e2e8f0!important}.arch-import-divider span{padding:0 10px!important}.arch-import-paste-wrap{display:flex!important;flex-direction:column!important;gap:10px!important}.arch-import-textarea{box-sizing:border-box!important;width:100%!important;min-height:130px!important;padding:10px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:12px!important;line-height:1.5!important;color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;resize:vertical!important;transition:border-color .15s ease!important}.arch-import-textarea:focus{outline:none!important;border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb26!important}.arch-editor .arch-import-submit-btn,.arch-import-submit-btn{box-sizing:border-box!important;width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:9px 16px!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;border-radius:6px!important;background-color:#2563eb!important;border:1px solid #1d4ed8!important;color:#fff!important;box-shadow:0 1px 2px #2563eb40!important;cursor:pointer!important;transition:all .15s ease!important}.arch-editor .arch-import-submit-btn span,.arch-import-submit-btn span{color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-weight:600!important}.arch-editor .arch-import-submit-btn svg,.arch-import-submit-btn svg{color:#fff!important;stroke:#fff!important;fill:none!important;flex-shrink:0!important}.arch-editor .arch-import-submit-btn:hover:not(:disabled),.arch-import-submit-btn:hover:not(:disabled){background-color:#1d4ed8!important;border-color:#1e40af!important;color:#fff!important}.arch-editor .arch-import-submit-btn:active:not(:disabled),.arch-import-submit-btn:active:not(:disabled){background-color:#1e40af!important}.arch-assets-sidepanel .arch-btn--primary,.arch-assets-sidepanel .arch-btn--primary span{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.arch-assets-sidepanel .arch-btn--primary svg{color:#fff!important;stroke:#fff!important}.arch-theme--dark .arch-import-dropzone{background-color:#0f172a!important;border:1px dashed #334155!important}.arch-theme--dark .arch-import-dropzone:hover,.arch-theme--dark .arch-import-dropzone.is-dragover{background-color:#2563eb1f!important;border-color:#3b82f6!important}.arch-theme--dark .arch-import-dropzone-icon{background-color:#1e293b!important;border-color:#334155!important}.arch-theme--dark .arch-import-dropzone-title{color:#f8fafc!important}.arch-theme--dark .arch-import-dropzone-sub{color:#94a3b8!important}.arch-theme--dark .arch-import-divider:before,.arch-theme--dark .arch-import-divider:after{border-color:#334155!important}.arch-theme--dark .arch-import-textarea{background-color:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}.arch-editor .arch-editor__actions .arch-btn--danger,.arch-editor .arch-editor__actions .arch-btn--clear{background-color:#fff!important;border-color:#fecaca!important;color:#dc2626!important;box-shadow:0 1px 2px #dc26260d!important}.arch-editor .arch-editor__actions .arch-btn--danger span,.arch-editor .arch-editor__actions .arch-btn--clear span{color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}.arch-editor .arch-editor__actions .arch-btn--danger svg,.arch-editor .arch-editor__actions .arch-btn--clear svg{color:#dc2626!important;stroke:#dc2626!important}.arch-editor .arch-editor__actions .arch-btn--danger:hover:not(:disabled),.arch-editor .arch-editor__actions .arch-btn--clear:hover:not(:disabled){background-color:#fef2f2!important;border-color:#f87171!important;color:#b91c1c!important}.arch-editor .arch-editor__actions .arch-btn--danger:hover:not(:disabled) span,.arch-editor .arch-editor__actions .arch-btn--clear:hover:not(:disabled) span,.arch-editor .arch-editor__actions .arch-btn--danger:hover:not(:disabled) svg,.arch-editor .arch-editor__actions .arch-btn--clear:hover:not(:disabled) svg{color:#b91c1c!important;stroke:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important}.arch-editor__body{display:flex;flex:1;overflow:hidden;position:relative}.arch-editor__right-panel{width:var(--arch-sidebar-width, 360px);background-color:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative;z-index:10;flex-shrink:0;transition:width .2s cubic-bezier(.4,0,.2,1)}.arch-editor__right-panel.is-collapsed{width:0!important;border-left:1px solid transparent}.arch-editor__right-panel.is-collapsed .arch-right-tab-content,.arch-editor__right-panel.is-collapsed .arch-right-tab{display:none!important}.arch-editor__right-panel.is-collapsed .arch-right-tabs{width:0!important;padding:0!important;overflow:hidden!important}.arch-editor.arch-editor--sidebar-left .arch-canvas-floating-history{right:auto!important;left:10px!important}.arch-editor--sidebar-left .arch-editor__right-panel{border-left:none;border-right:1px solid #e5e7eb}.arch-editor--sidebar-left .arch-editor__right-panel.is-collapsed{border-right:1px solid transparent}.arch-editor .arch-right-tabs,.arch-right-tabs{position:relative;display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-bottom:1px solid #dcdfe4;background:#eceef1;padding:0;gap:0;flex-shrink:0;height:46px}.arch-editor button.arch-right-tab,.arch-editor .arch-right-tab,.arch-right-tab{height:100%!important;background:transparent;border:none!important;border-right:1px solid #e2e5e9!important;padding:0 8px!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;color:#64748b!important;cursor:pointer!important;text-align:center!important;border-radius:0!important;transition:all .15s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;line-height:1!important;outline:none!important;box-shadow:none!important;border-bottom:none!important}.arch-editor button.arch-right-tab:last-child,.arch-editor .arch-right-tab:last-child,.arch-right-tab:last-child{border-right:none!important}.arch-editor button.arch-right-tab:hover,.arch-editor .arch-right-tab:hover,.arch-right-tab:hover{color:#1e293b!important;background:#e4e7eb!important}.arch-editor button.arch-right-tab.is-active,.arch-editor .arch-right-tab.is-active,.arch-right-tab.is-active{color:#111827!important;background:#fff!important;font-weight:600!important;box-shadow:none!important;border-bottom:none!important}.arch-editor button.arch-right-tab.is-active .arch-tab-icon,.arch-editor .arch-right-tab.is-active .arch-tab-icon,.arch-right-tab.is-active .arch-tab-icon{color:#7747ff!important}.arch-tab-icon{color:#94a3b8;flex-shrink:0}.arch-right-tab-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#fff}.arch-editor__canvas,.arch-canvas-container{overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;position:relative!important;background-color:#f1f5f9!important}.arch-canvas-container.is-zoomed{overflow:auto!important;scrollbar-width:auto!important;-ms-overflow-style:auto!important}.arch-canvas-container.is-zoomed::-webkit-scrollbar{display:block!important;width:10px!important;height:10px!important}.arch-canvas-container.is-zoomed::-webkit-scrollbar-thumb{background:#0f172a59!important;border-radius:5px!important}.arch-canvas-container.is-zoomed::-webkit-scrollbar-thumb:hover{background:#0f172a99!important}.arch-canvas-container.is-zoomed::-webkit-scrollbar-track{background:transparent!important}.arch-editor__canvas::-webkit-scrollbar,.arch-canvas-container::-webkit-scrollbar,.arch-canvas-iframe::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.arch-right-tab-content::-webkit-scrollbar,.arch-tab-panel::-webkit-scrollbar,.arch-editor__inspector::-webkit-scrollbar{width:6px;height:6px}.arch-right-tab-content::-webkit-scrollbar-thumb,.arch-tab-panel::-webkit-scrollbar-thumb,.arch-editor__inspector::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.arch-right-tab-content::-webkit-scrollbar-thumb:hover,.arch-tab-panel::-webkit-scrollbar-thumb:hover,.arch-editor__inspector::-webkit-scrollbar-thumb:hover{background:#94a3b8}.arch-right-tab-content::-webkit-scrollbar-track,.arch-tab-panel::-webkit-scrollbar-track,.arch-editor__inspector::-webkit-scrollbar-track{background:transparent}.arch-right-tab-content::-webkit-scrollbar-thumb,.arch-tab-panel::-webkit-scrollbar-thumb,.arch-editor__inspector::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.arch-right-tab-content::-webkit-scrollbar-thumb:hover,.arch-tab-panel::-webkit-scrollbar-thumb:hover,.arch-editor__inspector::-webkit-scrollbar-thumb:hover{background:#9ca3af}.arch-tab-panel{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.arch-tab-panel--blocks,.arch-tab-panel--content,.arch-tab-panel--settings{width:100%!important;max-width:100%!important;padding:0!important;gap:0!important;box-sizing:border-box}.arch-tab-panel.is-hidden{display:none!important}#arch-content-inspector-view,#arch-content-inspector-view .arch-editor__inspector,.arch-tab-panel--settings .arch-editor__inspector,.arch-tab-panel--settings.arch-editor__inspector{width:100%!important;max-width:100%!important;border-left:none!important;padding:0!important;gap:0!important;box-sizing:border-box!important}#arch-content-blocks-view{padding:14px;box-sizing:border-box;width:100%}.arch-assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.arch-editor__section-label{font-size:11px;font-weight:600;text-transform:none;letter-spacing:normal;color:#6b7280;margin-bottom:4px}.arch-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:84px;padding:8px 4px;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;cursor:grab;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#4b5563;-webkit-user-select:none;user-select:none;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.arch-editor .arch-palette-item{font-size:12px;font-weight:500;text-transform:none;letter-spacing:normal;color:#3f3f46}.arch-block-svg{color:#52525b;transition:transform .15s ease,color .15s ease}.arch-palette-item:hover{border-color:#7747ff;background-color:#faf5ff;color:#7747ff;transform:translateY(-2px);box-shadow:0 4px 10px #7747ff1a}.arch-palette-item:hover .arch-block-svg{color:#7747ff;transform:scale(1.08)}.arch-palette-item:active{cursor:grabbing;transform:translateY(0)}.arch-rows-list{display:flex;flex-direction:column;gap:8px}.arch-row-card{width:100%;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;padding:10px 14px;cursor:grab;transition:all .15s ease;box-shadow:0 1px 2px #00000005}.arch-row-card:hover{border-color:#7747ff;background-color:#faf5ff;transform:translateY(-1px);box-shadow:0 3px 8px #7747ff1a}.arch-row-card:active{cursor:grabbing}.arch-row-silhouette{display:flex;align-items:center;gap:6px;width:100%;height:20px}.arch-col-bar{background:#cbd5e1;height:100%;border-radius:3px;transition:background-color .15s ease}.arch-row-card:hover .arch-col-bar{background:#6366f1}.arch-sections-header-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.arch-sections-search-wrap{position:relative;display:flex;align-items:center;width:100%}.arch-sections-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.arch-editor input.arch-sections-search-input,.arch-editor .arch-sections-search-input,.arch-sections-search-input{width:100%;box-sizing:border-box!important;padding:7px 10px 7px 30px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:12px!important;background-color:#fff!important;color:#1e293b!important;outline:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}.arch-editor input.arch-sections-search-input:focus,.arch-editor .arch-sections-search-input:focus,.arch-sections-search-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f126!important;outline:none!important}.arch-sections-header-controls .arch-select,.arch-sections-header-controls select#sel-section-category{width:100%!important;height:32px!important;box-sizing:border-box!important;padding:0 28px 0 10px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:12px!important;background-color:#fff!important;color:#1e293b!important;outline:none!important;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease!important}.arch-sections-header-controls .arch-select:focus,.arch-sections-header-controls select#sel-section-category:focus{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f126!important}.arch-sections-grid{display:flex;flex-direction:column;gap:12px}.arch-section-card{position:relative;display:block;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;overflow:hidden;cursor:grab;transition:all .18s ease;box-shadow:0 1px 3px #0000000a}.arch-section-card:hover{border-color:#6366f1;box-shadow:0 6px 16px #6366f124;transform:translateY(-1px)}.arch-section-card:active{cursor:grabbing}.arch-section-preview{position:relative;width:100%;min-height:24px;background:#fff;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;transition:height .15s ease-out}.arch-section-preview-frame{position:absolute;top:0;left:0;width:680px;border:0;margin:0;padding:0;display:block;pointer-events:none;transform-origin:0 0}.arch-section-preview svg{width:100%;height:auto;display:block;object-fit:contain}.arch-section-preview img{width:100%;height:auto;display:block;object-fit:contain}.arch-section-preview-placeholder{font-size:11px;font-weight:500;color:#94a3b8;text-align:center;padding:18px 12px}.arch-section-footer-row{display:none!important}.arch-section-add-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#334155;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000014;opacity:0;transform:scale(.9);transition:all .15s ease;cursor:pointer;z-index:5}.arch-section-card:hover .arch-section-add-btn{opacity:1;transform:scale(1)}.arch-section-add-btn:hover{background-color:#6366f1;color:#fff;border-color:#6366f1}.arch-sections-empty-state{border:2px dashed #cbd5e1;border-radius:8px;padding:28px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f8fafc}.arch-accordion{display:flex;flex-direction:column;border-top:1px solid #e5e7eb}.arch-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.arch-accordion-header:hover{background:#f3f4f6}.arch-accordion-arrow{font-size:9px;color:#6b7280;transition:transform .2s ease}.arch-accordion-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px;background:#fff;border-bottom:1px solid #e5e7eb}.arch-accordion-body.is-hidden{display:none!important}.arch-form-row{display:flex;flex-direction:column;gap:4px}.arch-form-row--split,.arch-rge-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:13px 18px;min-height:52px;border-bottom:1px solid #f2f3f5;box-sizing:border-box}.arch-rge-label,.arch-form-label-sub{font-size:13px;color:#4b5563;font-weight:400;-webkit-user-select:none;user-select:none}.arch-slider-badge{font-size:11px;font-weight:700;color:#7747ff}.arch-range{accent-color:#7747ff}.arch-segmented-group{display:inline-flex;border:1px solid #d1d5db;border-radius:4px;overflow:hidden;background:#fff;flex-shrink:0}.arch-segmented-btn{padding:5px 12px;font-size:11px;font-weight:700;text-transform:uppercase;background:transparent;border:none;cursor:pointer;color:#4b5563;transition:all .15s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap}.arch-segmented-btn:hover{background:#f3f4f6}.arch-segmented-btn.is-active{background:#ede9fe;color:#7747ff}.arch-segmented-icon-btn{width:32px;height:32px;padding:0;border:none;border-right:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .12s ease}.arch-segmented-icon-btn:last-child{border-right:none}.arch-segmented-icon-btn:hover{background:#f9fafb;color:#4b5563}.arch-col-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:2px}.arch-col-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.arch-col-preset-btn:hover{background:#f3f4f6;border-color:#cbd5e1}.arch-col-preset-btn:active{transform:translateY(1px)}.arch-col-preset-btn.is-active{background:#f5f3ff;border-color:#7747ff;box-shadow:0 0 0 1px #7747ff}.arch-col-preset-btn.is-active .arch-col-preset-preview span{background:#7747ff}.arch-col-preset-btn.is-active .arch-col-preset-title{color:#7747ff;font-weight:700}.arch-col-preset-preview{display:flex;gap:2px;width:100%;height:16px;background:#e2e8f0;padding:2px;border-radius:3px;box-sizing:border-box}.arch-col-preset-preview span{display:block;height:100%;background:#94a3b8;border-radius:2px;transition:background .15s ease}.arch-col-preset-btn:hover .arch-col-preset-preview span{background:#7747ff}.arch-col-preset-title{font-size:11px;color:#4b5563;font-weight:500;letter-spacing:.02em}.arch-theme--dark .arch-col-preset-btn{background:#1e293b;border-color:#334155}.arch-theme--dark .arch-col-preset-btn:hover{background:#283548;border-color:#475569}.arch-theme--dark .arch-col-preset-preview{background:#0f172a}.arch-theme--dark .arch-col-preset-preview span{background:#475569}.arch-theme--dark .arch-col-preset-btn:hover .arch-col-preset-preview span{background:#818cf8}.arch-theme--dark .arch-col-preset-title{color:#cbd5e1}.arch-theme--dark .arch-col-preset-btn.is-active{background:#2e1065;border-color:#818cf8}.arch-theme--dark .arch-col-preset-btn.is-active .arch-col-preset-preview span{background:#818cf8}.arch-theme--dark .arch-col-preset-btn.is-active .arch-col-preset-title{color:#c7d2fe}.arch-segmented-icon-btn.is-active{background:#ede9fe;color:#7747ff}.arch-editor .arch-stepper,.arch-stepper{display:inline-flex;align-items:center;border:1px solid #d1d5db!important;border-radius:4px!important;background:#fff!important;overflow:hidden;height:32px;box-sizing:border-box!important}.arch-editor .arch-stepper-btn,.arch-editor button.arch-stepper-btn,.arch-editor .arch-stepper button,.arch-stepper-btn{width:28px!important;height:100%!important;background:#fff!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:15px!important;font-weight:400!important;color:#4b5563!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-user-select:none!important;user-select:none!important;box-sizing:border-box!important;transition:background .12s ease,color .12s ease}.arch-editor .arch-stepper-btn--minus,.arch-stepper-btn--minus{border-right:1px solid #e5e7eb!important}.arch-editor .arch-stepper-btn--plus,.arch-stepper-btn--plus{border-left:1px solid #e5e7eb!important}.arch-editor .arch-stepper-btn:hover,.arch-stepper-btn:hover{background:#f9fafb!important;color:#111827!important}.arch-editor .arch-stepper-btn:active,.arch-stepper-btn:active{background:#e5e7eb!important}.arch-editor .arch-stepper-val,.arch-editor input.arch-stepper-val,.arch-editor .arch-stepper input,.arch-stepper-val{width:36px!important;height:100%!important;min-height:0!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;text-align:center!important;font-size:13px!important;font-weight:600!important;color:#111827!important;background:transparent!important;background-color:transparent!important;padding:0!important;margin:0!important;box-sizing:border-box!important;-moz-appearance:textfield!important}.arch-editor .arch-stepper-val:focus,.arch-editor input.arch-stepper-val:focus,.arch-editor .arch-stepper input:focus{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important}.arch-stepper-val::-webkit-inner-spin-button,.arch-stepper-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.arch-sub-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:14px 18px 4px;padding-bottom:4px}.arch-editor select.arch-select,.arch-editor select.arch-rge-select,.arch-editor .arch-select,.arch-editor .arch-rge-select,.arch-select,.arch-rge-select{height:32px!important;width:145px;border:1px solid #d1d5db!important;border-radius:4px!important;padding:0 26px 0 10px!important;margin:0!important;font-size:12px!important;color:#111827!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - 8px) center!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;outline:none!important;box-shadow:none!important;box-sizing:border-box!important;cursor:pointer}.arch-editor select.arch-select:focus,.arch-editor select.arch-rge-select:focus,.arch-editor .arch-select:focus,.arch-editor .arch-rge-select:focus,.arch-select:focus,.arch-rge-select:focus{border-color:#7747ff!important;box-shadow:0 0 0 2px #7747ff26!important;outline:none!important}.arch-editor .arch-url-group,.arch-url-group{display:flex;align-items:center;border:1px solid #d1d5db!important;border-radius:4px!important;background:#fff!important;overflow:hidden;height:32px;box-sizing:border-box!important}.arch-editor .arch-url-prefix,.arch-url-prefix{padding:0 10px!important;height:100%!important;background:#f9fafb!important;border-right:1px solid #e5e7eb!important;border-top:none!important;border-bottom:none!important;border-left:none!important;font-size:11px!important;font-weight:600!important;color:#6b7280!important;display:flex!important;align-items:center!important;flex-shrink:0;box-sizing:border-box!important}.arch-editor .arch-url-input,.arch-editor input.arch-url-input,.arch-editor .arch-url-group input,.arch-url-input{border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0 10px!important;margin:0!important;font-size:12px!important;color:#111827!important;flex:1!important;background:transparent!important;background-color:transparent!important;height:100%!important;min-height:0!important;box-sizing:border-box!important}.arch-editor .arch-url-input:focus,.arch-editor input.arch-url-input:focus,.arch-editor .arch-url-group input:focus{border:none!important;outline:none!important;box-shadow:none!important;background-color:transparent!important}.arch-action-links{display:flex;gap:12px;font-size:11px;color:#7747ff;font-weight:600;margin-top:4px}.arch-action-link{color:#7747ff;text-decoration:none;cursor:pointer}.arch-action-link:hover{text-decoration:underline}.arch-padding-preview{width:58px;height:44px;border:1.5px dashed #7747ff;background:#faf5ff;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arch-padding-preview__inner{width:36px;display:flex;flex-direction:column;gap:3px}.arch-padding-preview__line{height:2px;background:#cbd5e1;border-radius:1px;width:100%}.arch-padding-preview__line--short{width:65%}.arch-code-editor{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;background:#1e293b;color:#f8fafc;border:1px solid #334155;border-radius:4px;padding:10px;outline:none;resize:vertical;min-height:120px;box-sizing:border-box}.arch-item-card{border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;background:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px #00000005}.arch-item-card-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#374151}.arch-editor .arch-color-picker-control,.arch-color-picker-control{display:inline-flex;align-items:center;height:32px;width:105px;border:1px solid #d1d5db!important;border-radius:4px!important;padding:2px 8px!important;background:#fff!important;box-sizing:border-box!important;position:relative;cursor:pointer}.arch-editor .arch-color-swatch,.arch-editor input[type=color].arch-color-swatch,.arch-color-swatch{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0!important;border:1px solid rgba(0,0,0,.15)!important;border-radius:2px!important;box-shadow:none!important;outline:none!important;cursor:pointer;flex-shrink:0;background:none!important;overflow:hidden;box-sizing:border-box!important}.arch-color-swatch::-webkit-color-swatch-wrapper{padding:0}.arch-color-swatch::-webkit-color-swatch{border:none;border-radius:1px}.arch-color-swatch::-moz-color-swatch{border:none;border-radius:1px}.arch-editor .arch-color-hex,.arch-editor input.arch-color-hex,.arch-editor .arch-color-picker-control input[type=text],.arch-color-hex{border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0 0 0 8px!important;font-size:12px!important;font-family:inherit!important;font-weight:500!important;width:65px!important;color:#111827!important;background:transparent!important;background-color:transparent!important;text-transform:uppercase!important;height:auto!important;min-height:0!important;box-sizing:border-box!important}.arch-editor .arch-color-hex:focus,.arch-editor input.arch-color-hex:focus,.arch-editor .arch-color-picker-control input[type=text]:focus{border:none!important;outline:none!important;box-shadow:none!important;background-color:transparent!important}.arch-toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.arch-editor .arch-toggle-switch input,.arch-toggle-switch input{opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;box-shadow:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;position:absolute!important}.arch-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:20px;transition:.2s}.arch-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}input:checked+.arch-toggle-slider{background-color:#7747ff}input:checked+.arch-toggle-slider:before{transform:translate(16px)}.arch-prop-header{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 18px;background:#fff;border-bottom:1px solid #eef0f3;box-sizing:border-box}.arch-prop-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#111827}.arch-prop-actions{display:flex;align-items:center;gap:2px}.arch-icon-btn{width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.arch-icon-btn:hover{background:#f3f4f6;color:#111827}.arch-editor__canvas{flex:1;background-color:#fff;overflow:hidden;padding:0;display:flex;flex-direction:column;align-items:stretch}.arch-canvas-container{width:100%;max-width:100%;height:100%;flex:1;display:flex;flex-direction:column;position:relative}.arch-editor .arch-canvas-floating-history,.arch-canvas-floating-history{position:absolute!important;top:10px!important;bottom:auto!important;right:10px!important;left:auto!important;width:auto!important;max-width:44px!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;background:#fff!important;border:1px solid var(--arch-border)!important;border-radius:4px!important;box-shadow:0 2px 6px #0f172a0d,0 1px 2px #0f172a0a!important;padding:3px!important;gap:2px!important;z-index:30!important;-webkit-user-select:none!important;user-select:none!important;box-sizing:border-box!important}.arch-floating-history-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#334155;cursor:pointer;transition:all .15s ease;padding:0}.arch-floating-history-btn:hover:not(:disabled){background:#f1f5f9;color:var(--arch-primary)}.arch-floating-history-btn:active:not(:disabled){background:#e2e8f0}.arch-floating-history-btn.is-active{background:#eff6ff;color:var(--arch-primary)}.arch-canvas-container.arch-pen-edit-mode .arch-rge-move-handle,.arch-canvas-container.arch-pen-edit-mode .arch-canvas-move-handle,.arch-canvas-container.arch-pen-edit-mode .arch-rge-bottom-actions,.arch-canvas-container.arch-pen-edit-mode .arch-rge-handle,.arch-canvas-container.arch-pen-edit-mode .arch-rge-col-handle,.arch-canvas-container.arch-pen-edit-mode .arch-rge-dimensions-pill{display:none!important}.arch-floating-history-btn:disabled{opacity:.35;cursor:not-allowed}.arch-floating-history-divider{width:16px;height:1px;background:var(--arch-border);margin:2px 0}.arch-canvas-iframe{width:100%;height:100%;flex:1 1 auto;border:none;border-radius:0;background-color:#fff;box-shadow:none;display:block;transition:width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-radius .2s ease}.arch-canvas-container.arch-viewport--tablet,.arch-canvas-container[data-viewport=tablet],.arch-canvas-container.arch-viewport--mobile,.arch-canvas-container[data-viewport=mobile]{background-color:#e2e8f0!important;align-items:center;justify-content:flex-start;padding:20px 0;overflow-y:auto!important}.arch-canvas-container.arch-viewport--tablet .arch-canvas-iframe,.arch-canvas-container[data-viewport=tablet] .arch-canvas-iframe{width:768px!important;max-width:calc(100% - 48px)!important;height:calc(100% - 48px)!important;min-height:480px!important;flex:0 0 auto!important;margin:0 auto!important;border-radius:20px!important;box-shadow:0 20px 40px -10px #0f172a47,0 0 0 5px #1e293b!important;border:none!important}.arch-canvas-container.arch-viewport--mobile .arch-canvas-iframe,.arch-canvas-container[data-viewport=mobile] .arch-canvas-iframe{width:375px!important;max-width:calc(100% - 48px)!important;height:calc(100% - 48px)!important;min-height:600px!important;flex:0 0 auto!important;margin:0 auto!important;border-radius:24px!important;box-shadow:0 20px 40px -10px #0f172a47,0 0 0 5px #1e293b!important;border:none!important}.arch-canvas-container.is-code-mode .arch-canvas-iframe,.arch-canvas-container.is-code-mode .arch-canvas-overlay{display:none}.arch-canvas-code-editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;min-height:0;overflow:hidden;background:#fff;color:#1f2937}.arch-canvas-code-editor .cm-editor{height:100%}.arch-canvas-floating-history.is-readonly>:not(.arch-btn--code){display:none!important}.arch-canvas-container.drag-over{border:2px dashed var(--arch-primary)}.arch-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:20}.arch-selection-overlay{position:absolute;background-color:#7747ff14;pointer-events:none!important;z-index:5;box-sizing:border-box;transition:opacity .12s ease}.arch-selection-overlay--move-target{background-color:#7747ff14;border:2px solid #7747ff}.arch-canvas-move-handle{position:absolute;z-index:10000;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#7747ff;color:#fff;cursor:grab;pointer-events:auto;line-height:1;font-size:16px}.arch-canvas-move-handle:active{cursor:grabbing}.arch-canvas-move-handle:focus-visible{outline:2px solid #0d99ff;outline-offset:2px}.arch-editor .arch-rge-bottom-actions,.arch-rge-bottom-actions{position:absolute;display:flex!important;flex-direction:row!important;align-items:center!important;background:#7747ff!important;border-radius:0 0 4px 4px!important;overflow:hidden!important;z-index:9999!important;box-shadow:0 2px 8px #00000040!important;pointer-events:auto!important;padding:0!important;margin:0!important;border:none!important;height:28px!important}.arch-editor .arch-rge-action-btn,.arch-rge-action-btn{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;background:transparent!important;border:none!important;border-right:1px solid rgba(255,255,255,.25)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;margin:0!important;outline:none!important;box-shadow:none!important;line-height:1!important;transition:background-color .12s ease!important;box-sizing:border-box!important}.arch-editor .arch-rge-action-btn:last-child,.arch-rge-action-btn:last-child{border-right:none!important}.arch-editor .arch-rge-action-btn:hover,.arch-rge-action-btn:hover{background:#00000040!important}.arch-editor .arch-rge-action-btn:active,.arch-rge-action-btn:active{background:#0006!important}.arch-editor .arch-rge-action-btn svg,.arch-rge-action-btn svg,.arch-rge-bottom-actions svg{color:#fff!important;stroke:#fff!important;fill:none!important;display:block!important;width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;margin:auto!important;vertical-align:middle!important;box-sizing:border-box!important}.arch-editor .arch-rge-action-btn svg *,.arch-rge-action-btn svg *,.arch-rge-bottom-actions svg *{stroke:#fff!important;color:#fff!important;fill:none!important}.arch-editor .arch-rge-text-toolbar,.arch-rge-text-toolbar{position:absolute;top:0;left:0;width:max-content;white-space:nowrap;box-sizing:border-box;background:#22242a;color:#f8fafc;border-radius:6px;padding:4px;box-shadow:0 2px 8px #0000002e,0 1px 2px #0000001a!important;border:1px solid rgba(255,255,255,.12);z-index:50;display:none;flex-direction:column;gap:3px;pointer-events:auto;-webkit-user-select:none;user-select:none;font-family:var(--arch-font);font-size:12px}.arch-editor .arch-rge-text-toolbar.is-selection-active,.arch-rge-text-toolbar.is-selection-active{display:flex!important}.arch-emoji-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:60;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0003;-webkit-user-select:auto;user-select:auto}.arch-emoji-popover emoji-picker{--emoji-size: 1.25rem;height:320px;width:320px}.arch-link-popover{position:absolute;z-index:1000;display:inline-flex;flex-direction:row;align-items:center;gap:3px;padding:4px;background:#22242a;color:#f8fafc;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 2px 8px #0000002e,0 1px 2px #0000001a!important;font-family:var(--arch-font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:12px;box-sizing:border-box;animation:archFadeIn .12s ease-out;white-space:nowrap;pointer-events:auto!important;-webkit-user-select:none;user-select:none}.arch-link-globe-icon{display:flex;align-items:center;justify-content:center;padding:0 4px 0 6px;color:#94a3b8;flex-shrink:0}.arch-link-input{width:200px;height:24px;padding:0 6px;background:transparent;border:none!important;outline:none!important;box-shadow:none!important;color:#f8fafc;font-size:11px;font-family:inherit;box-sizing:border-box}.arch-link-input:focus{border:none!important;outline:none!important;box-shadow:none!important}.arch-link-input::placeholder{color:#64748b}.arch-tb-more-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:60;min-width:135px;background:#22242a;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 8px 24px #00000059;padding:4px;display:flex;flex-direction:column;gap:2px;animation:archFadeIn .1s ease-out;box-sizing:border-box}.arch-tb-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:4px;color:#e2e8f0;font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .12s,color .12s;box-sizing:border-box}.arch-tb-dropdown-item:hover{background:#ffffff1f;color:#fff}.arch-tb-dropdown-item svg{flex-shrink:0;color:#94a3b8}.arch-tb-dropdown-item:hover svg{color:#fff}.arch-tb-dropdown-divider{height:1px;background:#ffffff1a;margin:2px 0}.arch-link-action-btn{height:24px;min-width:24px;padding:0 5px;background:transparent;border:none;border-radius:4px;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;line-height:1;transition:background .12s,color .12s;flex-shrink:0;box-sizing:border-box}.arch-link-action-btn:hover{background:#ffffff26;color:#fff}.arch-link-action-btn--apply{color:#22c55e}.arch-link-action-btn--apply:hover{background:#22c55e33;color:#4ade80}.arch-link-more-wrap{position:relative;display:inline-flex;align-items:center}.arch-link-more-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:1010;min-width:140px;background:#22242a;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 8px 24px #00000059;padding:4px;display:flex;flex-direction:column;gap:2px;animation:archFadeIn .1s ease-out;box-sizing:border-box}.arch-link-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:4px;color:#e2e8f0;font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .12s,color .12s;box-sizing:border-box;white-space:nowrap}.arch-link-dropdown-item:hover{background:#ffffff14;color:#fff}.arch-link-dropdown-item.arch-link-action-btn--apply{background:transparent;color:#e2e8f0}.arch-link-dropdown-item.arch-link-action-btn--apply:hover{background:#7747ff33;color:#a78bfa}.arch-link-dropdown-item.arch-link-action-btn--unlink:hover{background:#ef444426;color:#ef4444}.arch-link-dropdown-item.arch-link-action-btn--close:hover{background:#ffffff1a;color:#fff}.arch-link-dropdown-divider{height:1px;background:#ffffff1a;margin:2px 0}.arch-special-char-popover{position:absolute;top:calc(100% + 6px);left:0;width:265px;max-width:95vw;background:#22242a;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:0 8px 24px #00000059;z-index:60;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;overflow:hidden;font-family:var(--arch-font);color:#f8fafc}.arch-special-char-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 3px;border-bottom:none}.arch-special-char-title{font-size:11px;font-weight:600;color:#e2e8f0}.arch-special-char-close{background:transparent;border:none;color:#94a3b8;font-size:14px;line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px;cursor:pointer}.arch-special-char-close:hover{background:#ffffff1a;color:#fff}.arch-special-char-search-wrap{padding:3px 8px 4px}.arch-special-char-search{width:100%;box-sizing:border-box;height:24px;padding:0 7px;background:#18191e;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#f8fafc;font-size:10.5px;font-family:inherit;outline:none;transition:border-color .15s}.arch-special-char-search:focus{border-color:#7747ff}.arch-special-char-search::placeholder{color:#64748b}.arch-special-char-categories{display:flex;align-items:center;gap:3px;padding:2px 8px 4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none!important;-ms-overflow-style:none!important;cursor:grab;-webkit-user-select:none;user-select:none;scroll-behavior:smooth}.arch-special-char-categories:active{cursor:grabbing}.arch-special-char-categories::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.arch-special-char-cat-btn{flex-shrink:0;background:#ffffff14;border:none;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:500;letter-spacing:.2px;color:#cbd5e1;cursor:pointer;white-space:nowrap;transition:all .12s}.arch-special-char-cat-btn:hover{background:#ffffff29;color:#fff}.arch-special-char-cat-btn.is-active{background:#7747ff;color:#fff;font-weight:600}.arch-special-char-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 8px 8px;max-height:140px;overflow-y:auto;box-sizing:border-box;scrollbar-width:none!important;-ms-overflow-style:none!important}.arch-special-char-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.arch-special-char-btn{height:26px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;outline:none;border-radius:4px;color:#f1f5f9;font-size:13px;cursor:pointer;transition:background .12s ease,color .12s ease;padding:0;margin:0;-webkit-user-select:none;user-select:none}.arch-special-char-btn:hover{background:#7747ff;color:#fff}.arch-special-char-btn:active{background:#5b21b6}.arch-special-char-empty{grid-column:1 / -1;padding:16px 0;text-align:center;font-size:10.5px;color:#94a3b8}.arch-rge-toolbar-row{display:flex;align-items:center;gap:2px}.arch-rge-toolbar-row--sub{border-top:1px solid rgba(255,255,255,.1);padding-top:3px;margin-top:1px}.arch-toolbar-btn{height:24px;min-width:24px;padding:0 5px;background:transparent;border:none;border-radius:4px;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:600;transition:background .12s,color .12s}.arch-toolbar-btn:hover{background:#ffffff26;color:#fff}.arch-toolbar-btn--color{flex-direction:column;gap:1px;padding:1px 4px}.arch-toolbar-text-btn{height:22px;padding:0 6px;background:transparent;border:none;border-radius:4px;color:#cbd5e1;font-size:11px;display:inline-flex;align-items:center;cursor:pointer;transition:background .12s,color .12s}.arch-toolbar-text-btn:hover{background:#ffffff26;color:#fff}.arch-toolbar-divider{width:1px;height:14px;background:#ffffff2e;margin:0 2px}.arch-toolbar-color-indicator{display:block;height:2px;width:12px;border-radius:1px}.arch-tb-hilite-palette{position:absolute;bottom:100%;left:0;margin-bottom:6px;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a2e;z-index:60;min-width:160px}.arch-tb-hilite-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.arch-tb-swatch{width:18px;height:18px;border:1px solid rgba(15,23,42,.12);border-radius:4px;cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.arch-tb-swatch:hover{transform:scale(1.1);box-shadow:0 2px 6px #0f172a33}.arch-tb-hilite-custom{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:#475569;font-weight:600}.arch-tb-hilite-custom input[type=color]{width:18px;height:18px;border:1px solid #e2e8f0;border-radius:4px;padding:0;cursor:pointer;background:transparent}.arch-editor .arch-floating-toolbar,.arch-floating-toolbar{position:absolute;z-index:30;display:inline-flex;align-items:center;background:#7747ff;color:#fff;border-radius:5px;padding:2px 5px;gap:2px;box-shadow:0 2px 6px #00000026,0 1px 2px #00000014!important;border:1px solid rgba(255,255,255,.15);font-family:var(--arch-font);font-size:11px;pointer-events:auto;-webkit-user-select:none;user-select:none}.arch-float-btn{background:transparent;border:none;color:#fff;padding:2px 5px;cursor:pointer;border-radius:3px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease}.arch-float-btn:hover:not(:disabled){background:#ffffff40}.arch-float-btn:disabled{opacity:.35;cursor:not-allowed}.arch-float-btn--danger:hover:not(:disabled){background:#ef4444!important}.arch-float-drag{cursor:grab;padding:2px 6px 2px 4px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;border-right:1px solid rgba(255,255,255,.3);margin-right:2px}.arch-float-drag:active{cursor:grabbing}.arch-dimensions-pill{position:absolute;z-index:29;transform:translate(-50%);background:#0d99ff;color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;pointer-events:none;white-space:nowrap;box-shadow:0 1px 4px #0003}body.arch-canvas-dragging,body.arch-canvas-dragging *,.arch-canvas-container.arch-is-dragging,.arch-canvas-container.arch-is-dragging *,.arch-canvas-overlay.arch-is-dragging{cursor:grabbing!important}.arch-figma-drag-ghost{position:absolute;left:0;top:0;will-change:transform;z-index:50;display:inline-flex;align-items:center;gap:6px;background:#0f172aeb;color:#fff;padding:5px 10px;border-radius:6px;border:1px solid #0d99ff;box-shadow:0 8px 20px #00000047;font-size:11px;pointer-events:none;white-space:nowrap}.arch-ghost-badge{background:#0d99ff;color:#fff;font-weight:700;font-size:10px;padding:1px 5px;border-radius:3px;text-transform:uppercase}.arch-ghost-text{color:#e2e8f0;max-width:180px;overflow:hidden;text-overflow:ellipsis}.arch-figma-drop-indicator{position:absolute;z-index:45;height:2px;background:#7747ff;pointer-events:none;box-shadow:0 0 6px #7747ff80}.arch-figma-drop-indicator--vertical{width:2px!important}.arch-figma-drop-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 10px;box-sizing:border-box;background:#7747ff;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:600;line-height:1;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px #7747ff4d}.arch-canvas-empty{padding:48px 24px;text-align:center;color:var(--arch-text-secondary);font-size:14px}.arch-editor__inspector{width:100%!important;max-width:100%!important;background-color:#fff;border-left:none;padding:0;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box}.arch-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 8px;background:#f8fafc;border:1px solid var(--arch-border);border-radius:6px;font-size:11px}.arch-breadcrumb__item{background:none;border:none;padding:2px 4px;border-radius:4px;color:var(--arch-text-secondary);cursor:pointer;font-size:11px;font-weight:500}.arch-breadcrumb__item:hover{background:#e2e8f0;color:var(--arch-text-primary)}.arch-breadcrumb__item.is-current{color:var(--arch-primary);font-weight:700}.arch-breadcrumb__sep{color:#94a3b8;font-size:11px}.arch-mode-banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600}.arch-form-group{display:flex;flex-direction:column;gap:6px}.arch-form-label{font-size:12px;font-weight:600;color:var(--arch-text-secondary)}.arch-editor input.arch-input,.arch-editor textarea.arch-textarea,.arch-editor .arch-input,.arch-editor .arch-textarea,.arch-input,.arch-textarea{width:100%;padding:8px 10px!important;margin:0!important;font-size:13px!important;border:1px solid var(--arch-border, #e2e8f0)!important;border-radius:6px!important;color:var(--arch-text-primary, #0f172a)!important;background-color:var(--arch-bg-surface, #ffffff)!important;outline:none!important;font-family:inherit!important;box-sizing:border-box!important;transition:border-color .15s ease,box-shadow .15s ease!important}.arch-editor input.arch-input:focus,.arch-editor textarea.arch-textarea:focus,.arch-editor .arch-input:focus,.arch-editor .arch-textarea:focus,.arch-input:focus,.arch-textarea:focus{border-color:var(--arch-primary, #2563eb)!important;box-shadow:0 0 0 2px #2563eb26!important;outline:none!important}.arch-editor #inp-doc-bg-url,.arch-editor input#inp-doc-bg-url{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important;padding:0 10px!important}.arch-textarea{min-height:80px;resize:vertical}.arch-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.arch-modal{width:100%;max-width:680px;max-height:85%;background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;overflow:hidden}.arch-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--arch-border);font-weight:600}.arch-modal__body{padding:16px 18px;flex:1;overflow-y:auto}.arch-modal__code{width:100%;height:280px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;border:1px solid var(--arch-border);border-radius:6px;background-color:#0f172a;color:#e2e8f0;resize:none;outline:none}.arch-crop-ratio-btn.is-active{background-color:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.arch-resize-handle{position:absolute;width:10px;height:10px;background-color:#fff;border:2px solid #0d99ff;border-radius:2px;box-shadow:0 1px 3px #00000040;pointer-events:auto;z-index:35}.arch-resize-handle--nw,.arch-resize-handle--se{cursor:nwse-resize}.arch-resize-handle--ne,.arch-resize-handle--sw{cursor:nesw-resize}.arch-resize-handle--e,.arch-resize-handle--w{cursor:ew-resize;width:8px;height:18px;border-radius:4px}.arch-resize-handle--s{cursor:ns-resize;width:18px;height:8px;border-radius:4px}.arch-img-resize-row{display:flex;align-items:center;gap:8px}.arch-range{flex:1;accent-color:#0d99ff;cursor:pointer}.arch-img-width-input{width:84px;flex-shrink:0}.arch-col-resize-handle{position:absolute;width:14px;margin-left:-7px;cursor:col-resize;z-index:38;pointer-events:auto;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.arch-col-resize-handle:before{content:"";position:absolute;top:0;bottom:0;width:2px;left:6px;background-color:transparent;transition:background-color .15s ease;pointer-events:none}.arch-col-resize-handle:hover:before,.arch-col-resize-handle.active:before{background-color:#0d99ff}.arch-col-resize-grip{position:relative;width:8px;height:28px;border-radius:4px;background-color:#fff;border:1px solid #0d99ff;box-shadow:0 1px 4px #0003;opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.arch-col-resize-grip:before,.arch-col-resize-grip:after{content:"";width:1px;height:12px;background-color:#0d99ff;margin:0 1px}.arch-col-resize-handle:hover .arch-col-resize-grip,.arch-col-resize-handle.active .arch-col-resize-grip{opacity:1}.arch-editor .arch-inspector-img-preview-wrap,.arch-inspector-img-preview-wrap{padding:14px 18px!important;border-bottom:1px solid var(--arch-border, #f2f3f5)!important;box-sizing:border-box!important}.arch-editor .arch-inspector-img-preview-box,.arch-inspector-img-preview-box{width:100%!important;height:140px!important;background-color:#f8fafc!important;background-image:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0px!important;border:1px solid var(--arch-border, #e2e8f0)!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;position:relative!important;box-sizing:border-box!important}.arch-editor .arch-inspector-img-preview-box img,.arch-inspector-img-preview-box img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;border:none!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important}.arch-editor .arch-img-replace-item span,.arch-img-replace-item span{white-space:nowrap!important}.arch-editor .arch-inspector-img-preview-box.has-image .arch-inspector-img-preview-empty,.arch-inspector-img-preview-box.has-image .arch-inspector-img-preview-empty,.arch-editor .arch-inspector-img-preview-box.is-empty img,.arch-inspector-img-preview-box.is-empty img{display:none!important}.arch-editor .arch-inspector-img-preview-empty,.arch-inspector-img-preview-empty{display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#94a3b8!important;font-size:11px!important;font-weight:500!important;text-align:center!important;-webkit-user-select:none!important;user-select:none!important}.arch-editor .arch-img-replace-dropdown,.arch-img-replace-dropdown{position:absolute!important;bottom:8px!important;right:8px!important;z-index:10!important}.arch-editor .arch-img-replace-btn,.arch-img-replace-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#fffffff2!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;color:#1e293b!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:4px!important;padding:5px 9px!important;font-size:11px!important;font-weight:600!important;line-height:1!important;cursor:pointer!important;box-shadow:0 1px 3px #0000001a!important;transition:all .15s ease!important;outline:none!important;-webkit-user-select:none!important;user-select:none!important}.arch-editor .arch-img-replace-btn:hover,.arch-img-replace-btn:hover{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 2px 6px #00000026!important}.arch-editor .arch-img-replace-menu,.arch-img-replace-menu{display:none!important;position:absolute!important;top:calc(100% + 4px)!important;bottom:auto!important;right:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:0 4px 14px #0000001f!important;width:max-content!important;min-width:145px!important;padding:4px!important;z-index:50!important;flex-direction:column!important;gap:2px!important;box-sizing:border-box!important}.arch-editor .arch-img-replace-dropdown.is-open .arch-img-replace-menu,.arch-img-replace-dropdown.is-open .arch-img-replace-menu,.arch-editor .arch-img-replace-menu.is-open,.arch-img-replace-menu.is-open{display:flex!important}.arch-editor .arch-img-replace-item,.arch-img-replace-item{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;padding:6px 10px!important;background:transparent!important;border:none!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;color:#1e293b!important;text-align:left!important;cursor:pointer!important;transition:background .15s ease!important;box-sizing:border-box!important;-webkit-user-select:none!important;user-select:none!important}.arch-editor .arch-img-replace-item:hover,.arch-img-replace-item:hover{background:#f1f5f9!important;color:#0f172a!important}.arch-editor .arch-img-replace-item svg,.arch-img-replace-item svg{color:#64748b!important;stroke:#64748b!important;flex-shrink:0!important}.arch-editor .arch-inspector-img-meta-row,.arch-inspector-img-meta-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:10px!important}.arch-editor .arch-inspector-img-meta-info,.arch-inspector-img-meta-info{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1 1 auto!important}.arch-editor .arch-inspector-img-meta-name,.arch-inspector-img-meta-name{font-size:12px!important;font-weight:600!important;color:#1e293b!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.arch-editor .arch-inspector-img-meta-size,.arch-inspector-img-meta-size{font-size:11px!important;color:#64748b!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.arch-editor .arch-inspector-img-meta-actions,.arch-inspector-img-meta-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.arch-editor .arch-img-meta-btn,.arch-img-meta-btn{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 8px!important;font-size:11px!important;font-weight:500!important;color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:4px!important;cursor:pointer!important;line-height:1!important;transition:all .15s ease!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important}.arch-editor .arch-img-meta-btn:hover,.arch-img-meta-btn:hover{background:#f8fafc!important;color:#0f172a!important;border-color:#cbd5e1!important}.arch-editor .arch-img-meta-btn svg,.arch-img-meta-btn svg{color:#64748b!important;flex-shrink:0!important}.arch-editor .arch-img-meta-btn:hover svg,.arch-img-meta-btn:hover svg{color:#1e293b!important}.arch-editor .arch-img-meta-btn.arch-img-btn-remove:hover,.arch-img-meta-btn.arch-img-btn-remove:hover{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.arch-editor .arch-img-meta-btn.arch-img-btn-remove:hover svg,.arch-img-meta-btn.arch-img-btn-remove:hover svg{color:#dc2626!important}.arch-editor .arch-img-meta-icon-btn,.arch-img-meta-icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;padding:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:5px!important;color:#475569!important;cursor:pointer!important;transition:all .15s ease!important;flex-shrink:0!important;box-sizing:border-box!important}.arch-editor .arch-img-meta-icon-btn:hover,.arch-img-meta-icon-btn:hover{background:#f8fafc!important;color:#0f172a!important;border-color:#cbd5e1!important}.arch-editor .arch-img-meta-icon-btn svg,.arch-img-meta-icon-btn svg{color:#64748b!important;transition:color .15s ease!important}.arch-editor .arch-img-meta-icon-btn:hover svg,.arch-img-meta-icon-btn:hover svg{color:#0f172a!important}.arch-editor .arch-img-meta-icon-btn.arch-img-btn-remove:hover,.arch-img-meta-icon-btn.arch-img-btn-remove:hover{background:#fef2f2!important;border-color:#fecaca!important}.arch-editor .arch-img-meta-icon-btn.arch-img-btn-remove:hover svg,.arch-img-meta-icon-btn.arch-img-btn-remove:hover svg{color:#dc2626!important}.arch-editor .arch-editor__inspector,.arch-editor__inspector{position:relative!important}.arch-editor .arch-assets-sidepanel,.arch-assets-sidepanel{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background:#fff!important;z-index:100!important;display:flex!important;flex-direction:column!important;transform:translate(100%)!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important;overflow:hidden!important}.arch-editor .arch-assets-sidepanel.is-open,.arch-assets-sidepanel.is-open{transform:translate(0)!important}.arch-editor .arch-assets-header,.arch-assets-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important;box-sizing:border-box!important}.arch-editor .arch-assets-header .arch-prop-title,.arch-assets-header .arch-prop-title{font-size:12px!important;font-weight:700!important;color:#0f172a!important;letter-spacing:.5px!important;text-transform:uppercase!important}.arch-editor .arch-assets-search-wrap,.arch-assets-search-wrap{padding:10px 14px!important;display:flex!important;align-items:center!important;gap:8px!important;border-bottom:1px solid #f1f5f9!important;background:#fafafa!important;flex-shrink:0!important;box-sizing:border-box!important}.arch-editor .arch-assets-search-box,.arch-assets-search-box{flex:1!important;display:flex!important;align-items:center!important;gap:6px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:4px!important;padding:5px 8px!important;box-sizing:border-box!important}.arch-editor .arch-assets-search-box svg,.arch-assets-search-box svg{color:#94a3b8!important;flex-shrink:0!important}.arch-editor .arch-assets-search-input,.arch-assets-search-input{width:100%!important;border:none!important;outline:none!important;font-size:12px!important;color:#1e293b!important;background:transparent!important;padding:0!important}.arch-editor .arch-assets-count-badge,.arch-assets-count-badge{font-size:11px!important;font-weight:500!important;color:#64748b!important;white-space:nowrap!important;flex-shrink:0!important}.arch-editor .arch-assets-body,.arch-assets-body{flex:1 1 auto!important;overflow-y:auto!important;padding:12px 14px 20px!important;box-sizing:border-box!important}.arch-editor .arch-assets-masonry,.arch-assets-masonry{column-count:2!important;column-gap:10px!important;width:100%!important;box-sizing:border-box!important}.arch-editor .arch-assets-card,.arch-assets-card{break-inside:avoid!important;display:inline-block!important;width:100%!important;margin-bottom:10px!important;border-radius:6px!important;overflow:hidden!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;cursor:pointer!important;position:relative!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;box-sizing:border-box!important}.arch-editor .arch-assets-card:hover,.arch-assets-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 14px #0000001f!important;border-color:#3b82f6!important}.arch-editor .arch-assets-card img,.arch-assets-card img{width:100%!important;height:auto!important;display:block!important;object-fit:cover!important;transition:transform .25s ease!important}.arch-editor .arch-assets-card:hover img,.arch-assets-card:hover img{transform:scale(1.03)!important}.arch-editor .arch-assets-card-overlay,.arch-assets-card-overlay{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:24px 8px 6px!important;background:linear-gradient(to top,#0f172ad9,#0f172a00)!important;opacity:0!important;transition:opacity .2s ease!important;display:flex!important;flex-direction:column!important;gap:1px!important;pointer-events:none!important;box-sizing:border-box!important}.arch-editor .arch-assets-card:hover .arch-assets-card-overlay,.arch-assets-card:hover .arch-assets-card-overlay{opacity:1!important}.arch-editor .arch-assets-card-name,.arch-assets-card-name{font-size:11px!important;font-weight:600!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.arch-editor .arch-assets-card-size,.arch-assets-card-size{font-size:10px!important;color:#cbd5e1!important}.arch-editor .arch-assets-header-actions,.arch-assets-header-actions{display:flex!important;align-items:center!important;gap:6px!important}.arch-editor .arch-assets-btn-upload,.arch-assets-btn-upload{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 9px!important;font-size:11px!important;font-weight:600!important;color:#0f172a!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:5px!important;cursor:pointer!important;line-height:1!important;transition:all .15s ease!important;-webkit-user-select:none!important;user-select:none!important}.arch-editor .arch-assets-btn-upload:hover,.arch-assets-btn-upload:hover{background:#e2e8f0!important;border-color:#94a3b8!important;color:#020617!important}.arch-editor .arch-assets-btn-upload svg,.arch-assets-btn-upload svg{color:#475569!important;flex-shrink:0!important}.arch-editor .arch-assets-search-btn.is-active,.arch-assets-search-btn.is-active{background:#f1f5f9!important;color:#0f172a!important;border-color:#cbd5e1!important}.arch-editor .arch-assets-search-wrap.is-collapsed,.arch-assets-search-wrap.is-collapsed{display:none!important}.arch-editor .arch-assets-header-actions .arch-icon-btn,.arch-assets-header-actions .arch-icon-btn{width:28px!important;height:28px!important;border:none!important;border-radius:4px!important;background:transparent!important;color:#6b7280!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important;padding:0!important}.arch-editor .arch-assets-header-actions .arch-icon-btn:hover,.arch-assets-header-actions .arch-icon-btn:hover{background:#f3f4f6!important;color:#111827!important}.arch-editor .arch-img-upload-notice,.arch-img-upload-notice{display:none!important;align-items:center!important;gap:7px!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:5px!important;padding:8px 10px!important;margin-bottom:10px!important;color:#dc2626!important;font-size:11px!important;font-weight:500!important;line-height:1.35!important;box-sizing:border-box!important}.arch-editor .arch-img-upload-notice.is-visible,.arch-img-upload-notice.is-visible{display:flex!important}.arch-editor .arch-img-upload-notice svg,.arch-img-upload-notice svg{color:#ef4444!important;flex-shrink:0!important}.arch-editor .arch-assets-sidepanel.is-empty-assets,.arch-assets-sidepanel.is-empty-assets,.arch-editor .arch-assets-sidepanel.is-empty-assets .arch-assets-body,.arch-assets-sidepanel.is-empty-assets .arch-assets-body,.arch-editor .arch-assets-body.is-empty-assets,.arch-assets-body.is-empty-assets,.arch-editor .arch-assets-body.is-empty-search,.arch-assets-body.is-empty-search{overflow:hidden!important;overflow-y:hidden!important}.arch-editor .arch-assets-sidepanel.is-empty-assets .arch-assets-body,.arch-assets-sidepanel.is-empty-assets .arch-assets-body,.arch-editor .arch-assets-body.is-empty-assets,.arch-assets-body.is-empty-assets{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;height:100%!important;max-height:100%!important}.arch-editor .arch-assets-sidepanel.is-empty-assets .arch-assets-masonry,.arch-assets-sidepanel.is-empty-assets .arch-assets-masonry{column-count:1!important;width:100%!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;padding:0!important;margin:0!important}.arch-editor .arch-assets-empty-state,.arch-assets-empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;padding:40px 16px 20px!important;box-sizing:border-box!important;column-span:all!important;width:100%!important;max-width:270px!important;margin:0 auto!important}.arch-editor .arch-assets-no-match,.arch-assets-no-match{column-span:all!important;text-align:center!important;color:#94a3b8!important;font-size:12px!important;padding:40px 10px!important}.arch-editor .arch-assets-empty-icon,.arch-assets-empty-icon{width:56px!important;height:56px!important;border-radius:50%!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:14px!important}.arch-editor .arch-assets-empty-icon svg,.arch-assets-empty-icon svg{color:#94a3b8!important}.arch-editor .arch-assets-empty-title,.arch-assets-empty-title{font-size:13px!important;font-weight:600!important;color:#1e293b!important;margin-bottom:6px!important}.arch-editor .arch-assets-empty-desc,.arch-assets-empty-desc{font-size:11px!important;color:#64748b!important;line-height:1.5!important;max-width:230px!important;margin-bottom:16px!important}.arch-editor .arch-assets-empty-upload-btn,.arch-assets-empty-upload-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 12px!important;font-size:11px!important;font-weight:600!important;color:#fff!important;background:#2563eb!important;border:none!important;border-radius:5px!important;cursor:pointer!important;transition:background .15s ease!important;line-height:1!important}.arch-editor .arch-assets-empty-upload-btn:hover,.arch-assets-empty-upload-btn:hover{background:#1d4ed8!important}.arch-editor .arch-assets-empty-upload-btn svg,.arch-assets-empty-upload-btn svg{color:#fff!important}@keyframes arch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arch-editor .arch-spinner,.arch-spinner{animation:arch-spin .75s linear infinite!important}.arch-editor .arch-inspector-img-preview-box.is-uploading,.arch-inspector-img-preview-box.is-uploading{position:relative!important}.arch-editor .arch-preview-uploading-overlay,.arch-preview-uploading-overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0f172ac7!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:6px!important;z-index:30!important;color:#fff!important;pointer-events:none!important}.arch-editor .arch-preview-uploading-overlay svg.arch-spinner,.arch-preview-uploading-overlay svg.arch-spinner{color:#fff!important}.arch-editor .arch-preview-uploading-overlay span,.arch-preview-uploading-overlay span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.3px!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.arch-editor--readonly .arch-canvas-floating-toolbar,.arch-editor--readonly .arch-canvas-floating-history,.arch-editor--readonly .arch-resize-handle,.arch-editor--readonly .arch-column-resize-handle,.arch-editor--readonly .arch-rge-bottom-actions,.arch-editor--readonly .arch-drop-indicator{display:none!important}.arch-editor--readonly .arch-block-card,.arch-editor--readonly .arch-section-card{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.arch-editor--readonly .arch-btn--import-html,.arch-editor--readonly .arch-btn--clear,.arch-editor--readonly .arch-btn--undo,.arch-editor--readonly .arch-btn--redo{display:none!important}.arch-editor--readonly .arch-editor__inspector input,.arch-editor--readonly .arch-editor__inspector select,.arch-editor--readonly .arch-editor__inspector textarea,.arch-editor--readonly .arch-editor__inspector button:not(.arch-tab-btn):not(.arch-accordion-header){pointer-events:none!important;opacity:.65!important;cursor:not-allowed!important}.arch-editor.arch-theme--dark,.arch-theme--dark{--arch-bg-main: #0b0f19;--arch-bg-surface: #1e293b;--arch-border: #334155;--arch-text-primary: #f8fafc;--arch-text-secondary: #94a3b8;--arch-primary: #3b82f6;--arch-primary-hover: #60a5fa;background-color:#0b0f19!important;color:#f8fafc!important}.arch-theme--dark .arch-toolbar{background-color:#1e293b!important;border-bottom-color:#334155!important;color:#f8fafc!important}.arch-theme--dark .arch-toolbar__title{color:#f8fafc!important}.arch-theme--dark .arch-right-panel,.arch-theme--dark .arch-editor__inspector,.arch-theme--dark .arch-tabs-header,.arch-theme--dark .arch-assets-sidepanel,.arch-theme--dark .arch-inspector-body{background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}.arch-theme--dark .arch-editor__canvas{background-color:#0b0f19!important}.arch-theme--dark .arch-block-card,.arch-theme--dark .arch-section-card{background-color:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}.arch-theme--dark .arch-block-card:hover,.arch-theme--dark .arch-section-card:hover{background-color:#1e293b!important;border-color:#3b82f6!important}.arch-theme--dark .arch-block-card__title,.arch-theme--dark .arch-section-card__title{color:#f8fafc!important}.arch-theme--dark .arch-block-card__desc,.arch-theme--dark .arch-section-card__desc{color:#94a3b8!important}.arch-theme--dark .arch-section-footer-row{background-color:#0f172a!important}.arch-theme--dark .arch-section-name{color:#f8fafc!important}.arch-theme--dark .arch-section-badge{background-color:#1e293b!important;color:#94a3b8!important}.arch-theme--dark .arch-section-add-btn{background-color:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}.arch-theme--dark .arch-section-preview{background-color:#020617!important;border-bottom-color:#1e293b!important}.arch-theme--dark .arch-sections-empty-state{background-color:#0f172a!important;border-color:#334155!important}.arch-theme--dark .arch-row-card{background-color:#1e293b;border-color:#334155}.arch-theme--dark .arch-row-card:hover{background-color:#283548;border-color:#818cf8}.arch-theme--dark .arch-col-bar{background:#475569}.arch-theme--dark .arch-row-card:hover .arch-col-bar{background:#818cf8}.arch-theme--dark .arch-tab-btn{color:#94a3b8!important}.arch-theme--dark .arch-tab-btn.is-active{color:#3b82f6!important;border-bottom-color:#3b82f6!important}.arch-theme--dark .arch-input,.arch-theme--dark .arch-select,.arch-theme--dark .arch-url-input,.arch-theme--dark .arch-search-input{background-color:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}.arch-theme--dark .arch-btn:not(.arch-btn--primary){background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}.arch-theme--dark .arch-sub-heading,.arch-theme--dark .arch-form-label,.arch-theme--dark .arch-form-label-sub,.arch-theme--dark .arch-rge-label{color:#94a3b8!important}.arch-theme--dark .arch-accordion-header{background-color:#1e293b!important;border-color:#334155!important;color:#f8fafc!important}.arch-theme--dark .arch-canvas-floating-history{background:#1e293b!important;border-color:#334155!important}.arch-theme--dark .arch-floating-history-btn{color:#94a3b8!important}.arch-theme--dark .arch-floating-history-btn:hover:not(:disabled){background:#334155!important;color:#3b82f6!important}.arch-theme--dark .arch-floating-history-btn.is-active{background:#3b82f633!important;color:#60a5fa!important}.arch-theme--dark .arch-floating-history-divider{background:#334155!important}#editor-container{width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;flex:1 1 0%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background-color:#f8fafc;position:relative!important;margin:0!important;padding:0!important;border:none!important}#editor-container .arch-editor{width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;flex:1 1 0%!important;border:none!important;border-radius:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}#editor-container .arch-editor__toolbar{flex-shrink:0!important}#editor-container .arch-editor__body{flex:1 1 0%!important;min-height:0!important;height:100%!important;overflow:hidden!important;display:flex!important}#editor-container .arch-editor__canvas{flex:1 1 0%!important;min-height:0!important;min-width:0!important;height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}#editor-container .arch-canvas-container{flex:1 1 0%!important;min-height:0!important;height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;position:relative!important;overflow:auto!important}#editor-container .arch-canvas-container.arch-viewport--tablet,#editor-container .arch-canvas-container[data-viewport=tablet],#editor-container .arch-canvas-container.arch-viewport--mobile,#editor-container .arch-canvas-container[data-viewport=mobile]{background-color:#e2e8f0!important;padding:24px 0!important;align-items:center!important;justify-content:flex-start!important;overflow-y:auto!important}#editor-container .arch-canvas-iframe{flex:1 1 auto;min-height:0;border:none!important;display:block!important}#editor-container .arch-canvas-container[data-viewport=desktop] .arch-canvas-iframe,#editor-container .arch-canvas-container:not([data-viewport]) .arch-canvas-iframe{width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;box-shadow:none!important}#editor-container .arch-canvas-container[data-viewport=tablet] .arch-canvas-iframe,#editor-container .arch-canvas-container.arch-viewport--tablet .arch-canvas-iframe{width:768px!important;max-width:calc(100% - 48px)!important;height:calc(100% - 48px)!important;min-height:480px!important;flex:0 0 auto!important;margin:0 auto!important;border-radius:20px!important;box-shadow:0 20px 40px -10px #0f172a47,0 0 0 5px #1e293b!important}#editor-container .arch-canvas-container[data-viewport=mobile] .arch-canvas-iframe,#editor-container .arch-canvas-container.arch-viewport--mobile .arch-canvas-iframe{width:375px!important;max-width:calc(100% - 48px)!important;height:calc(100% - 48px)!important;min-height:600px!important;flex:0 0 auto!important;margin:0 auto!important;border-radius:28px!important;box-shadow:0 20px 40px -10px #0f172a47,0 0 0 5px #1e293b!important}#editor-container .arch-editor__right-panel{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#editor-container .arch-right-tab-content{flex:1 1 0%!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.arch-editor .arch-component-sidepanel,.arch-component-sidepanel{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background:#fff!important;z-index:100!important;display:flex!important;flex-direction:column!important;transform:translate(100%)!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important;overflow:hidden!important}.arch-editor .arch-component-sidepanel.is-open,.arch-component-sidepanel.is-open{transform:translate(0)!important}.arch-editor .arch-component-header,.arch-component-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important;box-sizing:border-box!important}.arch-editor .arch-component-header .arch-prop-title,.arch-component-header .arch-prop-title{font-size:12px!important;font-weight:700!important;color:#0f172a!important;letter-spacing:.5px!important;text-transform:uppercase!important}.arch-editor .arch-component-body,.arch-component-body{flex:1 1 0%!important;display:flex!important;flex-direction:column!important;padding:16px!important;overflow-y:auto!important;box-sizing:border-box!important}.arch-editor .arch-component-preview-label,.arch-component-preview-label{font-size:11px!important;font-weight:600!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:8px!important}.arch-editor .arch-component-preview-wrap,.arch-component-preview-wrap{width:100%!important;flex:0 0 auto!important;height:auto!important;min-height:36px!important;max-height:300px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;position:relative!important;box-shadow:0 1px 3px #0000000d!important;transition:height .12s ease!important}.arch-editor .arch-component-preview-iframe,.arch-component-preview-iframe{width:100%!important;height:auto!important;min-height:36px!important;border:none!important;display:block!important;background:#fff!important}.arch-editor .arch-component-field,.arch-component-field{margin-top:16px!important;display:flex!important;flex-direction:column!important;gap:6px!important}.arch-editor .arch-component-footer,.arch-component-footer{padding:16px!important;border-top:1px solid #f1f5f9!important;background:#fff!important;flex-shrink:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:6px!important}.arch-editor .arch-component-name-label,.arch-component-name-label{font-size:11px!important;font-weight:600!important;color:#334155!important;text-transform:uppercase!important;letter-spacing:.5px!important}.arch-editor .arch-component-name-input,.arch-component-name-input{width:100%!important;height:36px!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;padding:0 12px!important;font-size:13px!important;color:#0f172a!important;box-sizing:border-box!important;outline:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}.arch-editor .arch-component-name-input:focus,.arch-component-name-input:focus{border-color:#7747ff!important;box-shadow:0 0 0 2px #7747ff26!important}.arch-theme--dark .arch-component-sidepanel{background:#18191b!important;color:#e2e8f0!important}.arch-theme--dark .arch-component-header,.arch-theme--dark .arch-component-footer{background:#18191b!important;border-color:#27272a!important}.arch-theme--dark .arch-component-header .arch-prop-title{color:#f1f5f9!important}.arch-theme--dark .arch-component-name-label{color:#94a3b8!important}.arch-theme--dark .arch-component-preview-wrap{background:#0f172a!important;border-color:#27272a!important}.arch-theme--dark .arch-component-name-input{background:#27272a!important;border-color:#3f3f46!important;color:#f8fafc!important}.arch-placeholders-sidepanel,.arch-placeholders-sidepanel *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.arch-placeholders-group+.arch-placeholders-group{margin-top:14px}.arch-placeholders-group-title{display:flex;align-items:center;gap:8px;padding:12px 2px 6px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#0f172a;border-bottom:1px solid #eef2f7}.arch-placeholders-group-title:before,.arch-placeholders-group-title:after{display:none}.arch-placeholders-group-name{flex:0 0 auto;text-align:left;color:#0f172a}.arch-placeholders-group-count{display:none}.arch-placeholders-list{display:flex;flex-direction:column}.arch-placeholder-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;padding:9px 10px;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease}.arch-placeholder-item:last-child{border-bottom:none}.arch-placeholder-item:hover{background:#f8fafc}.arch-placeholder-item:active{transform:scale(.99)}.arch-placeholder-item__info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.arch-placeholder-item__code{font-family:Inter,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;line-height:1.3;color:#2563eb;word-break:break-word}.arch-placeholder-item__desc{font-size:10.5px;line-height:1.3;color:#94a3b8;font-weight:500}.arch-placeholder-item__actions{display:flex;align-items:center;flex-shrink:0}.arch-placeholder-item__copy{width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.arch-placeholder-item:hover .arch-placeholder-item__copy{opacity:1}.arch-placeholder-item__copy:hover{background:#e2e8f0;color:#1e293b}.arch-placeholder-item__copy.is-copied{opacity:1;color:#16a34a}.arch-placeholders-sidepanel .arch-assets-search-input,.arch-placeholders-sidepanel .arch-assets-search-input:focus,.arch-placeholders-sidepanel .arch-assets-search-input:focus-visible{outline:none!important;box-shadow:none!important;border:none!important;background:transparent!important}.arch-placeholders-sidepanel .arch-assets-search-box,.arch-placeholders-sidepanel .arch-assets-search-box:focus-within{box-shadow:none!important;border-color:#e2e8f0!important}.arch-placeholders-sidepanel .arch-icon-btn,.arch-placeholders-sidepanel .arch-icon-btn.is-active{box-shadow:none!important;outline:none!important}.arch-placeholder-item__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.arch-placeholder-item__copy{flex-shrink:0;color:#64748b}.arch-placeholder-item__copy:hover{color:#2563eb;background:#eff6ff}.arch-placeholder-item__copy.is-copied{color:#16a34a}.arch-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.arch-ai-sidepanel .arch-assets-body{display:flex!important;min-height:0;flex-direction:column;overflow:hidden!important;padding:0!important;background:transparent!important}.arch-ai-sidepanel .arch-ai-chat,.arch-ai-chat{position:relative;display:flex;min-width:0;min-height:0;height:100%;flex:1 1 auto;flex-direction:column;color:#1e293b;background-color:#fff!important;font-family:inherit;overflow:hidden}.arch-ai-chat:before{content:"";position:absolute;bottom:-40px;left:-40px;right:-40px;height:280px;background:radial-gradient(circle at 18% 75%,rgba(254,240,138,.75) 0%,transparent 55%),radial-gradient(circle at 50% 95%,rgba(186,230,253,.7) 0%,transparent 60%),radial-gradient(circle at 85% 75%,rgba(245,208,254,.65) 0%,transparent 55%),linear-gradient(135deg,#fef9c3a6,#d1fae580,#e0f2fea6 70%,#fce7f399);filter:blur(50px);pointer-events:none;z-index:0;opacity:.9}.arch-ai-welcome{position:relative;z-index:1;display:flex;flex-direction:column;padding:28px 18px 12px;animation:archFadeIn .25s ease-out}.arch-editor .arch-ai-welcome-title,.arch-ai-welcome-title{margin:0 0 20px!important;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:500;line-height:1.25;color:#334155;letter-spacing:-.01em}.arch-ai-chips{display:flex;flex-wrap:wrap;gap:8px}.arch-ai-chip{display:inline-flex;align-items:center;border:1px solid rgba(226,232,240,.85);border-radius:9999px;padding:7px 14px;background:#f1f5f9d9;color:#334155;font-size:12px;font-weight:500;line-height:1.3;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arch-ai-chip:hover{background:#e2e8f0;color:#0f172a;transform:translateY(-1px)}.arch-ai-chip:active{transform:translateY(0)}.arch-ai-context{display:none;align-items:center;align-self:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:6px;padding:0}.arch-ai-context:not(:empty){display:flex}.arch-ai-context-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;color:#334155;box-shadow:0 1px 2px #0f172a0a}.arch-ai-context-icon{flex-shrink:0;color:#64748b}.arch-ai-context-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.arch-ai-transcript{position:relative;z-index:1;display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:auto;padding:14px;overscroll-behavior:contain}.arch-ai-message{max-width:88%;border-radius:14px;padding:10px 14px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12.5px;line-height:1.5;box-shadow:0 1px 3px #0f172a0d}.arch-ai-message--user{align-self:flex-end;border-bottom-right-radius:4px;color:#fff;background:#2563eb}.arch-ai-message--assistant{align-self:flex-start;border-bottom-left-radius:4px;border:1px solid rgba(226,232,240,.9);color:#1e293b;background:#fff}.arch-ai-message--error{align-self:stretch;max-width:100%;border:1px solid #fecaca;color:#b91c1c;background:#fef2f2}.arch-ai-message--status{align-self:flex-start;padding:2px 6px;color:#64748b;font-size:11px;background:transparent;box-shadow:none}.arch-ai-compose{position:relative;z-index:1;display:flex;flex-direction:column;padding:10px 14px 16px;background:transparent!important;border-top:none!important}.arch-ai-input-card{width:100%;display:flex;flex-direction:column;background:#fff;border-radius:14px;border:1px solid rgba(226,232,240,.85);box-shadow:0 2px 8px -2px #0f172a0f,0 1px 2px #0f172a08;padding:10px 12px 8px;box-sizing:border-box;transition:box-shadow .2s ease,border-color .2s ease}.arch-ai-input-card:focus-within{outline:none!important;border-color:#e2e8f0d9!important;box-shadow:0 2px 8px -2px #0f172a0f,0 1px 2px #0f172a08!important}.arch-ai-attachments{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:6px}.arch-ai-attach-badge{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11px;color:#334155;max-width:100%}.arch-ai-attach-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.arch-ai-attach-remove{background:transparent;border:none;cursor:pointer;color:#64748b;font-size:11px;padding:0 2px;line-height:1}.arch-ai-attach-remove:hover{color:#ef4444}.arch-ai-input{width:100%;min-height:48px;max-height:140px;border:none!important;outline:none!important;background:transparent!important;resize:none;box-sizing:border-box;padding:0 0 6px;color:#1e293b;font:inherit;font-size:13px;line-height:1.45;box-shadow:none!important}.arch-ai-input:focus,.arch-ai-input:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.arch-ai-input::placeholder{color:#94a3b8}.arch-ai-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(241,245,249,.9)}.arch-ai-card-bottom-left{display:flex;align-items:center}.arch-ai-action-btn{width:26px;height:26px;border-radius:6px;background:transparent!important;border:none!important;color:#64748b!important;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:none!important;transition:color .15s ease,background-color .15s ease}.arch-ai-action-btn svg{stroke:currentColor!important;color:inherit!important}.arch-ai-action-btn:hover{background:#0f172a0f!important;color:#0f172a!important}.arch-ai-card-bottom-right{display:flex;align-items:center;gap:6px}.arch-ai-submit-btn{width:28px;height:28px;border-radius:8px;background:#2563eb;border:none;color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s ease,background-color .15s ease}.arch-ai-submit-btn svg{stroke:#fff!important;color:#fff!important}.arch-ai-submit-btn:hover:not(:disabled){background:#1d4ed8;transform:scale(1.05)}.arch-ai-submit-btn:active:not(:disabled){transform:scale(.96)}.arch-ai-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.arch-ai-submit-btn.arch-ai-stop{background:#ef4444}.arch-ai-submit-btn.arch-ai-stop svg{fill:#fff!important;stroke:none!important;color:#fff!important}.arch-ai-submit-btn.arch-ai-stop:hover:not(:disabled){background:#dc2626}.arch-ai-attribution{position:relative;z-index:1;display:block;flex:0 0 auto;padding:0 14px 10px;color:#94a3b8;font-size:10px;text-align:center;text-decoration:none;background:transparent!important}.arch-ai-attribution:hover{color:#2563eb;text-decoration:underline}.arch-spellcheck-bar,.arch-spellcheck-popover{position:absolute;z-index:1000;display:inline-flex;flex-direction:row;align-items:center;gap:2px;padding:4px;background:#22242a;color:#f8fafc;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 2px 8px #0000002e,0 1px 2px #0000001a!important;font-family:var(--arch-font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:12px;box-sizing:border-box;animation:archFadeIn .12s ease-out;white-space:nowrap;pointer-events:auto!important;-webkit-user-select:none;user-select:none}.arch-spellcheck-word-btn{display:inline-flex;align-items:center;gap:5px;padding:0 8px;height:24px;border:none;background:transparent;color:#e2e8f0;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.arch-spellcheck-word-btn:hover,.arch-spellcheck-word-btn:focus-visible{background:#ffffff26;color:#fff;outline:none}.arch-spellcheck-word-btn svg{flex-shrink:0}.arch-spellcheck-no-sugg{padding:3px 8px;font-size:11px;color:#94a3b8;font-style:italic}.arch-spellcheck-divider{width:1px;height:14px;background:#ffffff2e;margin:0 2px}.arch-spellcheck-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 6px;height:24px;border:none;background:transparent;color:#e2e8f0;border-radius:4px;cursor:pointer;transition:background .12s,color .12s}.arch-spellcheck-more-btn:hover,.arch-spellcheck-more-btn.is-active,.arch-spellcheck-more-btn:focus-visible{background:#ffffff26;color:#fff;outline:none}.arch-spellcheck-more-btn .arch-spellcheck-chevron{transition:transform .15s ease}.arch-spellcheck-more-btn.is-active .arch-spellcheck-chevron{transform:rotate(180deg)}.arch-spellcheck-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:185px;background:#22242a;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px;box-shadow:0 2px 8px #0000002e,0 1px 2px #0000001a;z-index:1001;display:flex;flex-direction:column;gap:2px;pointer-events:auto!important;animation:archFadeIn .1s ease-out}.arch-spellcheck-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;color:#e2e8f0;font-size:11px;text-align:left;border-radius:4px;cursor:pointer;transition:background .12s,color .12s;box-sizing:border-box}.arch-spellcheck-dropdown-item:hover,.arch-spellcheck-dropdown-item:focus-visible{background:#ffffff26;color:#fff;outline:none}.arch-spellcheck-dropdown-item svg{flex-shrink:0;color:#cbd5e1}.arch-spellcheck-dropdown-item:hover svg{color:#fff}.arch-spellcheck-dropdown-divider{height:1px;background:#ffffff1a;margin:3px 0}.arch-spellcheck-menu-badge{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;background:#ffffff0f;padding:1px 5px;border-radius:3px}.arch-ai-message--section{padding:0!important;background:transparent!important;border:none!important;max-width:100%!important}.arch-ai-section-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d;cursor:grab;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none;margin-top:4px}.arch-ai-section-card:hover{border-color:#3b82f6;box-shadow:0 4px 14px #3b82f626;transform:translateY(-1px)}.arch-ai-section-card:active{cursor:grabbing}.arch-ai-section-card-preview{position:relative;width:100%;min-height:24px;background:#fff;overflow:hidden;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;transition:height .15s ease-out}.arch-theme--dark .arch-ai-section-card{background:#0f172a;border-color:#1e293b;box-shadow:0 1px 3px #0000004d}.arch-theme--dark .arch-ai-section-card:hover{border-color:#60a5fa;box-shadow:0 4px 14px #60a5fa33}.arch-theme--dark .arch-ai-section-card-preview{background:#020617}