@keyframes ui-designer-module__254jPG__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ui-designer-module__254jPG__slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-designer-module__254jPG__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ui-designer-module__254jPG__floatPaint{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(4deg)}75%{transform:translateY(3px)rotate(-2deg)}}.ui-designer-module__254jPG__pageWrapper{background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary)}.ui-designer-module__254jPG__heroSection{text-align:center;padding:140px 24px 40px}.ui-designer-module__254jPG__heroIcon{margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite ui-designer-module__254jPG__floatPaint;display:inline-block}.ui-designer-module__254jPG__heroTitle{font-family:var(--font-display);letter-spacing:-1.5px;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:42px;font-weight:800}.ui-designer-module__254jPG__heroSubtitle{color:var(--color-text-secondary);max-width:520px;margin:0 auto;font-size:16px;line-height:1.6}.ui-designer-module__254jPG__startScreen{max-width:700px;margin:0 auto;padding:0 24px 80px}.ui-designer-module__254jPG__optionGrid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.ui-designer-module__254jPG__optionCard{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);padding:32px 24px}.ui-designer-module__254jPG__optionCard:hover{border-color:#a855f7;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.ui-designer-module__254jPG__optionCardActive{background:#a855f70d;border-color:#a855f7}.ui-designer-module__254jPG__optionIcon{margin-bottom:12px;font-size:40px;display:block}.ui-designer-module__254jPG__optionTitle{margin-bottom:6px;font-size:16px;font-weight:700}.ui-designer-module__254jPG__optionDesc{color:var(--color-text-tertiary);font-size:13px;line-height:1.5}.ui-designer-module__254jPG__inputSection{margin-top:24px;animation:.3s ease-out ui-designer-module__254jPG__slideUp}.ui-designer-module__254jPG__urlInputCard,.ui-designer-module__254jPG__pasteCard{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:24px}.ui-designer-module__254jPG__inputLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ui-designer-module__254jPG__urlInput{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:14px;font-family:var(--font-body);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:12px 16px}.ui-designer-module__254jPG__urlInput:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.ui-designer-module__254jPG__pasteTextarea{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:#e4e4e7;width:100%;min-height:200px;font-family:var(--font-mono);resize:vertical;box-sizing:border-box;background:#0d0d0f;outline:none;padding:14px 16px;font-size:13px;line-height:1.6}.ui-designer-module__254jPG__pasteTextarea:focus{border-color:#a855f7}.ui-designer-module__254jPG__loadButton{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-base);font-size:15px;font-weight:700;font-family:var(--font-body);background:linear-gradient(135deg,#a855f7,#db2777);border:none;margin-top:16px;padding:14px}.ui-designer-module__254jPG__loadButton:hover{transform:translateY(-1px);box-shadow:0 8px 24px #a855f766}.ui-designer-module__254jPG__loadButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.ui-designer-module__254jPG__editorContainer{flex-direction:column;height:calc(100vh - 64px);padding-top:64px;display:flex}.ui-designer-module__254jPG__editorToolbar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.ui-designer-module__254jPG__toolbarLeft,.ui-designer-module__254jPG__toolbarRight{align-items:center;gap:8px;display:flex}.ui-designer-module__254jPG__viewToggle{background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);padding:3px;display:flex}.ui-designer-module__254jPG__viewToggleButton{color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;padding:6px 14px}.ui-designer-module__254jPG__viewToggleButton:hover{color:var(--color-text-primary)}.ui-designer-module__254jPG__viewToggleActive{color:#fff;background:#a855f7}.ui-designer-module__254jPG__toolbarButton{color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:600;font-family:var(--font-body);align-items:center;gap:5px;padding:7px 14px;display:inline-flex}.ui-designer-module__254jPG__toolbarButton:hover{color:var(--color-text-primary);border-color:#a855f7}.ui-designer-module__254jPG__splitPane{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.ui-designer-module__254jPG__splitPanePreviewOnly,.ui-designer-module__254jPG__splitPaneCodeOnly{grid-template-columns:1fr}.ui-designer-module__254jPG__previewPanel{border-right:1px solid var(--color-border-primary);background:#fff;position:relative;overflow:hidden}.ui-designer-module__254jPG__previewFrame{background:#fff;border:none;width:100%;height:100%}.ui-designer-module__254jPG__codePanel{background:#0d0d0f;flex-direction:column;display:flex;position:relative}.ui-designer-module__254jPG__codePanelHeader{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border-bottom:1px solid #ffffff0f;padding:10px 16px;font-size:12px;font-weight:600}.ui-designer-module__254jPG__codeEditor{resize:none;color:#e4e4e7;width:100%;font-family:var(--font-mono);tab-size:2;white-space:pre;box-sizing:border-box;background:#0d0d0f;border:none;outline:none;flex:1;padding:16px;font-size:13px;line-height:1.6;overflow:auto}.ui-designer-module__254jPG__promptBar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-primary);background:#1e1e23e6;align-items:center;gap:12px;padding:14px 20px;display:flex}.ui-designer-module__254jPG__promptInput{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;flex:1;padding:12px 16px}.ui-designer-module__254jPG__promptInput:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.ui-designer-module__254jPG__promptInput::placeholder{color:var(--color-text-tertiary)}.ui-designer-module__254jPG__applyButton{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-size:14px;font-weight:700;font-family:var(--font-body);background:linear-gradient(135deg,#a855f7,#ec4899);border:none;padding:12px 24px}.ui-designer-module__254jPG__applyButton:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f766}.ui-designer-module__254jPG__applyButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.ui-designer-module__254jPG__historyBar{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-primary);color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:16px;padding:8px 20px;font-size:12px;display:flex}.ui-designer-module__254jPG__historyButton{color:var(--color-text-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);background:0 0;padding:4px 12px}.ui-designer-module__254jPG__historyButton:hover{border-color:#a855f7}.ui-designer-module__254jPG__historyButton:disabled{opacity:.3;cursor:not-allowed}.ui-designer-module__254jPG__loadingOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#09090bb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-designer-module__254jPG__loadingCard{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl);padding:40px 48px}.ui-designer-module__254jPG__loadingSpinner{border:3px solid var(--color-bg-tertiary);border-top-color:#a855f7;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite ui-designer-module__254jPG__spin}.ui-designer-module__254jPG__loadingText{margin-bottom:4px;font-size:15px;font-weight:600}.ui-designer-module__254jPG__loadingSubtext{color:var(--color-text-tertiary);font-size:12px}.ui-designer-module__254jPG__lockedOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#09090bd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-designer-module__254jPG__lockedCard{background:var(--color-bg-secondary);border-radius:var(--radius-xl);text-align:center;border:1px solid #ffffff14;width:90%;max-width:440px;padding:48px 40px;box-shadow:0 20px 60px #00000080}.ui-designer-module__254jPG__lockedIcon{margin-bottom:20px;font-size:56px}.ui-designer-module__254jPG__lockedTitle{margin-bottom:10px;font-size:22px;font-weight:700}.ui-designer-module__254jPG__lockedText{color:var(--color-text-secondary);margin-bottom:28px;font-size:14px;line-height:1.6}.ui-designer-module__254jPG__errorBanner{color:#f87171;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef44444d;margin:0 24px 20px;padding:12px 16px;font-size:13px}@media (max-width:768px){.ui-designer-module__254jPG__heroTitle{font-size:28px}.ui-designer-module__254jPG__heroSection{padding-top:80px;padding-bottom:20px}.ui-designer-module__254jPG__optionGrid{grid-template-columns:1fr;gap:12px}.ui-designer-module__254jPG__optionCard{padding:20px 16px}.ui-designer-module__254jPG__editorToolbar{justify-content:space-between;gap:8px;padding:8px 12px}.ui-designer-module__254jPG__viewToggleButton:nth-child(2){display:none!important}.ui-designer-module__254jPG__splitPane{grid-template-columns:1fr}.ui-designer-module__254jPG__splitPane:not(.ui-designer-module__254jPG__splitPaneCodeOnly):not(.ui-designer-module__254jPG__splitPanePreviewOnly) .ui-designer-module__254jPG__codePanel{display:none!important}.ui-designer-module__254jPG__promptBar{gap:8px;padding:10px 12px}.ui-designer-module__254jPG__promptInput{padding:10px 12px;font-size:13px}.ui-designer-module__254jPG__applyButton{padding:10px 16px;font-size:13px}.ui-designer-module__254jPG__historyBar{padding:6px 12px;font-size:11px}}