.theme-settings-component input[type=color][data-v-d7c5164a]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:0}.theme-settings-component input[type=color][data-v-d7c5164a]::-webkit-color-swatch-wrapper{padding:0}.theme-settings-component input[type=color][data-v-d7c5164a]::-webkit-color-swatch{border:none;border-radius:4px}@media (min-width:96rem){.max-w-\[96rem\]{max-width:96rem}}.website-canvas{background:linear-gradient(135deg,#f8fafc,#e0e7ef);border:1.5px solid #e5e7eb;border-radius:18px;box-shadow:0 4px 24px #0000000f;min-height:800px;overflow-x:auto;padding:32px 24px;position:relative;transition:width .3s cubic-bezier(.4,2,.6,1),box-shadow .2s}.device-btn{background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;outline:none;padding:5px 12px;transition:background .15s,border .15s}.device-btn.active,.device-btn:hover{background:#e0e7ef;border-color:#3b82f6;color:#2563eb}.component-container{position:relative;transition:border-color .2s,box-shadow .2s}.component-container:hover{border-color:#93c5fd}.gallery-item{overflow:hidden}.gallery-item img{transition:transform .3s}.gallery-item:hover img{transform:scale(1.05)}.slide-enter-active,.slide-leave-active{transition:transform .4s ease,opacity .3s ease}.slide-enter-from,.slide-leave-to{opacity:0;transform:translate(-100%)}.properties-sidebar{background-color:#f3f4f6;bottom:0;left:0;overflow-y:auto;padding:1rem;position:absolute;top:0;width:16rem;z-index:30}.field[data-v-1ecba086]{--color-primary:#10b981;--color-text-primary:#333;--color-text-secondary:#666;--color-border:#d4d4d8;--color-focus:var(--color-primary);--color-error:red;display:flex;flex-direction:column;gap:.5rem}.trigger[data-v-1ecba086]{align-items:center;background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease;width:-moz-max-content;width:max-content}.trigger[data-v-1ecba086]:disabled{cursor:not-allowed;opacity:.5}.trigger[data-v-1ecba086]:hover{background-color:color-mix(in srgb,var(--color-primary) 85%,#000)}.trigger[data-v-1ecba086]:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,#fff);outline:none}.icon[data-v-1ecba086]{height:16px;width:16px;fill:currentColor}.empty-state[data-v-1ecba086]{color:var(--color-text-secondary);font-size:13px;margin:0}.file-entry[data-v-1ecba086]{align-items:center;color:var(--color-text-primary);display:flex;font-size:13px;gap:.25rem;padding:.25rem 0}.error[data-v-1ecba086]{color:var(--color-error);font-size:13px}.delete-button[data-v-1ecba086]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;margin:0;padding:0}.delete-button[data-v-1ecba086]:hover{color:var(--color-error)}.icon-uploading[data-v-1ecba086]{animation:spin-1ecba086 1s linear infinite;transform-origin:center}@keyframes spin-1ecba086{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-field[data-v-6f5a7296]{margin-bottom:1rem}.form-label[data-v-6f5a7296]{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:.25rem}.form-select[data-v-6f5a7296]{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;font-size:14px;padding:.5rem;width:100%}.form-select[data-v-6f5a7296]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.form-description[data-v-6f5a7296]{color:#6b7280;font-size:12px;margin-top:.25rem}.component-type-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.component-type-header h3{color:#374151;font-size:16px;font-weight:600;margin:0}.property-description{color:#6b7280;font-size:.75rem;margin-top:.25rem}