:root{--pb-primary: #f97316;--pb-primary-dark: #ea580c;--pb-primary-gradient: linear-gradient(135deg, #f97316 0%, #db2777 100%);--pb-secondary: #db2777;--pb-accent: #8b5cf6;--pb-success: #22c55e;--pb-danger: #ef4444;--pb-info: #3b82f6;--pb-warning: #f97316;--pb-bg-body: #09090b;--pb-bg-card: #18181b;--pb-bg-input: #09090b;--pb-bg-panel: #27272a;--pb-text-main: #f4f4f5;--pb-text-muted: #a1a1aa;--pb-text-light: #71717a;--pb-text-inverse: #09090b;--pb-border-color: #27272a;--pb-border-focus: #f97316;--pb-radius-sm: 6px;--pb-radius-md: 10px;--pb-radius-lg: 16px;--pb-radius-xl: 24px;--pb-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--pb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--pb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--pb-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--pb-space-1: 4px;--pb-space-2: 8px;--pb-space-3: 12px;--pb-space-4: 16px;--pb-space-5: 20px;--pb-space-6: 24px;--pb-space-8: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--pb-bg-body);color:var(--pb-text-main);min-height:100vh;padding:40px 20px;line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1200px;width:100%;margin:0 auto;background:var(--pb-bg-card);border-radius:var(--pb-radius-xl);box-shadow:var(--pb-shadow-xl);border:1px solid var(--pb-border-color);position:relative;overflow:hidden;box-sizing:border-box}.header{background:var(--pb-bg-card);padding:var(--pb-space-6) var(--pb-space-8);border-bottom:1px solid var(--pb-border-color);text-align:left}.header h1{font-size:24px;font-weight:700;color:var(--pb-text-main);margin-bottom:var(--pb-space-1);letter-spacing:-.5px}.header p{color:var(--pb-text-muted);font-size:14px}.content{display:flex;flex-direction:column;gap:var(--pb-space-6);padding:var(--pb-space-8);background:var(--pb-bg-body);width:100%;box-sizing:border-box}.section{background:var(--pb-bg-card);padding:var(--pb-space-6);border-radius:var(--pb-radius-lg);border:1px solid var(--pb-border-color);box-shadow:var(--pb-shadow-sm);width:100%;box-sizing:border-box}.section-title{font-size:18px;font-weight:600;color:var(--pb-text-main);margin-bottom:15px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:20px;background:var(--pb-primary-gradient);border-radius:2px}.styled-select{width:100%;padding:12px 15px;border:1px solid var(--pb-border-color);border-radius:12px;font-size:15px;color:var(--pb-text-main);background-color:var(--pb-bg-panel);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f97316'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:20px;transition:all .3s ease}.styled-select:focus{outline:none;border-color:var(--pb-primary);box-shadow:0 0 0 3px #f9731626}.styled-select:hover{border-color:var(--pb-primary)}.chips-container{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 16px;background:var(--pb-bg-input);border:1px solid var(--pb-border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:var(--pb-text-muted);-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--pb-primary);color:var(--pb-text-main);background:var(--pb-bg-card)}.chip.active{background:var(--pb-primary);color:#fff;border-color:var(--pb-primary);box-shadow:0 0 15px #818cf866}.color-circle{width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 2px 8px #0000001a}.color-circle:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.color-circle.active{border-color:#f97316;box-shadow:0 0 0 4px #f9731633;transform:scale(1.15)}.current-palette-display{background:#f7fafc;border-radius:12px;padding:25px;margin-top:20px;border:2px solid var(--pb-border-color)}.current-palette-info{background:#fff;padding:20px;border-radius:8px}.palette-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.palette-name{font-size:16px;font-weight:700;color:var(--pb-text-main)}.conversion-badge{display:inline-block;background:linear-gradient(135deg,#f97316,#db2777);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.palette-description{color:var(--pb-text-main);font-size:14px;line-height:1.6;margin-bottom:20px}.current-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:20px}.color-item{display:flex;flex-direction:column;gap:8px}.color-swatch{width:100%;height:60px;border-radius:8px;border:1px solid var(--pb-border-color);box-shadow:0 2px 8px #0000001a}.color-info{display:flex;flex-direction:column;gap:4px}.color-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase}.color-hex{font-size:13px;font-weight:500;color:var(--pb-text-main)!important;font-family:Monaco,Courier New,monospace}.palette-mode-tabs{display:flex;gap:8px;margin-bottom:15px}.palette-mode-tab{flex:1;padding:10px 16px;border:2px solid var(--pb-border-color);background:#f7fafc;border-radius:8px;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease}.palette-mode-tab:hover{border-color:var(--pb-border-color);background:#edf2f7}.palette-mode-tab.active{border-color:#f97316;background:linear-gradient(135deg,#f97316,#db2777);color:#fff}.palette-constructor{background:#f7fafc;border-radius:12px;padding:20px;border:2px solid var(--pb-border-color);margin-top:10px}.palette-constructor.hidden{display:none}.constructor-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:20px}.constructor-color-item{display:flex;flex-direction:column;gap:8px}.constructor-color-item label{font-size:12px;font-weight:600;color:#4a5568;text-transform:uppercase}.color-input-wrapper{display:flex;gap:8px;align-items:center}.color-input-wrapper input[type=color]{width:50px;height:40px;border:2px solid var(--pb-border-color);border-radius:8px;cursor:pointer;padding:2px;background:#fff}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-wrapper input[type=color]::-webkit-color-swatch{border-radius:4px;border:none}.color-hex-input{flex:1;padding:8px 12px;border:2px solid var(--pb-border-color);border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:13px;text-transform:uppercase;background:#fff;transition:border-color .2s ease}.color-hex-input:focus{outline:none;border-color:#f97316}.constructor-preview{margin-bottom:20px}.preview-card{border-radius:12px;overflow:hidden;border:2px solid var(--pb-border-color);transition:all .3s ease}.preview-header{padding:15px 20px;font-weight:700;font-size:16px;text-align:center}.preview-content{padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.preview-text{font-size:14px;font-weight:500}.preview-cta{padding:12px 30px;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.preview-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.constructor-actions{display:flex;gap:12px;justify-content:flex-end}.constructor-btn{padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.constructor-btn.secondary{background:#fff;border-color:var(--pb-border-color);color:#4a5568}.constructor-btn.secondary:hover{background:#f7fafc;border-color:var(--pb-border-color)}.constructor-btn.primary{background:linear-gradient(135deg,#f97316,#db2777);color:#fff}.constructor-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f9731666}.palette-notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,#f97316,#db2777);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;box-shadow:0 4px 20px #f9731666;z-index:10000;opacity:0;transition:all .3s ease}.palette-notification.show{transform:translate(-50%) translateY(0);opacity:1}.text-input,.styled-select,.select2-container--pb-default .select2-selection--pb-single{width:100%;padding:10px 16px;background:var(--pb-bg-input);border:1px solid var(--pb-border-color);border-radius:var(--pb-radius-md)!important;font-size:14px;color:var(--pb-text-main);transition:all .2s ease;box-shadow:var(--pb-shadow-sm);height:42px}.text-input:focus,.styled-select:focus{outline:none;border-color:var(--pb-primary);box-shadow:0 0 0 3px #f9731626}.select2-container--pb-default .select2-selection--pb-single{border-color:var(--pb-border-color)!important;display:flex!important;align-items:center}.select2-container--pb-default .select2-selection--pb-single .select2-selection__arrow{height:40px!important;top:1px!important}.btn,button{font-family:inherit;font-weight:600;border-radius:var(--pb-radius-md);cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--pb-primary);color:#fff;box-shadow:0 4px 6px #f973164d}.btn-primary:hover{background:var(--pb-primary-dark);box-shadow:0 6px 12px #f9731666;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--pb-text-main);border:1px solid var(--pb-border-color);box-shadow:none}.btn-secondary:hover{background:#ffffff0d;border-color:var(--pb-text-muted);color:#fff}.output-section{background:#f7fafc;border-radius:12px;padding:25px;margin-top:30px}.output-title{font-size:16px;font-weight:600;color:var(--pb-text-main);margin-bottom:15px}.output-box{background:#fff;border:2px solid var(--pb-border-color);border-radius:8px;padding:20px;max-height:600px;overflow-y:auto;font-size:13px;line-height:1.6;color:var(--pb-text-main);white-space:pre-wrap;font-family:Courier New,monospace;scrollbar-width:none;-ms-overflow-style:none}.output-box::-webkit-scrollbar{display:none}.output-box::-webkit-scrollbar-track{display:none}.output-box::-webkit-scrollbar-thumb{display:none}.output-box::-webkit-scrollbar-thumb:hover{display:none}.info-badge{display:inline-block;background:#edf2f7;color:#4a5568;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-left:10px}.label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--pb-text-muted);text-transform:uppercase;letter-spacing:.5px}.color-highlight{background-color:#ffeb99!important;font-weight:600;padding:0 2px;border-radius:2px}.block-intro{background-color:#fff3cd;padding:2px 4px;border-left:3px solid #FFC107}.block-headlines{background-color:#d1ecf1;padding:2px 4px;border-left:3px solid #17A2B8}.block-niche{background-color:#d4edda;padding:2px 4px;border-left:3px solid #28A745}.block-triggers{background-color:#f8d7da;padding:2px 4px;border-left:3px solid #DC3545}.block-problem{background-color:#e2e3e5;padding:2px 4px;border-left:3px solid #6C757D}.block-testimonials{background-color:#e7d4f5;padding:2px 4px;border-left:3px solid #9B59B6}.block-story{background-color:#d5f4e6;padding:2px 4px;border-left:3px solid #1ABC9C}.block-structure{background-color:#fadbd8;padding:2px 4px;border-left:3px solid #E74C3C}.block-colors{background-color:#fce4ec;padding:2px 4px;border-left:3px solid #E91E63}.block-emphasis{background-color:#f0f4ff;padding:2px 4px;border-left:3px solid #6366F1}.block-mobile{background-color:#e0f7fa;padding:2px 4px;border-left:3px solid #00BCD4}.block-technical{background-color:#d6eaf8;padding:2px 4px;border-left:3px solid #3498DB}.block-tone{background-color:#fcf3cf;padding:2px 4px;border-left:3px solid #F39C12}.block-placeholders{background-color:#ebdef0;padding:2px 4px;border-left:3px solid #8E44AD}@media(max-width:768px){.header{padding:20px}.header h1{font-size:22px}.content{padding:20px;gap:10px}.content>section{padding-top:20px;padding-bottom:20px}.section-title{margin-bottom:10px}.palette-header{flex-direction:column;align-items:flex-start}.current-colors{grid-template-columns:repeat(2,1fr)}.actions{flex-direction:column}.btn{width:100%}}@media(max-width:480px){body{padding:10px}.container{border-radius:12px}.header{padding:15px}.header h1{font-size:18px}.content{padding:15px;gap:5px}.content>section{padding-top:15px;padding-bottom:15px}.section-title{font-size:16px;margin-bottom:8px}.current-colors{grid-template-columns:1fr}.chip{padding:8px 14px;font-size:12px}}.legend-btn{padding:6px 10px;border:2px solid transparent;border-radius:4px;background:#fff!important;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;text-align:left;color:var(--pb-text-main)}.legend-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#f97316}.legend-btn:active{transform:translateY(0)}.legend-btn.active{border:2px solid #f97316;font-weight:600;box-shadow:0 0 0 3px #f973161a}.output-box .highlight-block{background-color:#ffeb99!important;padding:8px!important;border-radius:4px;border-left:4px solid #FFC107!important;animation:pulse-highlight .5s ease-in-out}@keyframes pulse-highlight{0%{background-color:#ff9;box-shadow:0 0 #ffc107b3}50%{box-shadow:0 0 0 10px #ffc10700}to{background-color:#ffeb99;box-shadow:0 0 #ffc10700}}.output-box .regional-highlight{background-color:#e3f2fd!important;border-left:4px solid #2196F3!important;padding:4px!important}.structure-blocks-container{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.structure-block-toggle{display:flex;flex-direction:column;border:2px solid var(--pb-border-color);border-radius:8px;transition:all .2s ease;background:#fff;-webkit-user-select:none;user-select:none;overflow:visible;width:100%;box-sizing:border-box}.structure-block-toggle:hover{border-color:#f97316;box-shadow:0 2px 8px #f9731626}.structure-block-toggle.dragging{opacity:.5;cursor:grabbing;transform:scale(1.02)}.structure-block-toggle.drag-over{border-color:#f97316;border-style:dashed;background:#edf2f7;transform:translateY(-2px)}.block-header{display:flex;align-items:center;gap:10px;padding:12px;cursor:grab;font-size:14px;font-weight:500;color:#4a5568;background:#fff;transition:background .2s ease}.block-header:hover{background:#f7fafc}.structure-block-toggle.dragging .block-header{cursor:grabbing}.drag-handle{font-size:16px;color:#a0aec0;cursor:grab;-webkit-user-select:none;user-select:none;transition:color .2s ease;min-width:20px;text-align:center}.structure-block-toggle:hover .drag-handle{color:#f97316}.structure-block-toggle:active .drag-handle{cursor:grabbing}.block-order{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:linear-gradient(135deg,#f97316,#db2777);color:#fff;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.block-name{flex:1;min-width:0}.block-header input[type=checkbox]{width:18px;height:18px;accent-color:#f97316;cursor:pointer;flex-shrink:0}.block-header input[type=checkbox]:checked~.block-name{color:var(--pb-text-main);font-weight:600}.form-field-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid var(--pb-border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#4a5568;background:#fff;-webkit-user-select:none;user-select:none}.form-field-toggle:hover{border-color:#f97316;background:#f7fafc;transform:translateY(-1px)}.form-field-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#f97316;cursor:pointer}.form-field-toggle input[type=checkbox]:checked+span{color:var(--pb-text-main);font-weight:600}.block-settings{padding:12px 16px;margin:0;background:#f9fafb;border-top:1px solid var(--pb-border-color);transition:all .3s ease}.block-settings.hidden{display:none}.settings-row{margin-bottom:12px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.block-settings .chip{padding:6px 12px;font-size:12px;border:1px solid var(--pb-border-color)}.block-settings .chip:hover{border-color:#f97316}.block-settings .chip.active{background:#f97316;border-color:#f97316}.settings-info-box{margin-top:16px;padding:12px;background:#ebf8ff;border-left:4px solid #3182CE;border-radius:6px}.duplicate-offer-btn{display:none;margin-left:auto;padding:4px 12px;background:linear-gradient(135deg,#f97316,#db2777);color:#fff;border:none;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;width:28px;height:28px;align-items:center;justify-content:center;flex-shrink:0}.duplicate-offer-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #f9731666}.duplicate-offer-btn:active{transform:scale(.95)}.settings-toggle-btn{margin-left:auto;margin-right:6px;padding:4px 8px;background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.3);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.settings-toggle-btn+.duplicate-offer-btn{margin-left:0}.settings-toggle-btn:hover{background:#f9731633;border-color:#f9731680;transform:scale(1.05)}.settings-toggle-btn:active{transform:scale(.95)}.settings-toggle-btn.active{background:linear-gradient(135deg,#f97316,#db2777);color:#fff;border-color:transparent}.hidden{display:none}.block-expert{background-color:#d5f5e3;padding:2px 4px;border-left:3px solid #58D68D}.block-clinical-studies{background-color:#e8daef;padding:2px 4px;border-left:3px solid #8E44AD}.block-format{background-color:#e1bee7;padding:2px 4px;border-left:3px solid #9C27B0}.block-hero{background-color:#fff9c4;padding:2px 4px;border-left:3px solid #FDD835}.block-solutions-fail{background-color:#ffccbc;padding:2px 4px;border-left:3px solid #FF5722}.block-discovery{background-color:#c8e6c9;padding:2px 4px;border-left:3px solid #4CAF50}.block-how-it-works{background-color:#b2dfdb;padding:2px 4px;border-left:3px solid #009688}.block-faq{background-color:#dcedc8;padding:2px 4px;border-left:3px solid #8BC34A}.block-comments-styling{background-color:#e0f2f1;padding:2px 4px;border-left:3px solid #00BCD4}.block-offer{background-color:#fadbd8;padding:2px 4px;border-left:3px solid #E74C3C}.block-chat-interactive{background-color:#e3f2fd;padding:2px 4px;border-left:3px solid #2196F3}.block-celebrity-crowd-effect{background-color:#fff4e6;padding:2px 4px;border-left:3px solid #FF9800}.block-before-after-visual{background-color:#e8f5e9;padding:2px 4px;border-left:3px solid #4CAF50}.block-two-paths{background-color:#fadbd8;padding:2px 4px;border-left:3px solid #E74C3C}body.modal-open{overflow:hidden}.sticky-presets-header{position:sticky;top:0;z-index:1000;margin:-32px -32px 20px;padding:15px 32px;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--pb-border-color);box-shadow:var(--pb-shadow-md);display:flex;flex-direction:column;gap:10px}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.sticky-presets-header.compact{padding:15px 30px;transition:padding .3s ease}.sticky-presets-header .section-title{color:var(--pb-text-main)!important;margin-bottom:10px;font-size:16px;font-weight:600}.sticky-presets-header:before{display:none}.sticky-presets-header .preset-controls{background:#fffffff2;padding:15px;border-radius:8px;color:#333}.sticky-presets-header .preset-info{color:var(--pb-text-muted);font-size:12px;font-style:italic}.sticky-presets-header button{background:var(--pb-bg-card)!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color)!important;box-shadow:var(--pb-shadow-sm)!important;border-radius:var(--pb-radius-md)!important;padding:8px 16px!important;font-size:13px!important;transition:all .2s ease}.sticky-presets-header button:hover{border-color:var(--pb-primary)!important;color:var(--pb-primary)!important;background:var(--pb-bg-body)!important}.sticky-presets-header.compact .preset-save-section,.sticky-presets-header.compact .preset-info{display:none}.sticky-presets-header.compact .preset-controls{padding:10px 15px}.sticky-presets-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}@media(max-width:768px){.sticky-presets-header{margin:-20px -20px 15px;padding:15px 20px}.sticky-presets-header .section-title{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 30px #0003;width:95%;max-width:800px;text-align:center}.modal-title{font-size:20px;font-weight:600;color:var(--pb-text-main);margin-bottom:15px}#confirmation-settings-list ul{list-style-type:none;padding:0;margin:0}#confirmation-settings-list li{padding:8px 0;border-bottom:1px solid var(--pb-border-color);font-size:14px;color:#4a5568}#confirmation-settings-list li:last-child{border-bottom:none}#confirmation-settings-list strong{color:var(--pb-text-main)}.sticky-presets-header button{background:#fff!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color)!important;box-shadow:var(--pb-shadow-sm)!important;border-radius:var(--pb-radius-md)!important;padding:8px 16px!important;font-size:13px!important;transition:all .2s ease}.sticky-presets-header button:hover{border-color:var(--pb-primary)!important;color:var(--pb-primary)!important}.preset-save-section button{background:var(--pb-primary)!important;color:#fff!important;border:none!important}#presetsSelect,#presetNameInput{background-color:var(--pb-bg-input)!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color)!important}.sticky-presets-header button{background-color:var(--pb-bg-panel)!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color)!important;box-shadow:var(--pb-shadow-sm)!important}.sticky-presets-header button:hover{background-color:var(--pb-bg-card)!important;border-color:var(--pb-primary)!important;color:var(--pb-primary)!important}.sticky-presets-header button[onclick*=saveCurrentPreset]{background-color:var(--pb-primary)!important;color:#fff!important;border:none!important}.sticky-presets-header button[onclick*=saveCurrentPreset]:hover{background-color:var(--pb-primary-dark)!important;color:#fff!important}.sticky-presets-header .section-title{color:var(--pb-text-main)!important}.preset-controls,.preset-save-section{background-color:var(--pb-bg-card)!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color);box-shadow:none!important}#sequential-mode-info{background-color:#818cf81a!important;color:var(--pb-text-main)!important}#sequential-mode-info p,#sequential-mode-info div{color:var(--pb-text-muted)!important}.form-field-toggle{background-color:var(--pb-bg-input)!important;border-color:var(--pb-border-color)!important;color:var(--pb-text-muted)!important}.form-field-toggle:hover{background-color:var(--pb-bg-panel)!important;border-color:var(--pb-primary)!important;color:var(--pb-text-main)!important}.form-field-toggle input:checked+span{color:var(--pb-primary)!important;font-weight:600}.select2-container--pb-default .select2-selection--pb-single{background-color:var(--pb-bg-input)!important;border-color:var(--pb-border-color)!important}.select2-container--pb-default .select2-selection--pb-single .select2-selection__rendered{color:var(--pb-text-main)!important}.select2-dropdown{background-color:var(--pb-bg-card)!important;border-color:var(--pb-border-color)!important;color:var(--pb-text-main)!important}.select2-results__option{color:var(--pb-text-main)!important}.select2-container--pb-default .select2-results__option--pb-highlighted[aria-selected]{background-color:var(--pb-primary)!important;color:#fff!important}.select2-search__field{background-color:var(--pb-bg-input)!important;color:var(--pb-text-main)!important;border-color:var(--pb-border-color)!important}.header h1,.header p{color:var(--pb-text-main)!important}.header p{color:var(--pb-text-muted)!important}.section-title,.output-title,h1,h2,h3,h4,h5,h6{color:var(--pb-text-main)!important}.section-title:before{background:var(--pb-primary-gradient)!important;box-shadow:0 0 10px #818cf880}.block-name{color:var(--pb-text-main)!important;font-weight:500}.block-header input[type=checkbox]:not(:checked)~.block-name{color:var(--pb-text-muted)!important;opacity:.7}.block-header{background-color:var(--pb-bg-card)!important;border-bottom:1px solid var(--pb-border-color);color:var(--pb-text-main)!important}.block-header:hover .drag-handle{color:var(--pb-primary)!important}.tabs-nav{display:flex;gap:8px;padding:6px;background:var(--pb-bg-panel);border-radius:var(--pb-radius-md);margin-bottom:20px;overflow-x:auto;border:1px solid var(--pb-border-color)}.tab-btn{flex:1;padding:10px 20px;border:none;background:transparent;color:var(--pb-text-muted);font-size:14px;font-weight:600;border-radius:var(--pb-radius-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-btn:hover{color:var(--pb-text-main);background:#ffffff0d}.tab-btn.active{background:var(--pb-bg-card);color:var(--pb-primary);box-shadow:var(--pb-shadow-sm)}.tab-content{position:relative}.tab-pane{display:none;animation:fadeIn .3s ease}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.gen-config-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:768px){.gen-config-grid{grid-template-columns:1fr}}.config-card{background:var(--pb-bg-card);border:1px solid var(--pb-border-color);border-radius:var(--pb-radius-md);padding:15px;display:flex;flex-direction:column;gap:12px}.config-title{font-size:12px;text-transform:uppercase;color:var(--pb-text-muted);font-weight:600;margin-bottom:5px;display:flex;align-items:center;gap:6px}.console-window{background:#0f172a;border:1px solid var(--pb-border-color);border-radius:var(--pb-radius-md);overflow:hidden;margin-bottom:20px;box-shadow:inset 0 0 20px #00000080}.console-header{background:#1e293b;padding:8px 15px;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.console-title{font-size:12px;color:#94a3b8;font-family:monospace}.console-status{font-size:11px;padding:2px 8px;border-radius:10px;background:#334155;color:#f8fafc}.console-body{padding:15px;max-height:400px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--pb-border-color)}.console-body::-webkit-scrollbar{width:8px}.console-body::-webkit-scrollbar-track{background:#0f172a}.console-body::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.progress-container{background:#1e293b;height:6px;width:100%;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--pb-primary),var(--pb-secondary));width:0%;transition:width .3s ease;box-shadow:0 0 10px #818cf880}.btn,button{font-family:inherit;font-weight:600;border-radius:var(--pb-radius-md);cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--pb-primary)!important;color:#fff!important;box-shadow:0 4px 6px #818cf84d}.btn-primary:hover{background:var(--pb-primary-dark)!important;box-shadow:0 6px 12px #818cf866;transform:translateY(-1px)}.btn-secondary{background-color:var(--pb-bg-card)!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color)!important;box-shadow:var(--pb-shadow-sm)}.btn-secondary:hover{background-color:var(--pb-bg-panel)!important;border-color:var(--pb-primary)!important;color:var(--pb-primary)!important}.progress-container{width:100%!important;height:8px!important;background-color:var(--pb-bg-panel)!important;border-bottom:1px solid var(--pb-border-color);position:relative;overflow:hidden;display:block!important}.progress-bar{height:100%!important;background:linear-gradient(90deg,var(--pb-primary),var(--pb-secondary))!important;width:0%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #818cf899;position:relative;display:block!important}.progress-bar:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:moveStripes 1s linear infinite;z-index:1}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 0}}.color-circle{box-shadow:0 0 0 2px var(--pb-border-color);border:2px solid var(--pb-bg-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.color-circle:hover{transform:scale(1.15);box-shadow:0 0 0 2px var(--pb-text-muted)}.color-circle.active{border-color:var(--pb-bg-card);box-shadow:0 0 0 2px var(--pb-primary),0 0 15px var(--pb-primary);transform:scale(1.2);z-index:1}.current-palette-display{background-color:var(--pb-bg-panel)!important;border:1px solid var(--pb-border-color)!important;margin-top:30px!important;box-shadow:var(--pb-shadow-md)!important}.current-palette-info{background-color:transparent!important;padding:0!important}.palette-name{color:var(--pb-text-main)!important;font-size:18px;margin-bottom:5px}.palette-card{background:var(--pb-bg-input);border:1px solid var(--pb-border-color);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;min-height:50px}.palette-card:hover{border-color:var(--pb-primary);background:var(--pb-bg-card);transform:translateY(-1px)}.palette-preview-stripes{display:flex;width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;box-shadow:0 1px 3px #0003;border:1px solid rgba(255,255,255,.1)}.palette-info{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.palette-title{font-weight:600;font-size:12px;color:var(--pb-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.palette-desc-short{font-size:10px;color:var(--pb-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.palette-live-preview{margin-top:20px;border:1px solid var(--pb-border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.live-preview-header{padding:15px;font-weight:700;font-size:16px;transition:background-color .3s,color .3s}.live-preview-body{padding:20px;flex:1;transition:background-color .3s,color .3s}.live-preview-text{margin-bottom:15px;line-height:1.5}.live-preview-footer{display:flex;gap:10px;align-items:center}.live-preview-cta{border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:default;transition:background-color .3s,color .3s}.live-preview-accent{font-size:13px;font-weight:500;transition:color .3s}.actions{display:flex;gap:15px;margin-bottom:25px!important}.actions .btn{height:50px;font-size:16px;padding:0 24px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.actions .btn-secondary{background:var(--pb-bg-card)!important;border:2px solid var(--pb-border-color)!important;color:var(--pb-text-muted)!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.actions .btn-secondary:hover{border-color:var(--pb-primary)!important;color:var(--pb-text-main)!important;background:#818cf81a!important;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.select2-container .select2-selection--single{height:42px!important;background-color:var(--pb-bg-input)!important;border:1px solid var(--pb-border-color)!important;border-radius:var(--pb-radius-md)!important;display:flex!important;align-items:center!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px!important;color:var(--pb-text-main)!important;padding-left:12px!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px!important;top:1px!important;right:5px!important}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--pb-text-muted) transparent transparent transparent!important}.select2-dropdown{background-color:var(--pb-bg-card)!important;border:1px solid var(--pb-border-color)!important;box-shadow:var(--pb-shadow-xl)!important;border-radius:12px!important;padding:5px!important;z-index:9999!important}.select2-search--dropdown{padding:10px!important}.select2-search__field{background-color:var(--pb-bg-body)!important;border:1px solid var(--pb-primary)!important;border-radius:6px!important;padding:8px 12px!important;color:var(--pb-text-main)!important;outline:none!important;box-shadow:0 0 0 2px #818cf833!important}.select2-results__option{padding:8px 12px!important;font-size:14px!important;color:var(--pb-text-main)!important;border-radius:6px!important;margin-bottom:2px!important}.select2-results__option--highlighted[aria-selected]{background-color:var(--pb-primary)!important;color:#fff!important}.select2-results__option[aria-selected=true]{background-color:#818cf833!important}.structure-block-toggle{background-color:var(--pb-bg-card)!important;border-color:var(--pb-border-color)!important}.block-header{background-color:var(--pb-bg-card)!important;border-bottom:1px solid var(--pb-border-color)!important;color:var(--pb-text-main)!important}.block-header:hover{background-color:var(--pb-bg-panel)!important}.block-settings{background-color:var(--pb-bg-input)!important;border-top:1px solid var(--pb-border-color)!important;color:var(--pb-text-main)!important}.settings-label{color:var(--pb-text-muted)!important}.settings-info-box{background-color:#4299e11a!important;border-left-color:var(--pb-info)!important;color:var(--pb-text-main)!important}.settings-info-box p,.settings-info-box strong{color:var(--pb-text-main)!important}.modal-content{background-color:var(--pb-bg-card)!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color)!important;box-shadow:var(--pb-shadow-xl)!important}.modal-title{color:var(--pb-text-main)!important}#confirmation-settings-list{background-color:var(--pb-bg-input)!important;border:1px solid var(--pb-border-color)!important}#confirmation-settings-list li{border-bottom-color:var(--pb-border-color)!important;color:var(--pb-text-muted)!important}#confirmation-settings-list strong{color:var(--pb-text-main)!important}.modal-actions .btn{height:50px;font-size:15px;padding:0 32px;margin-left:12px}.drag-handle{color:var(--pb-text-muted)!important}.structure-block-toggle:hover .drag-handle{color:var(--pb-primary)!important}.block-header input[type=checkbox]{accent-color:var(--pb-primary)!important;background-color:var(--pb-bg-input)!important;border-color:var(--pb-text-muted)!important}.settings-preload-box{margin-top:10px;padding:10px;border:1px dashed var(--pb-border-color);border-radius:8px;background-color:var(--pb-bg-input)}.settings-preload-box label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--pb-text-muted)}input[type=file]{width:100%;font-size:12px;color:var(--pb-text-muted);background:transparent;border:none;padding:0;cursor:pointer}input[type=file]::file-selector-button{margin-right:12px;border:1px solid var(--pb-border-color);background:var(--pb-bg-panel);padding:6px 12px;border-radius:6px;color:var(--pb-text-main);cursor:pointer;font-weight:500;font-size:12px;transition:all .2s ease}input[type=file]::file-selector-button:hover{background:var(--pb-primary);color:#fff;border-color:var(--pb-primary)}.image-preview-container{display:none;position:relative;margin-top:10px;width:120px;height:120px;border-radius:8px;overflow:hidden;border:2px solid var(--pb-border-color);background-color:var(--pb-bg-card);box-shadow:0 4px 6px #0000001a}.image-preview-container.visible{display:block;animation:fadeIn .3s ease}.image-preview-container img{width:100%;height:100%;object-fit:cover;display:block}.preview-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-remove-btn:hover{background:var(--pb-danger);border-color:var(--pb-danger);transform:scale(1.1)}.palette-constructor{background-color:var(--pb-bg-input)!important;border:1px solid var(--pb-border-color)!important}.palette-mode-tab{background-color:var(--pb-bg-card)!important;border-color:var(--pb-border-color)!important;color:var(--pb-text-muted)!important}.palette-mode-tab:hover{background-color:var(--pb-bg-panel)!important;color:var(--pb-text-main)!important}.palette-mode-tab.active{background:var(--pb-primary-gradient)!important;border-color:transparent!important;color:#fff!important}.constructor-color-item label{color:var(--pb-text-muted)!important}.color-input-wrapper{background-color:var(--pb-bg-card)!important;border-color:var(--pb-border-color)!important}.color-input-wrapper input[type=color]{background-color:transparent!important;border:none!important}.color-hex-input{background-color:var(--pb-bg-input)!important;color:var(--pb-text-main)!important;border:1px solid var(--pb-border-color)!important}.color-hex-input:focus{border-color:var(--pb-primary)!important}.preview-card:not(#palettePreviewCard){background-color:var(--pb-bg-card)!important;border:1px solid var(--pb-border-color)!important}.preview-card:not(#palettePreviewCard) .preview-header{color:var(--pb-text-main)!important;border-bottom:1px solid var(--pb-border-color)}.preview-card:not(#palettePreviewCard) .preview-text{color:var(--pb-text-muted)!important}.constructor-btn.secondary{background-color:var(--pb-bg-card)!important;color:var(--pb-text-main)!important;border-color:var(--pb-border-color)!important}.constructor-btn.secondary:hover{background-color:var(--pb-bg-panel)!important;border-color:var(--pb-primary)!important}.tab-navigation-buttons{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid var(--pb-border-color)}.tab-nav-btn{padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-nav-btn.prev{background:var(--pb-bg-input);border:1px solid var(--pb-border-color);color:var(--pb-text-muted)}.tab-nav-btn.prev:hover{border-color:var(--pb-text-main);color:var(--pb-text-main);transform:translate(-2px)}.tab-nav-btn.next{background:var(--pb-primary);border:1px solid var(--pb-primary);color:#fff;margin-left:auto}.tab-nav-btn.next:hover{background:var(--pb-primary-dark);transform:translate(2px);box-shadow:0 4px 12px #818cf84d}.range-slider-wrapper{position:relative;padding:0 5px 25px;overflow:visible!important;z-index:1}.range-values{display:flex;justify-content:space-between;margin-bottom:15px;font-size:13px;font-weight:600;color:var(--pb-text-main);font-family:Monaco,monospace}.range-container{position:relative;width:100%;height:6px;overflow:visible!important}.slider-track{width:100%;height:100%;background-color:#020617;border-radius:4px;position:absolute;top:0;left:0;border:1px solid var(--pb-border-color);box-shadow:inset 0 1px 3px #0009;z-index:0}.slider-range{height:100%;background:var(--pb-primary-gradient);position:absolute;top:0;border-radius:4px;z-index:1;box-shadow:0 0 10px #818cf866}.range-input{-webkit-appearance:none;width:100%;position:absolute;top:50%;transform:translateY(-50%);background:none;pointer-events:none;margin:0;z-index:10;overflow:visible!important}.range-input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;height:22px;width:22px;border-radius:50%;background:#fff;cursor:grab;box-shadow:0 2px 5px #0006;margin-top:0;position:relative;z-index:20;transition:transform .1s ease}.range-input::-moz-range-thumb{pointer-events:auto;border:none;height:22px;width:22px;border-radius:50%;background:#fff;cursor:grab;box-shadow:0 2px 5px #0006;position:relative;z-index:20}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #818cf84d}pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;max-width:100%}.console-body{overflow-x:auto;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}img,video{max-width:100%;height:auto}@media(max-width:768px){.container{width:100%;max-width:100%;border-radius:0;border:none;box-shadow:none;overflow-x:hidden}body{padding:0;overflow-x:hidden}.header,.content{padding:15px;width:100%;box-sizing:border-box}.section{padding:15px;border-radius:0;border-left:none;border-right:none;width:100%;box-sizing:border-box}.tabs-nav{flex-wrap:wrap}.tab-btn{flex:1 1 auto;text-align:center}}POST-PROCESSING PREVIEW STYLES ======================================== */ .view-controls{display:flex;gap:4px;background:var(--pb-border-color);padding:4px;border-radius:8px}.view-btn{border:none;background:transparent;padding:6px 12px;font-size:16px;border-radius:6px;cursor:pointer;transition:all .2s ease;opacity:.6}.view-btn:hover{background:#ffffff80;opacity:.8}.view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;opacity:1}.preview-viewport-container{flex:1;background:#f0f2f5;background-image:radial-gradient(var(--pb-border-color) 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;position:relative}.device-frame{transition:all .4s cubic-bezier(.25,.8,.25,1);background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;position:relative}.device-frame.desktop{width:100%;height:100%;border-radius:0;border:none}.device-frame.mobile{width:375px;height:812px;max-height:95%;border-radius:40px;border:12px solid #1a202c;box-shadow:0 0 0 2px #4a5568,0 25px 50px -12px #00000080}.device-frame.mobile:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:24px;background:#1a202c;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:100}.preview-iframe{width:100%;height:100%;border:none;background:#fff;display:block}.preview-viewport-container{background-color:var(--pb-bg-body)!important;background-image:radial-gradient(var(--pb-border-color) 1px,transparent 1px)!important}.preview-header:not(#palettePreviewCard .preview-header){background-color:var(--pb-bg-card)!important;border-bottom:1px solid var(--pb-border-color)!important}.preview-header:not(#palettePreviewCard .preview-header) span{color:var(--pb-text-main)!important}.view-controls{background-color:var(--pb-bg-input)!important}.view-btn{color:var(--pb-text-muted)}.view-btn:hover{background-color:var(--pb-bg-panel);color:var(--pb-text-main)}.view-btn.active{background-color:var(--pb-bg-card);color:var(--pb-primary);box-shadow:var(--pb-shadow-sm)}.device-frame.desktop{width:100%!important;height:100%!important;background:#fff}.preview-iframe{width:100%!important;height:100%!important;display:block!important}.device-frame.mobile{margin:auto;max-height:90vh!important;background-color:#000}.post-processing-grid{height:calc(100vh - 140px)!important}.preview-column{height:100%!important;border-color:var(--pb-border-color)!important}.design-preview-box .preview-header{text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.2);position:relative;z-index:1}.design-preview-box .preview-text{text-shadow:0 0 1px rgba(255,255,255,.5)}.post-processing-grid{display:grid;grid-template-columns:1fr 280px;gap:16px;height:calc(100vh - 180px);overflow:hidden}.container:has(.generation-grid-3col){max-width:1400px}.generation-grid-3col{display:grid;grid-template-columns:220px 1fr 220px;gap:12px;height:calc(100vh - 180px);overflow:hidden}.generation-grid-3col .controls-column,.generation-grid-3col .palette-column{overflow-y:auto;display:flex;flex-direction:column;gap:12px}@media(max-width:1200px){.generation-grid-3col{grid-template-columns:200px 1fr 200px}}@media(max-width:768px){.generation-grid-3col{grid-template-columns:1fr;height:auto;overflow:visible}.generation-grid-3col .controls-column,.generation-grid-3col .palette-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.generation-grid-3col .preview-column{order:-1;height:500px}}@media(max-width:768px){.post-processing-grid{grid-template-columns:1fr;height:auto;overflow:visible}.preview-column{height:500px}}.preview-column{background:#f0f2f5;border:1px solid var(--pb-border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative}.preview-header:not(#palettePreviewCard .preview-header){padding:8px 12px;background:var(--pb-bg-card);border-bottom:1px solid var(--pb-border-color);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--pb-text-main)}.preview-iframe{flex:1;width:100%;border:none;background:#fff}.settings-column{overflow-y:auto;padding:0 4px 0 0;display:flex;flex-direction:column;gap:12px}.settings-section{background:var(--pb-bg-card);border:1px solid var(--pb-border-color);border-radius:8px;overflow:hidden}.settings-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--pb-bg-input);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:13px;color:var(--pb-text-main)}.settings-section-header:hover{background:var(--pb-bg-panel)}.settings-section-header .icon{transition:transform .2s}.settings-section.collapsed .settings-section-header .icon{transform:rotate(-90deg)}.settings-section-content{padding:8px;max-height:400px;overflow-y:auto;transition:max-height .3s ease}.settings-section.collapsed .settings-section-content{max-height:0;padding:0 8px;overflow:hidden}.chips-container[data-group=colors]{display:flex;flex-wrap:wrap;gap:6px}.chips-container[data-group=colors].hidden,.generation-grid-3col .current-palette-display{display:none}.palette-card{background:var(--pb-bg-input);border:1px solid var(--pb-border-color);border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px;min-width:120px;flex:1 1 calc(50% - 3px)}.palette-card:hover{border-color:var(--pb-primary);background:var(--pb-bg-card)}.palette-card.active{border-color:var(--pb-primary);background:var(--pb-bg-card);box-shadow:0 0 0 2px var(--pb-primary)}.palette-preview-stripes{display:flex;width:28px;height:28px;border-radius:4px;overflow:hidden;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.palette-stripe{flex:1;height:100%}.palette-info{flex:1;overflow:hidden;min-width:0}.palette-title{font-weight:600;font-size:11px;color:var(--pb-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.palette-desc-short{display:none}.palette-mode-tabs-compact{display:flex;gap:4px;margin-bottom:8px}.palette-mode-tabs-compact .palette-mode-tab{flex:1;padding:6px 8px;font-size:11px;border:1px solid var(--pb-border-color);background:var(--pb-bg-input);border-radius:4px;cursor:pointer;text-align:center;transition:all .15s;color:var(--pb-text-muted)}.palette-mode-tabs-compact .palette-mode-tab:hover{background:var(--pb-bg-card);color:var(--pb-text-main)}.palette-mode-tabs-compact .palette-mode-tab.active{background:var(--pb-primary);color:#fff;border-color:var(--pb-primary)}.palette-constructor-compact{display:none}.palette-constructor-compact.visible{display:block}.constructor-colors-compact{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}.constructor-color-compact{text-align:center}.constructor-color-compact label{display:block;font-size:9px;color:var(--pb-text-muted);margin-bottom:4px;text-transform:uppercase}.constructor-color-compact input[type=color]{width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;box-shadow:0 1px 3px #00000026}.constructor-color-compact input[type=color]::-webkit-color-swatch-wrapper{padding:0}.constructor-color-compact input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.constructor-actions-compact{display:flex;gap:6px}.constructor-actions-compact button{flex:1;padding:6px 10px;font-size:11px;border-radius:4px;border:1px solid var(--pb-border-color);cursor:pointer;transition:all .15s}.constructor-actions-compact .btn-apply{background:var(--pb-primary);color:#fff;border-color:var(--pb-primary)}.constructor-actions-compact .btn-apply:hover{filter:brightness(1.1)}.constructor-actions-compact .btn-reset{background:var(--pb-bg-input);color:var(--pb-text-main)}.constructor-actions-compact .btn-reset:hover{background:var(--pb-bg-card)}.preview-viewport-container{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto}.device-frame{background:#fff;box-shadow:0 20px 50px #0003;transition:all .3s ease;display:flex;flex-direction:column}.device-frame.desktop{width:100%;height:100%;border-radius:4px;border:1px solid #ddd}.device-frame.mobile{width:390px;height:844px;border-radius:40px;border:12px solid #333;position:relative;max-height:100%}.device-frame.mobile:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:24px;background:#333;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}.view-controls{display:flex;align-items:center;gap:4px;background:#f0f2f5;padding:4px;border-radius:6px;border:1px solid var(--pb-border-color)}.view-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;color:#718096;transition:all .2s}.view-btn:hover{background:#fff;color:var(--pb-text-main)}.view-btn.active{background:#fff;color:var(--pb-primary);box-shadow:0 1px 3px #0000001a}