:root{--font-family: "Inter", sans-serif;--border-radius: 8px;--shadow-color: rgba(0, 0, 0, .05);--danger-color: #e74c3c;--theme-bg: #F8F9FA;--theme-surface: #FFFFFF;--theme-control-bg: #F1F3F5;--theme-control-hover-bg: #E9ECEF;--theme-slider-bg: #DEE2E6;--theme-slider-accent: #007BFF;--theme-primary-accent: #0B2948;--theme-accent: #0B2948;--theme-accent-hover: #103a66;--theme-secondary-accent: #dee2e6;--theme-text-primary: #212529;--theme-text-secondary: #6C757D;--theme-text-on-accent: #FFFFFF;--theme-text-on-primary-accent: #FFFFFF;--theme-border: #DEE2E6;--theme-window-bg: #FFFFFF;--display-panel-bg-checkered: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23F1F3F5'/%3E%3Crect x='10' y='0' width='100' height='10' fill='%23F8F9FA'/%3E%3Crect x='0' y='10' width='10' height='10' fill='%23F8F9FA'/%3E%3C/svg%3E")}.dark-theme{--theme-bg: #1C1C1C;--theme-surface: #252525;--theme-control-bg: #333333;--theme-control-hover-bg: #3d3d3d;--theme-slider-bg: #333333;--theme-slider-accent: #0066CC;--theme-primary-accent: #EDEDED;--theme-accent: #EDEDED;--theme-accent-hover: #bbbbbb;--theme-secondary-accent: #555555;--theme-text-primary: #EDEDED;--theme-text-secondary: #9E9E9E;--theme-text-on-accent: #1A1B26;--theme-text-on-primary-accent: #1A1B26;--theme-border: #3A3A3A;--theme-window-bg: #252525;--display-panel-bg-checkered: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23202020'/%3E%3Crect x='10' y='0' width='10' height='10' fill='%23252525'/%3E%3Crect x='0' y='10' width='10' height='10' fill='%23252525'/%3E%3C/svg%3E")}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--theme-text-secondary) var(--theme-bg)}body{font-family:var(--font-family);background-color:var(--theme-bg);color:var(--theme-text-primary);margin:0;min-height:100vh;min-height:100dvh;width:100%}body.editor-mobile-layout{height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--theme-bg)}::-webkit-scrollbar-thumb{background-color:var(--theme-text-secondary);border-radius:6px;border:3px solid var(--theme-bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--theme-accent)}#root{width:100%;height:100%}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--theme-text-secondary);font-size:1rem}.app-container{display:flex;height:100%;width:100%;background-color:var(--theme-surface);transition:background-color .3s;min-height:0}.controls-panel{width:320px;flex-shrink:0;min-height:0;background-color:var(--theme-surface);border-left:1px solid var(--theme-border);display:flex;flex-direction:column;overflow:hidden;color:var(--theme-text-secondary);transition:background-color .3s,border-color .3s;padding-bottom:0}.controls-panel-content{padding:24px 20px 0;display:flex;flex-direction:column;gap:20px;flex:1;min-height:0;overflow-y:auto}.app-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:10px;border-bottom:1px solid var(--theme-border);flex-shrink:0;gap:12px}.app-bar-right{display:flex;align-items:center;gap:8px}.user-menu-wrapper{position:relative;display:flex;align-items:center;gap:8px}.pro-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1a1400;background:linear-gradient(135deg,#f0d875,#e6c44d);border-radius:4px;box-shadow:0 1px 2px #00000026}.dark-theme .pro-badge{color:#1a1400;background:linear-gradient(135deg,#f0d875,#e6c44d)}.user-avatar-btn{width:36px;height:36px;border-radius:50%;border:none;padding:0;cursor:pointer;overflow:hidden;background:var(--theme-control-bg);display:flex;align-items:center;justify-content:center}.user-avatar-btn:hover{background:#6366f11f}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-btn.user-avatar-initials{background:var(--theme-primary-accent)}.user-avatar-initial{font-size:1rem;font-weight:600;color:var(--theme-text-on-primary-accent)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fffffffa;border:1px solid rgba(99,102,241,.3);border-radius:var(--border-radius);box-shadow:0 8px 24px #0000001f,0 0 0 1px #6366f114;padding:4px 0;z-index:100}.dark-theme .user-menu-dropdown{background:#23272ffa}.controls-panel .user-menu-dropdown{background:var(--theme-surface);border-color:var(--theme-border);box-shadow:0 8px 24px var(--shadow-color)}.controls-panel .user-menu-signout{border-top-color:var(--theme-border)}.user-menu-item{display:block;width:100%;padding:10px 16px;text-align:left;border:none;background:none;color:var(--theme-text-primary);font-size:.95rem;text-decoration:none;cursor:pointer}.user-menu-item:hover{background:#6366f114}.controls-panel .user-menu-item:hover{background:var(--theme-control-hover-bg)}.user-menu-signout{color:var(--danger-color);border-top:1px solid rgba(99,102,241,.2)}.marketing-page-wrapper .user-avatar-btn.user-avatar-initials{background:linear-gradient(135deg,#6366f1,#4f46e5)}.marketing-page-wrapper.dark-theme .marketing-header .user-avatar-btn{border:1px solid rgba(255,255,255,.4)}.marketing-page-wrapper.dark-theme .marketing-header .user-avatar-btn:hover{border-color:#fff9;box-shadow:0 0 0 2px #fff3}.marketing-page-wrapper.light-theme .marketing-header .user-avatar-btn{border:1px solid rgba(99,102,241,.3)}.marketing-page-wrapper.light-theme .marketing-header .user-avatar-btn:hover{border-color:#6366f180;box-shadow:0 0 0 2px #6366f11a}.controls-panel .user-avatar-btn.user-avatar-initials{background:var(--theme-primary-accent)}.marketing-page-wrapper .user-avatar-initial{color:#fff}.controls-panel .user-avatar-initial{color:var(--theme-text-on-primary-accent)}.controls-panel .user-avatar-btn:hover{background:var(--theme-control-hover-bg)}.controls-panel .theme-toggle-btn{color:var(--theme-text-secondary)}.controls-panel .theme-toggle-btn:hover{color:var(--theme-accent);background-color:var(--theme-control-hover-bg)}.logo{display:flex;align-items:center;height:28px}.logo-svg{height:100%;width:auto}.logo-text-part{fill:var(--theme-text-primary);transition:fill .3s ease}.logo-icon-part{fill:var(--theme-accent);transition:fill .3s ease}.theme-toggle-btn{background:none;border:none;padding:4px;color:var(--theme-text-secondary);cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.marketing-page-wrapper .theme-toggle-btn{color:#6366f1}.marketing-page-wrapper.dark-theme .theme-toggle-btn{color:#818cf8}.marketing-page-wrapper.dark-theme .marketing-header .theme-toggle-btn{color:#fffffff2}.marketing-page-wrapper.dark-theme .marketing-header .theme-toggle-btn:hover{color:#fff;background-color:#ffffff26}.marketing-page-wrapper.light-theme .marketing-header .theme-toggle-btn{color:#6366f1}.marketing-page-wrapper.light-theme .marketing-header .theme-toggle-btn:hover{color:#4f46e5;background-color:#6366f11f}.theme-toggle-btn:hover{color:#6366f1;background-color:#6366f11a}.dark-theme .theme-toggle-btn:hover{color:#818cf8;background-color:#6366f126}.marketing-page-wrapper .theme-toggle-btn:hover{color:#4f46e5;background-color:#6366f11f}.marketing-page-wrapper.dark-theme .theme-toggle-btn:hover{color:#c7d2fe;background-color:#6366f126}.display-panel{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;overflow:hidden;background-color:var(--theme-bg);background-image:var(--display-panel-bg-checkered);position:relative;transition:background-color .3s;min-height:0}.canvas-container{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;padding:48px;overflow:auto;min-height:0}.canvas-container.is-empty{align-items:center}.canvas-scaler{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screenshot-wrapper{overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}fieldset:disabled{opacity:.5;pointer-events:none}legend{padding:0 0 8px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--theme-text-primary);width:100%;border-bottom:1px solid var(--theme-border);display:flex;align-items:center;gap:8px}.fieldset-pro-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1a1400;background:linear-gradient(135deg,#e6c44d,#c9a000);border-radius:4px;box-shadow:0 1px 2px #00000026}.dark-theme .fieldset-pro-badge{color:#1a1400;background:linear-gradient(135deg,#f0d875,#e6c44d)}.control-group{display:flex;flex-direction:column;gap:8px;transition:opacity .2s}.control-group.disabled{opacity:.5;pointer-events:none}.control-group label{font-weight:500;font-size:13px;display:flex;justify-content:space-between;align-items:center;color:var(--theme-text-secondary)}.control-group .value{font-family:monospace;background:var(--theme-bg);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--theme-text-secondary);border:1px solid var(--theme-border)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--theme-control-bg);border-radius:2px;outline:none;transition:background .2s}input[type=range]:hover{background:var(--theme-control-hover-bg)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--theme-accent);cursor:pointer;border-radius:50%;border:2px solid var(--theme-surface);box-shadow:0 0 0 1px #0000001a}.theme-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;max-height:145px;overflow-y:auto;padding:4px 8px 12px 4px}.theme-swatch{background:none;border:none;padding:0;cursor:pointer;text-align:center;color:var(--theme-text-secondary);font-size:12px;width:60px}.theme-swatch .preview{position:relative;width:100%;height:40px;border:1px solid var(--theme-border);border-radius:6px;transition:box-shadow .2s;background-size:cover;background-position:center;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}.theme-swatch:hover .preview{outline-color:var(--theme-secondary-accent)}.theme-swatch.active .preview{outline-color:var(--theme-accent)}.theme-swatch span{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-swatch-lock{position:absolute;bottom:4px;right:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#0009;border-radius:4px;color:#fff}.theme-swatch.locked .preview{opacity:.9}.theme-swatch.locked:hover .preview{outline-color:var(--theme-secondary-accent)}.upload-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:10px;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.upload-btn:hover:not(:disabled){background:var(--theme-control-hover-bg);border-color:var(--theme-text-secondary)}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.ai-container{margin-bottom:20px}.ai-container>*{margin-bottom:8px}.ai-container>*:last-child{margin-bottom:0}.ai-style-btn{border:none;padding:12px;border-radius:var(--border-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,#fa709a,#fee140);color:#333}.saved-patterns-toggle-btn{border:1px solid var(--theme-border);padding:8px 12px;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:var(--theme-control-bg);color:var(--theme-text-secondary)}.ai-style-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.ai-style-btn:hover:not(:disabled){filter:brightness(1.1)}.saved-patterns-toggle-btn:hover{background:var(--theme-control-hover-bg);color:var(--theme-text-primary);border-color:var(--theme-text-secondary)}.ai-style-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.segmented-control{display:flex;width:100%;background-color:var(--theme-control-bg);border-radius:var(--border-radius);padding:4px;border:1px solid var(--theme-border);transition:opacity .2s}.segmented-control.disabled{opacity:.5;pointer-events:none}.segmented-control input[type=radio]{display:none}.segmented-control label{flex:1;text-align:center;padding:6px 0;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:6px;color:var(--theme-text-secondary);justify-content:center;display:flex;align-items:center}.segmented-control input[type=radio]:checked+label{background-color:var(--theme-surface);color:var(--theme-text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.canvas-wrapper{display:flex;position:relative;transition:all .2s ease-in-out;flex-shrink:0}#export-container{display:flex;position:relative;overflow:hidden;width:100%;height:100%;transition:border-radius .2s ease-in-out;isolation:isolate;contain:layout style paint}.positioner{width:100%;height:100%;position:relative}.noise-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.window-frame{position:absolute;top:50%;left:50%;transition:border-radius .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out;display:flex;flex-direction:column;z-index:1;background-color:var(--theme-window-bg);min-width:0}.window-header{height:32px;flex-shrink:0;display:flex;align-items:center;padding:0 12px;gap:8px;transition:background-color .2s,border-color .2s;border-top-left-radius:inherit;border-top-right-radius:inherit}.window-header--light{background-color:#fff;border-bottom:1px solid #DEE2E6}.window-header--dark{background-color:#2e2e2e;border-bottom:1px solid #3A3A3A}.dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.window-header--light .dot{border:1px solid rgba(0,0,0,.05)}.window-header--dark .dot{border:1px solid rgba(0,0,0,.2)}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.screenshot-wrapper{overflow:hidden;background:transparent;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;min-height:0;flex-grow:1;display:flex;position:relative}.window-frame.no-header .screenshot-wrapper{border-top-left-radius:inherit;border-top-right-radius:inherit}.screenshot-wrapper img{display:block;width:100%;height:100%;object-fit:cover}.placeholder{width:60vw;height:40vh;border:2px dashed var(--theme-border);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-text-secondary);transition:border-color .2s,background-color .2s;text-align:center}.placeholder:hover{border-color:var(--theme-accent);background-color:var(--theme-control-hover-bg)}.placeholder svg{width:48px;height:48px;margin-bottom:16px;color:var(--theme-text-secondary)}.placeholder strong{color:var(--theme-accent)}.image-thumbnails-bar{flex-shrink:0;width:100%;background:var(--theme-surface);padding:12px;display:flex;align-items:center;gap:12px;overflow-x:auto;border-top:1px solid var(--theme-border);transition:background-color .3s,border-color .3s}.thumbnail{position:relative;cursor:pointer;outline:2px solid transparent;outline-offset:2px;border-radius:6px;overflow:hidden;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.thumbnail:hover{outline-color:var(--theme-secondary-accent);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.thumbnail.active{outline-color:var(--theme-accent);box-shadow:0 4px 8px #0000001a}.thumbnail img{width:100px;height:60px;object-fit:cover;display:block}.remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:#0009;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}.thumbnail:hover .remove-btn{opacity:1}.remove-btn:hover{background:var(--danger-color)}.add-image-btn{flex-shrink:0;width:60px;height:60px;border-radius:50%;background-color:var(--theme-surface);border:1px solid var(--theme-border);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-color);color:var(--theme-text-secondary)}.add-image-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;color:var(--theme-accent)}.add-image-btn svg{width:28px;height:28px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--theme-slider-bg);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px #0003}input:checked+.slider{background-color:var(--theme-slider-accent)}input:not(:checked)+.slider{background-color:var(--theme-slider-bg)}input:focus+.slider{box-shadow:0 0 1px var(--theme-accent)}input:checked+.slider:before{transform:translate(20px)}.theme-accordion{display:flex;flex-direction:column;gap:1px;background-color:var(--theme-control-bg);border-radius:var(--border-radius);padding:2px;border:1px solid var(--theme-border)}.accordion-header{background:transparent;border:none;color:var(--theme-text-secondary);padding:4px 8px;width:100%;text-align:left;font-weight:500;font-size:13px;cursor:pointer;border-radius:6px;transition:background-color .2s,color .2s;display:flex;justify-content:space-between;align-items:center;margin:0}.accordion-header .accordion-title{font-weight:600;color:var(--theme-text-primary)}.accordion-header .accordion-icon{transition:transform .2s ease-in-out}.accordion-header .accordion-icon.open{transform:rotate(180deg)}.accordion-header:hover{background-color:var(--theme-control-hover-bg)}.accordion-content{padding:8px 4px 4px;overflow:hidden}.add-text-btn,.remove-text-btn{width:100%;padding:10px;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-text-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border)}.add-text-btn:hover{background:var(--theme-control-hover-bg)}.add-text-btn.locked{display:inline-flex;align-items:center;justify-content:center;gap:6px;opacity:.9;border-style:dashed}.add-text-btn.locked .theme-swatch-lock{position:static}.remove-text-btn{margin-top:10px;background:var(--theme-bg);color:var(--danger-color);border:1px solid var(--danger-color)}.remove-text-btn:hover{background:var(--danger-color);color:#fff}.active-layer-controls{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--theme-border);border-radius:var(--border-radius);background-color:var(--theme-bg)}select.font-select{width:100%;padding:8px 12px;border-radius:var(--border-radius);border:1px solid var(--theme-border);background-color:var(--theme-control-bg);color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px}select.theme-select{width:100%;padding:8px 32px 8px 12px;border-radius:var(--border-radius);border:1px solid var(--theme-border);background-color:var(--theme-control-bg);color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}select.theme-select:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}select.theme-select option{background-color:var(--theme-control-bg);color:var(--theme-text-primary)}.layers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.text-layer,.image-layer{position:absolute;cursor:move;pointer-events:all;border:1px dashed transparent;transition:border-color .2s,background-color .2s,padding .2s,border-radius .2s;width:max-content}.text-layer{white-space:pre-wrap;word-break:break-word;padding:10px}.image-layer img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.text-layer.active,.image-layer.active{border-color:var(--theme-accent)}.text-layer span{display:inline-block;line-height:1.2;transition:font-size .2s,color .2s,font-weight .2s}.text-layer span[contenteditable=true]{outline:1px solid var(--theme-accent);outline-offset:2px;border-radius:2px;cursor:text}.enhancements-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.enhancement-layer{position:absolute;transform:translate(-50%,-50%);pointer-events:all;cursor:move}.magnifier{border-radius:50%;overflow:hidden;background-repeat:no-repeat;box-shadow:0 5px 15px #0003,inset 0 0 0 1px #0000001a;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}.enhancement-layer.active{outline-color:var(--theme-accent);z-index:6}.resize-handle{position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;background-color:var(--theme-accent);border:2px solid var(--theme-surface);border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 3px #0003}.text-resize-handle,.logo-resize-handle{position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;background-color:var(--theme-accent);border:2px solid var(--theme-surface);border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 3px #0003;z-index:12}.text-width-handle{position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:16px;height:16px;background-color:var(--theme-accent);border:2px solid var(--theme-surface);border-radius:50%;cursor:ew-resize;box-shadow:0 1px 3px #0003;z-index:12}.vignette-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.snap-line{position:absolute;background-color:var(--theme-accent);opacity:.8;z-index:99}.snap-line.vertical{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}.snap-line.horizontal{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}.loader{width:18px;height:18px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.color-input-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--theme-control-bg);padding:4px;border:1px solid var(--theme-border);border-radius:var(--border-radius)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--theme-border);border-radius:6px}input[type=color]::-moz-color-swatch{border:1px solid var(--theme-border);border-radius:6px}.color-input-wrapper span{font-family:monospace;font-size:14px;color:var(--theme-text-secondary)}.dimension-inputs{display:flex;gap:12px;align-items:center}.dimension-input{display:flex;align-items:center;gap:8px;flex:1;background-color:var(--theme-control-bg);border:1px solid var(--theme-border);border-radius:var(--border-radius);padding:0 10px}.dimension-input label{font-size:13px;font-weight:600;color:var(--theme-text-secondary);margin:0}.dimension-input input[type=number]{width:100%;padding:8px 0;border:none;background:transparent;color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px;outline:none;-moz-appearance:textfield}.dimension-input input[type=number]::-webkit-outer-spin-button,.dimension-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dimension-input:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}.tab-nav{display:flex;border-bottom:1px solid var(--theme-border);margin-bottom:10px;flex-shrink:0}.upgrade-cta{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;margin:12px 16px;width:calc(100% - 32px);max-width:calc(100% - 32px);box-sizing:border-box;background:#c9a0001f;border:1px solid rgba(201,160,0,.4);border-radius:var(--border-radius);text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s;flex-shrink:0;min-width:0;font-family:inherit;cursor:pointer}.upgrade-cta:hover{background:#c9a0002e;border-color:#c9a00099;box-shadow:0 0 0 1px #c9a00033}.upgrade-cta-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin:12px 16px;width:calc(100% - 32px);max-width:calc(100% - 32px);box-sizing:border-box;color:var(--theme-text-secondary);font-size:13px;flex-shrink:0}.upgrade-cta-loading .loading-spinner{width:14px;height:14px;margin:0}.upgrade-cta-label{font-size:13px;font-weight:600;color:#8b6914}.upgrade-cta-badge{display:inline-flex;align-items:center;padding:2px 6px;margin-left:2px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1a1400;background:linear-gradient(135deg,#e6c44d,#c9a000);border-radius:4px;box-shadow:0 1px 2px #00000026}.dark-theme .upgrade-cta-badge{color:#1a1400;background:linear-gradient(135deg,#f0d875,#e6c44d)}.upgrade-cta-hint{font-size:11px;color:#6b5310;opacity:.95}.dark-theme .upgrade-cta{background:#e6c44d24;border-color:#e6c44d73}.dark-theme .upgrade-cta:hover{background:#e6c44d38;border-color:#e6c44da6}.dark-theme .upgrade-cta-label{color:#e6c44d}.dark-theme .upgrade-cta-hint{color:#e6c44dd9}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--theme-text-secondary);border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:var(--theme-text-primary)}.tab-btn.active{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}.ad-panel-section{border:1px solid var(--theme-border);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column;gap:16px}.ad-panel-section legend{font-size:14px;font-weight:600;color:var(--theme-text-primary);padding:0 8px;margin-left:-8px;border-bottom:none;margin-bottom:0}.ad-panel-section .control-group textarea,.ad-panel-section .control-group input[type=text]{width:100%;padding:8px 12px;border-radius:var(--border-radius);border:1px solid var(--theme-border);background-color:var(--theme-control-bg);color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px}.ad-panel-section .control-group textarea{min-height:80px;resize:vertical}.brand-info{display:flex;flex-direction:column;gap:12px;font-size:13px}.brand-info strong{color:var(--theme-text-primary)}.brand-info .color-display{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-info .color-display label{font-weight:500;font-size:13px;color:var(--theme-text-secondary)}.brand-info .color-display span{font-family:monospace}.brand-info .brand-logo-preview{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--theme-border);border-radius:var(--border-radius)}.brand-info .brand-logo-preview img{width:40px;height:40px;object-fit:contain;background-color:var(--theme-bg);border-radius:4px}.brand-info .brand-logo-preview span{flex-grow:1;font-style:italic;color:var(--theme-text-secondary)}.ad-formats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ad-format-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:10px;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.ad-format-btn:hover{background:var(--theme-control-hover-bg);border-color:var(--theme-text-secondary)}.ad-format-btn.active{background-color:var(--theme-accent);color:var(--theme-text-on-accent);border-color:var(--theme-accent);font-weight:600}.bottom-actions{flex-shrink:0;padding:24px 20px;border-top:1px solid var(--theme-border);display:flex;flex-direction:column;gap:12px}.export-btn,.picstatic-btn{border:none;padding:12px;border-radius:var(--border-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.export-btn{background-color:var(--theme-primary-accent);color:var(--theme-text-on-primary-accent)}.picstatic-btn{background-color:#a855f7;color:#fff;border:1px solid #a855f7}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001a;background-color:var(--theme-accent-hover)}.picstatic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001a;background-color:#9333ea;border-color:#9333ea}.export-btn:disabled,.picstatic-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.export-row{display:flex;flex-direction:column;gap:6px}.export-hint{font-size:11px;color:var(--theme-text-secondary);opacity:.85}.picstatic-result{position:relative;padding:12px;border-radius:var(--border-radius);font-size:13px;border:1px solid}.picstatic-result.success{background-color:var(--theme-control-bg);border-color:#10b981}.picstatic-result.error{background-color:#fef2f2;color:var(--danger-color);border-color:var(--danger-color)}.dark-theme .picstatic-result.error{background-color:#4d2424}.picstatic-result-content{display:flex;gap:8px;align-items:center}.picstatic-error-text{margin:0;line-height:1.4}.dark-theme .picstatic-error-text strong{color:var(--theme-text-primary)}.picstatic-result input{flex-grow:1;background:var(--theme-bg);border:1px solid var(--theme-border);border-radius:6px;padding:6px 8px;font-size:12px;font-family:monospace;color:var(--theme-text-primary)}.picstatic-result .copy-btn{padding:6px 12px;border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:6px;cursor:pointer;font-weight:500;font-size:12px;color:var(--theme-text-primary);transition:background-color .2s;flex-shrink:0}.picstatic-result .copy-btn:hover{background:var(--theme-control-hover-bg)}.picstatic-result .close-btn{position:absolute;top:2px;right:2px;width:24px;height:24px;background:transparent;border:none;color:var(--theme-text-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.picstatic-result .close-btn:hover{background-color:var(--theme-control-bg);color:var(--theme-text-primary)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 850px){.app-container{flex-direction:column;overflow-y:auto}.controls-panel{width:100%;border-left:none;border-top:1px solid var(--theme-border);overflow-y:visible;padding-bottom:0}.controls-panel-content{padding:16px}.app-bar{padding:12px 16px}.display-panel{overflow:visible}.canvas-container{padding:24px;min-height:40vh}.bottom-actions{padding:16px}.placeholder{width:100%;min-height:200px;height:auto}}.crop-overlay{z-index:1000}.crop-handle{position:absolute;width:12px;height:12px;background:#3b82f6;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003}.crop-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.crop-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.crop-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle-se{bottom:-6px;right:-6px;cursor:se-resize}.crop-btn,.apply-crop-btn,.cancel-crop-btn,.revert-crop-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.crop-btn:hover,.apply-crop-btn:hover,.cancel-crop-btn:hover,.revert-crop-btn:hover{background:var(--theme-control-hover-bg);border-color:var(--theme-accent)}.apply-crop-btn{background:var(--theme-control-bg);color:var(--theme-text-primary)}.reset-image-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:8px 12px;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.reset-image-btn:hover{background:var(--theme-control-hover-bg);transform:translateY(-1px)}.reset-image-btn svg{flex-shrink:0}.apply-crop-btn:hover{background:var(--theme-control-hover-bg);border-color:#22c55e}.crop-btn:disabled,.apply-crop-btn:disabled,.cancel-crop-btn:disabled,.revert-crop-btn:disabled{opacity:.5;cursor:not-allowed}.crop-controls{display:flex;flex-direction:column;gap:12px}.crop-instructions{font-size:13px;color:var(--theme-text-secondary);margin:0;text-align:center;line-height:1.4}.crop-buttons{display:flex;flex-direction:column;gap:8px}.crop-button-group{display:flex;gap:8px}.crop-button-group .crop-btn,.crop-button-group .revert-crop-btn{flex:1;min-width:0}.marketing-page-wrapper{background-color:#1a1d23;color:var(--theme-text-primary);min-height:100vh;overflow-y:auto;font-family:"DM Sans",var(--font-family);position:relative;transition:background-color .3s,color .3s;--marketing-accent: #6366f1;--marketing-accent-hover: #4f46e5;--marketing-text-on-accent: #ffffff}.marketing-page-wrapper.light-theme{background-color:#f0f2f5}.marketing-page-wrapper .launch-app-btn{background-color:var(--marketing-accent);color:var(--marketing-text-on-accent)}.marketing-page-wrapper .launch-app-btn:hover{background-color:var(--marketing-accent-hover)}.marketing-page-wrapper .logo .logo-icon-part{fill:#6366f1}.marketing-page-wrapper.dark-theme .logo .logo-icon-part{fill:#818cf8}.marketing-page-wrapper.dark-theme .marketing-header .logo .logo-text-part{fill:#fffffff2}.marketing-page-wrapper.dark-theme .marketing-header .logo .logo-icon-part{fill:#818cf8}.marketing-page-wrapper.light-theme .marketing-header .logo .logo-text-part{fill:#1a1d23}.marketing-page-wrapper.light-theme .marketing-header .logo .logo-icon-part{fill:#6366f1}.nav-editor-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:500;color:#6366f1;white-space:nowrap;flex-shrink:0;text-decoration:none;border:1px solid rgba(99,102,241,.35);border-radius:var(--border-radius);transition:all .2s ease}.marketing-page-wrapper.dark-theme .marketing-header .nav-editor-link{color:#fffffff2;border-color:#ffffff80}.marketing-page-wrapper.dark-theme .marketing-header .nav-editor-link:hover{color:#fff;border-color:#ffffffb3;background:#ffffff1f}.marketing-page-wrapper.light-theme .marketing-header .nav-editor-link{color:#6366f1;border-color:#6366f180}.marketing-page-wrapper.light-theme .marketing-header .nav-editor-link:hover{color:#4f46e5;border-color:#6366f1;background:#6366f114}.marketing-page-wrapper.dark-theme .nav-editor-link,.dark-theme .nav-editor-link{color:#818cf8;border-color:#6366f166}.nav-editor-link:hover{color:#4f46e5;border-color:#6366f180;background:#6366f114}.marketing-page-wrapper.dark-theme .nav-editor-link:hover,.dark-theme .nav-editor-link:hover{color:#c7d2fe;background:#6366f11f}.nav-editor-link.active{color:#4f46e5;border-color:#6366f1}.marketing-page-wrapper.dark-theme .marketing-header .nav-editor-link.active{color:#fff;border-color:#fffc}.marketing-page-wrapper.light-theme .marketing-header .nav-editor-link.active{color:#4f46e5;border-color:#6366f1}.marketing-page-wrapper.dark-theme .nav-editor-link.active,.dark-theme .nav-editor-link.active{color:#c7d2fe;border-color:#818cf8}.nav-pricing-link{display:inline-flex;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:500;color:var(--theme-text-secondary);text-decoration:none;margin-right:8px;transition:color .2s ease}.nav-pricing-link:hover{color:#6366f1}.nav-pro-badge{display:inline-flex;align-items:center;padding:3px 7px;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1a1400;background:linear-gradient(135deg,#f5e07a,#818cf8,#d4a82a);border:1px solid rgba(255,255,255,.5);border-radius:4px;box-shadow:0 1px 3px #00000059,0 0 0 1px #0000001a inset}.marketing-page-wrapper .marketing-header .nav-pro-badge,.marketing-page-wrapper.dark-theme .marketing-header .nav-pro-badge{border-color:#fff9;box-shadow:0 1px 4px #0006,0 0 0 1px #ffffff26 inset}.hero-create-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:1.1rem;font-weight:600;color:var(--marketing-text-on-accent);background:linear-gradient(135deg,var(--marketing-accent) 0%,#818cf8 100%);border:none;border-radius:12px;text-decoration:none;box-shadow:0 4px 24px #6366f159;transition:all .2s ease}.hero-create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f173}.hero-cta-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hero-cta-row{display:flex;align-items:center;gap:20px}.hero-pricing-link{font-size:1rem;font-weight:500;color:var(--theme-text-secondary);text-decoration:none;transition:color .2s ease}.hero-pricing-link:hover{color:var(--theme-text-primary)}.hero-content .hero-cta-subtext{margin:0;font-size:.9rem;color:var(--theme-text-secondary)}.marketing-page-wrapper .hero-content h1{color:var(--theme-text-primary)}.marketing-page-wrapper.light-theme .hero-content h1,.marketing-page-wrapper.light-theme .value-section-title,.marketing-page-wrapper.light-theme .value-card h3,.marketing-page-wrapper.light-theme .cta-section h2{color:#1a1d23}.marketing-page-wrapper.light-theme .hero-subhead,.marketing-page-wrapper.light-theme .value-card p,.marketing-page-wrapper.light-theme .cta-section p,.marketing-page-wrapper.light-theme .pattern-gallery-caption{color:#1a1d23bf}.marketing-page-wrapper .logo-icon-part{fill:var(--marketing-accent)}.marketing-page-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/patterns/radiant-gradient.svg);background-size:cover;background-position:top left;mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);pointer-events:none;z-index:0}.dark-theme .marketing-page-wrapper:before{mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%)}.marketing-page{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.marketing-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;position:relative;z-index:10}.marketing-header .logo{height:32px}.marketing-header nav{display:flex;align-items:center;gap:16px}.marketing-header .launch-app-btn{padding:10px 20px;font-size:.9rem}.launch-app-btn{padding:10px 20px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px}.launch-app-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.hero-section{padding:64px 0 96px}.hero-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}.hero-content{text-align:left}.hero-badge{display:inline-block;font-size:.85rem;font-weight:600;color:var(--marketing-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.hero-content h1{font-size:3.25rem;font-weight:700;line-height:1.15;margin:0 0 20px;letter-spacing:-.02em}.hero-subhead{font-size:1.2rem;line-height:1.6;color:var(--theme-text-secondary);max-width:480px;margin:0 0 32px}.hero-image{position:relative}.hero-image-frame{border-radius:20px;overflow:visible;padding:0;transition:transform .3s ease}.hero-image-frame:hover{transform:translateY(-8px) scale(1.02)}.hero-showcase-image{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(99,102,241,.25);box-shadow:0 0 0 1px #ffffff14 inset,0 0 60px #6366f180,0 0 120px #6366f140,0 0 180px #6366f11a,0 32px 64px #0003,0 16px 32px #0000001f;transition:box-shadow .3s ease,border-color .3s ease}.hero-image-frame:hover .hero-showcase-image{border-color:#6366f159;box-shadow:0 0 0 1px #ffffff1f inset,0 0 80px #6366f18c,0 0 150px #6366f14d,0 0 220px #6366f126,0 40px 80px #00000040,0 20px 40px #00000026}.dark-theme .hero-showcase-image{border-color:#6366f140;box-shadow:0 0 0 1px #ffffff0a inset,0 0 70px #6366f180,0 0 140px #8b5cf633,0 0 200px #8b5cf614,0 32px 64px #00000080,0 16px 32px #0000004d}.dark-theme .hero-image-frame:hover .hero-showcase-image{border-color:#6366f166;box-shadow:0 0 0 1px #ffffff0f inset,0 0 90px #6366f18c,0 0 160px #8b5cf64d,0 0 240px #8b5cf61f,0 40px 80px #0000008c,0 20px 40px #00000059}.value-section{padding:96px 0}.value-section-title{font-size:2rem;font-weight:700;text-align:center;max-width:560px;margin:0 auto 24px;line-height:1.3;color:var(--theme-text-primary)}.value-producthunt{display:block;text-align:center;margin-bottom:48px}.value-producthunt img{width:220px;height:auto;display:inline-block}.pattern-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.pattern-gallery-item{aspect-ratio:4/3;border-radius:12px;background-size:cover;background-position:center;border:1px solid var(--theme-border);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pattern-gallery-item:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001f}.pattern-gallery-caption{text-align:center;font-size:.95rem;color:var(--theme-text-secondary);margin:0 0 48px}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.value-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.15);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000000a}.value-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:20px 0 0 20px;z-index:1;transition:width .3s ease}.value-card-accent-1:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.value-card-accent-2:before{background:linear-gradient(180deg,#ec4899,#f472b6)}.value-card-accent-3:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.value-card-accent-4:before{background:linear-gradient(180deg,#06b6d4,#22d3ee)}.value-card:hover{border-color:#6366f140;background:#fffffff2;box-shadow:0 20px 40px #6366f114,0 0 0 1px #6366f11f;transform:translateY(-4px)}.value-card:hover:before{width:6px}.value-card-body{padding:28px 28px 28px 32px}.value-card-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.value-card-accent-1 .value-card-badge{color:#d97706}.value-card-accent-2 .value-card-badge{color:#ec4899}.value-card-accent-3 .value-card-badge{color:#8b5cf6}.value-card-accent-4 .value-card-badge{color:#06b6d4}.dark-theme .value-card-accent-1 .value-card-badge{color:#fbbf24}.dark-theme .value-card-accent-2 .value-card-badge{color:#f472b6}.dark-theme .value-card-accent-3 .value-card-badge{color:#a78bfa}.dark-theme .value-card-accent-4 .value-card-badge{color:#22d3ee}.value-card h3{font-size:1.35rem;font-weight:700;margin:0 0 12px;color:var(--theme-text-primary);letter-spacing:-.02em}.value-card p{font-size:1rem;line-height:1.65;color:var(--theme-text-secondary);margin:0}.dark-theme .value-card{background:#1e222ab3;border-color:#6366f133}.dark-theme .value-card:hover{background:#282c34d9;border-color:#6366f159;box-shadow:0 20px 40px #0000004d,0 0 0 1px #6366f126}.pattern-gallery-item{background-color:#fff9;border-color:#6366f11f}.dark-theme .pattern-gallery-item{background-color:#1e222a99;border-color:#6366f126}.cta-section{padding:96px 0;text-align:center}.cta-inner{max-width:560px;margin:0 auto}.cta-section h2{font-size:2rem;font-weight:700;margin:0 0 16px;color:var(--theme-text-primary)}.cta-section p{font-size:1.1rem;color:var(--theme-text-secondary);margin:0 0 28px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;font-size:1.1rem;font-weight:600;color:var(--marketing-text-on-accent);background:linear-gradient(135deg,var(--marketing-accent) 0%,#818cf8 100%);border:none;border-radius:12px;text-decoration:none;box-shadow:0 4px 24px #6366f159;transition:all .2s ease}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f173}.marketing-footer{text-align:center;padding:48px 0;border-top:none;color:var(--theme-text-secondary)}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;gap:48px;text-align:center}.hero-content{text-align:center}.hero-subhead{margin-left:auto;margin-right:auto}.hero-cta-block{align-items:center}.pattern-gallery{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:1fr}}@media (max-width: 600px){.hero-content h1{font-size:2.25rem}.hero-subhead{font-size:1.05rem}.value-section-title,.cta-section h2{font-size:1.5rem}.marketing-page{padding:0 16px}.marketing-header{padding:16px 0}.marketing-header nav{gap:8px}.nav-editor-link{padding:6px 10px;font-size:.8rem}.nav-editor-link svg{display:none}.nav-pro-badge{font-size:.6rem;padding:2px 6px}.marketing-header .pro-badge{display:none}.marketing-header .user-avatar-btn{width:30px;height:30px}.marketing-header .user-avatar-initial{font-size:.85rem}.nav-pricing-link{font-size:.8rem}.theme-toggle-btn{display:none}.launch-app-btn{padding:8px 14px;font-size:.8rem;white-space:nowrap}.launch-app-btn svg{display:none}}.app-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border-top:none;color:#6366f1;font-size:13px}.app-footer-copyright{margin:0;color:#6366f1cc}.dark-theme .app-footer{color:#818cf8}.dark-theme .app-footer-copyright{color:#818cf8e6}.app-footer-nav,.app-footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.app-footer-nav a,.app-footer-links a{color:#6366f1;text-decoration:none}.dark-theme .app-footer-nav a,.dark-theme .app-footer-links a{color:#818cf8}.app-footer-nav a:hover,.app-footer-links a:hover{color:#4f46e5}.dark-theme .app-footer-nav a:hover,.dark-theme .app-footer-links a:hover{color:#c7d2fe}.app-footer-sep{opacity:.6}.marketing-footer .app-footer{border-top:none;padding:0}.marketing-page-wrapper.dark-theme .app-footer,.profile-page-wrapper.dark-theme .app-footer,.admin-dashboard-wrapper.dark-theme .app-footer,.auth-page-wrapper.dark-theme .app-footer,.thank-you-page-wrapper.dark-theme .app-footer,.pricing-page.dark-theme .app-footer{color:#ffffffd9;border-top:none}.marketing-page-wrapper.dark-theme .app-footer-copyright,.profile-page-wrapper.dark-theme .app-footer-copyright,.admin-dashboard-wrapper.dark-theme .app-footer-copyright,.auth-page-wrapper.dark-theme .app-footer-copyright,.thank-you-page-wrapper.dark-theme .app-footer-copyright,.pricing-page.dark-theme .app-footer-copyright{color:#ffffffbf}.marketing-page-wrapper.dark-theme .app-footer-nav a,.marketing-page-wrapper.dark-theme .app-footer-links a,.profile-page-wrapper.dark-theme .app-footer-nav a,.profile-page-wrapper.dark-theme .app-footer-links a,.admin-dashboard-wrapper.dark-theme .app-footer-nav a,.admin-dashboard-wrapper.dark-theme .app-footer-links a,.auth-page-wrapper.dark-theme .app-footer-nav a,.auth-page-wrapper.dark-theme .app-footer-links a,.thank-you-page-wrapper.dark-theme .app-footer-nav a,.thank-you-page-wrapper.dark-theme .app-footer-links a,.pricing-page.dark-theme .app-footer-nav a,.pricing-page.dark-theme .app-footer-links a{color:#ffffffe6}.marketing-page-wrapper.dark-theme .app-footer-nav a:hover,.marketing-page-wrapper.dark-theme .app-footer-links a:hover,.profile-page-wrapper.dark-theme .app-footer-nav a:hover,.profile-page-wrapper.dark-theme .app-footer-links a:hover,.admin-dashboard-wrapper.dark-theme .app-footer-nav a:hover,.admin-dashboard-wrapper.dark-theme .app-footer-links a:hover,.auth-page-wrapper.dark-theme .app-footer-nav a:hover,.auth-page-wrapper.dark-theme .app-footer-links a:hover,.thank-you-page-wrapper.dark-theme .app-footer-nav a:hover,.thank-you-page-wrapper.dark-theme .app-footer-links a:hover,.pricing-page.dark-theme .app-footer-nav a:hover,.pricing-page.dark-theme .app-footer-links a:hover{color:#fff}.marketing-page-wrapper.light-theme .app-footer,.profile-page-wrapper.light-theme .app-footer,.admin-dashboard-wrapper.light-theme .app-footer,.auth-page-wrapper.light-theme .app-footer,.thank-you-page-wrapper.light-theme .app-footer,.pricing-page.light-theme .app-footer{color:#1a1d23cc;border-top-color:#6366f140}.marketing-page-wrapper.light-theme .app-footer-copyright,.profile-page-wrapper.light-theme .app-footer-copyright,.admin-dashboard-wrapper.light-theme .app-footer-copyright,.auth-page-wrapper.light-theme .app-footer-copyright,.thank-you-page-wrapper.light-theme .app-footer-copyright,.pricing-page.light-theme .app-footer-copyright{color:#1a1d23b3}.marketing-page-wrapper.light-theme .app-footer-nav a,.marketing-page-wrapper.light-theme .app-footer-links a,.profile-page-wrapper.light-theme .app-footer-nav a,.profile-page-wrapper.light-theme .app-footer-links a,.admin-dashboard-wrapper.light-theme .app-footer-nav a,.admin-dashboard-wrapper.light-theme .app-footer-links a,.auth-page-wrapper.light-theme .app-footer-nav a,.auth-page-wrapper.light-theme .app-footer-links a,.thank-you-page-wrapper.light-theme .app-footer-nav a,.thank-you-page-wrapper.light-theme .app-footer-links a,.pricing-page.light-theme .app-footer-nav a,.pricing-page.light-theme .app-footer-links a{color:#6366f1}.marketing-page-wrapper.light-theme .app-footer-nav a:hover,.marketing-page-wrapper.light-theme .app-footer-links a:hover,.profile-page-wrapper.light-theme .app-footer-nav a:hover,.profile-page-wrapper.light-theme .app-footer-links a:hover,.admin-dashboard-wrapper.light-theme .app-footer-nav a:hover,.admin-dashboard-wrapper.light-theme .app-footer-links a:hover,.auth-page-wrapper.light-theme .app-footer-nav a:hover,.auth-page-wrapper.light-theme .app-footer-links a:hover,.thank-you-page-wrapper.light-theme .app-footer-nav a:hover,.thank-you-page-wrapper.light-theme .app-footer-links a:hover,.pricing-page.light-theme .app-footer-nav a:hover,.pricing-page.light-theme .app-footer-links a:hover{color:#4f46e5}.controls-panel .app-footer{padding:24px 20px 16px;margin-top:8px;border-top:1px solid var(--theme-border);color:var(--theme-text-secondary)}.controls-panel .app-footer-copyright,.controls-panel .app-footer-nav a,.controls-panel .app-footer-links a{color:var(--theme-text-secondary)}.controls-panel .app-footer-nav a:hover,.controls-panel .app-footer-links a:hover{color:var(--theme-accent)}.auth-page-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 24px;background-color:#1a1d23;color:var(--theme-text-primary);position:relative;overflow:hidden}.auth-page-wrapper.light-theme{background-color:#f0f2f5}.auth-page-wrapper:before,.auth-page-wrapper:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.auth-page-wrapper:before{width:600px;height:600px;top:-10%;right:-10%;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);filter:blur(60px);animation:auth-orb-1 8s ease-in-out infinite}.auth-page-wrapper:after{width:500px;height:500px;bottom:-5%;left:-10%;background:radial-gradient(circle,rgba(129,140,248,.12) 0%,transparent 70%);filter:blur(60px);animation:auth-orb-2 10s ease-in-out infinite}.auth-page-wrapper.light-theme:before{background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%)}.auth-page-wrapper.light-theme:after{background:radial-gradient(circle,rgba(129,140,248,.07) 0%,transparent 70%)}@keyframes auth-orb-1{0%,to{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(-30px,20px) scale(1.1);opacity:1}}@keyframes auth-orb-2{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(20px,-25px) scale(1.08);opacity:.9}}.auth-page{width:100%;max-width:420px;position:relative;z-index:1}.auth-logo{display:block;margin-bottom:24px;height:28px}.auth-logo .logo-svg{height:100%}.auth-page-wrapper.light-theme .auth-logo .logo-icon-part{fill:#6366f1}.auth-page-wrapper.dark-theme .auth-logo .logo-icon-part{fill:#818cf8}.auth-headline{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;line-height:1.2}.auth-tagline{font-size:.95rem;color:var(--theme-text-secondary);margin:0 0 24px}.auth-page-wrapper.light-theme .auth-headline{color:#1a1d23}.auth-card{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:32px;box-shadow:0 8px 32px #6366f11a,0 2px 8px #0000000f}.auth-page-wrapper.dark-theme .auth-card{background:#1e222ad9;border-color:#6366f159;box-shadow:0 8px 32px #0000004d,0 0 0 1px #6366f126}.auth-card h2{margin:0 0 24px;font-size:1.5rem}.auth-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid rgba(99,102,241,.25)}.auth-tabs button{flex:1;padding:12px;border:none;background:none;color:var(--theme-text-secondary);font-size:.95rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.auth-tabs button:hover{color:var(--theme-text-primary)}.auth-tabs button.active{color:#4f46e5;font-weight:600;border-bottom-color:#6366f1}.auth-page-wrapper.dark-theme .auth-tabs button.active{color:#818cf8;border-bottom-color:#818cf8}.auth-form input,.profile-card .auth-form input{width:100%;padding:12px 16px;margin-bottom:12px;border:1px solid rgba(99,102,241,.3);border-radius:var(--border-radius);font-size:1rem;background:#ffffffb3;color:var(--theme-text-primary)}.auth-page-wrapper.dark-theme .auth-form input,.profile-page-wrapper.dark-theme .auth-form input{background:#ffffff0f;border-color:#6366f14d}.auth-form input:focus{outline:none;border-color:#6366f1}.auth-form input::placeholder{color:var(--theme-text-secondary)}.auth-password-row{position:relative;margin-bottom:12px}.auth-password-row input{margin-bottom:4px}.auth-forgot-link{display:block;font-size:.85rem;color:var(--theme-text-secondary);text-decoration:none;margin-top:4px}.auth-forgot-link:hover{color:#6366f1}.auth-back-link{background:none;border:none;color:var(--theme-text-secondary);font-size:.9rem;cursor:pointer;padding:0 0 12px;margin-bottom:8px}.auth-back-link:hover{color:#6366f1}.auth-switch{text-align:center;margin:12px 0 0;font-size:.9rem;color:var(--theme-text-secondary)}.auth-switch-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.auth-switch-btn:hover{opacity:.9}.auth-form button[type=submit]{width:100%;padding:12px 16px;margin-top:8px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.auth-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#7c7ef7,#6366f1)}.auth-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.auth-divider{text-align:center;margin:20px 0;color:var(--theme-text-secondary);font-size:.9rem}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin-top:8px;border:1px solid rgba(99,102,241,.4);border-radius:12px;background:#ffffff80;color:var(--theme-text-primary);font-size:1rem;cursor:pointer}.auth-page-wrapper.dark-theme .auth-google-btn{background:#ffffff0d;border-color:#6366f166}.auth-google-btn:hover{background:#ffffffb3}.auth-page-wrapper.dark-theme .auth-google-btn:hover{background:#ffffff1a}.auth-magic-link-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin-top:8px;border:1px solid rgba(99,102,241,.4);border-radius:12px;background:#ffffff80;color:var(--theme-text-primary);font-size:1rem;cursor:pointer}.auth-page-wrapper.dark-theme .auth-magic-link-btn{background:#ffffff0d;border-color:#6366f166}.auth-magic-link-btn:hover:not(:disabled){background:#ffffffb3}.auth-page-wrapper.dark-theme .auth-magic-link-btn:hover:not(:disabled){background:#ffffff1a}.auth-magic-link-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--danger-color);font-size:.9rem;margin-bottom:12px}.auth-message{color:#27ae60;font-size:.9rem;margin-bottom:12px}.auth-footer{text-align:center;margin-top:24px}.auth-footer a{color:var(--theme-text-secondary);text-decoration:none}.auth-footer a:hover{color:#6366f1}.auth-page-footer{margin-top:auto;padding-top:32px;width:100%;max-width:420px;text-align:center;position:relative;z-index:1}.auth-page-footer .app-footer{border-top:none;padding-top:24px}.auth-link-btn{display:block;width:100%;padding:12px;text-align:center;background:var(--theme-primary-accent);color:var(--theme-text-on-primary-accent);border-radius:var(--border-radius);text-decoration:none;font-weight:600;margin-top:16px}.auth-link-btn:hover{opacity:.9}.upgrade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.upgrade-modal{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:12px;padding:32px;max-width:400px;box-shadow:0 20px 40px #0000004d}.upgrade-modal h3{margin:0 0 12px;font-size:1.25rem}.upgrade-modal p{margin:0 0 24px;color:var(--theme-text-secondary);line-height:1.5}.upgrade-modal-actions{display:flex;flex-direction:column;gap:12px}.upgrade-modal-btn{padding:12px 20px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;border:none}.upgrade-modal-btn.primary{background:var(--theme-primary-accent);color:var(--theme-text-on-primary-accent)}.upgrade-modal-btn.primary:hover:not(:disabled){opacity:.9}.upgrade-modal-btn.secondary{background:transparent;color:var(--theme-text-secondary)}.upgrade-modal-btn.secondary:hover{color:var(--theme-text-primary)}.pricing-dialog-overlay{padding:24px}.pricing-dialog{position:relative;background:var(--theme-surface);color:var(--theme-text-primary);border:1px solid var(--theme-border);border-radius:12px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 40px #0000004d}.pricing-dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;font-size:24px;line-height:1;background:none;border:none;color:var(--theme-text-secondary);cursor:pointer;border-radius:4px}.pricing-dialog-close:hover{color:var(--theme-text-primary);background:var(--theme-control-bg)}.pricing-dialog-title{margin:0 0 8px;font-size:1.75rem;color:var(--theme-text-primary)}.pricing-dialog-tagline{color:var(--theme-text-secondary);margin:0 0 20px;font-size:.95rem}.pricing-dialog-features{margin-bottom:20px}.pricing-dialog-feature{padding:6px 0;color:var(--theme-text-primary);font-size:.95rem}.pricing-dialog-price{margin-bottom:20px}.pricing-dialog-amount{font-size:2rem;font-weight:700;color:var(--theme-text-primary)}.pricing-dialog-period{color:var(--theme-text-secondary);font-size:1.1rem;margin-left:4px}.pricing-dialog-actions{display:flex;flex-direction:column;gap:10px}.pricing-dialog-cta{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;color:#0a0a0a;background:linear-gradient(135deg,#c9a000,#e6b800);border:1px solid rgba(0,0,0,.15);border-radius:var(--border-radius);cursor:pointer;transition:all .2s}.pricing-dialog-cta:hover:not(:disabled){filter:brightness(1.08)}.pricing-dialog-cta:disabled{opacity:.7;cursor:not-allowed}.pricing-dialog-secondary{padding:10px 20px;font-size:.95rem;font-weight:500;background:transparent;color:var(--theme-text-secondary);border:none;cursor:pointer;border-radius:var(--border-radius)}.pricing-dialog-secondary:hover{color:var(--theme-text-primary)}.pricing-dialog-pro-badge{color:#27ae60;font-weight:600;margin:0}.pricing-page{min-height:100vh;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background-color:#1a1d23;color:var(--theme-text-primary);position:relative}.pricing-page.light-theme{background-color:#f0f2f5}.pricing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/patterns/radiant-gradient.svg);background-size:cover;background-position:top left;mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);pointer-events:none;z-index:0}.pricing-page.dark-theme:before{mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%)}.pricing-page .site-header{position:relative;z-index:10}.pricing-page .pricing-main,.pricing-page .app-footer{position:relative;z-index:1}.pricing-nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:720px;padding:24px 24px 0;margin-bottom:48px}.pricing-nav-logo{height:28px}.pricing-nav-logo .logo-svg{height:100%}.pricing-nav-links{display:flex;align-items:center;gap:24px}.pricing-nav-links a{color:var(--theme-text-secondary);text-decoration:none;font-size:14px;font-weight:500}.pricing-nav-links a:hover,.pricing-nav-links a.active{color:var(--theme-accent)}.pricing-main{flex:1;width:100%;max-width:720px;padding:24px 24px 64px}.pricing-intro{text-align:center;margin-bottom:48px}.pricing-intro h1{margin:0 0 8px;font-size:2.5rem;font-weight:600;letter-spacing:-.03em;color:var(--theme-text-primary)}.pricing-intro p{margin:0;font-size:1.125rem;color:#fffc}.pricing-page.light-theme .pricing-intro p{color:#1a1d23b3}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr}}.pricing-plan{position:relative;padding:32px;border-radius:12px;border:1px solid rgba(99,102,241,.3);background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:24px;box-shadow:0 8px 32px #6366f11a,0 2px 8px #0000000f}.pricing-page.dark-theme .pricing-plan{background:#1e222ad9;border-color:#6366f159;box-shadow:0 8px 32px #0000004d,0 0 0 1px #6366f126}.pricing-plan-pro{border-color:#6366f180;box-shadow:0 0 0 1px #6366f14d}.pricing-page.dark-theme .pricing-plan-pro{border-color:#6366f180;box-shadow:0 0 0 1px #6366f166}.pricing-plan-tag{position:absolute;top:-10px;left:24px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1a1400;background:linear-gradient(135deg,#f0d875,#e6c44d);border-radius:6px;box-shadow:0 1px 2px #0003}.pricing-plan h2{margin:0;font-size:1.25rem;font-weight:600}.pricing-plan-price{display:flex;align-items:baseline;gap:4px}.pricing-plan-price .amount{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pricing-plan-price .period{font-size:1rem;color:var(--theme-text-secondary);font-weight:400}.pricing-plan h2,.pricing-plan-price .amount{color:var(--theme-text-primary)}.pricing-plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.pricing-plan-features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--theme-text-secondary);line-height:1.4}.pricing-plan-features li svg{flex-shrink:0;color:#22c55e}.pricing-plan-cta{margin-top:auto;padding-top:8px}.pricing-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.pricing-cta-outline{color:#6366f1;background:transparent;border:2px solid rgba(99,102,241,.5)}.pricing-page.dark-theme .pricing-cta-outline{color:#818cf8;border-color:#6366f180}.pricing-cta-outline:hover{border-color:#6366f1;color:#4f46e5;background:#6366f114}.pricing-page.dark-theme .pricing-cta-outline:hover{border-color:#818cf8;color:#c7d2fe;background:#6366f11f}.pricing-cta-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.pricing-cta-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c7ef7,#6366f1)}.pricing-cta-primary:disabled{opacity:.6;cursor:not-allowed}.pricing-plan-current{display:block;text-align:center;font-size:.9rem;font-weight:600;color:#22c55e}.pricing-compare{margin-top:8px}.pricing-compare h3{margin:0 0 16px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3}.pricing-page.light-theme .pricing-compare h3{color:#1a1d2399}.pricing-page.light-theme .pricing-table th,.pricing-page.light-theme .pricing-table td{color:#1a1d23}.pricing-page.light-theme .pricing-table th{color:#1a1d23b3}.pricing-table{width:100%;border-collapse:collapse;font-size:.95rem;background:#ffffffeb;border-radius:10px;overflow:hidden;border:1px solid rgba(99,102,241,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.pricing-page.dark-theme .pricing-table{background:#1e222ad9;border-color:#6366f159}.pricing-table th,.pricing-table td{padding:14px 20px;text-align:left;border-bottom:1px solid rgba(99,102,241,.2)}.pricing-table th{font-weight:600;color:var(--theme-text-secondary);background:#6366f114;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.pricing-page.dark-theme .pricing-table th{background:#6366f11f;color:#818cf8}.pricing-table th:nth-child(2),.pricing-table th:nth-child(3),.pricing-table td:nth-child(2),.pricing-table td:nth-child(3){text-align:center}.pricing-table tbody tr:last-child td{border-bottom:none}.pricing-table td:first-child{color:var(--theme-text-secondary)}.pricing-th-pro,.pricing-td-pro{background:#6366f114}.pricing-page.dark-theme .pricing-th-pro,.pricing-page.dark-theme .pricing-td-pro{background:#6366f11f}.pricing-table-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1a1400;background:linear-gradient(135deg,#f0d875,#e6c44d);border-radius:6px}.pricing-page .app-footer{margin-top:auto;padding:32px 24px 24px}@media (max-width: 480px){.auth-page-wrapper{padding:32px 16px 16px}.auth-headline{font-size:1.5rem}.auth-card{padding:24px}}.auth-page-wrapper.legal-page-wrapper{height:100vh;height:100dvh;overflow-y:auto;padding:0;display:block;position:relative}.auth-page-wrapper.legal-page-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;border-radius:0;filter:none;animation:none;background:none;background-image:url(/img/patterns/radiant-gradient.svg);background-size:cover;background-position:top left;mask-image:linear-gradient(to bottom right,rgba(0,0,0,.15) 0%,transparent 60%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.15) 0%,transparent 60%);pointer-events:none;z-index:0}.auth-page-wrapper.legal-page-wrapper:after{display:none}.auth-page-wrapper.legal-page-wrapper .auth-page{width:100%;max-width:720px;margin:0 auto;padding:24px}.auth-page-wrapper.legal-page-wrapper .app-footer{padding:24px;max-width:720px;margin:0 auto;width:100%}.profile-page-wrapper .app-footer{padding:24px;max-width:720px;margin:0 auto;width:100%;border-top:none}.admin-dashboard-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#1a1d23;color:var(--theme-text-primary);position:relative}.admin-dashboard-wrapper.light-theme{background-color:#f0f2f5}.admin-dashboard-wrapper.light-theme .admin-dashboard h1,.admin-dashboard-wrapper.light-theme .admin-dashboard h2,.admin-dashboard-wrapper.light-theme .admin-summary-label,.admin-dashboard-wrapper.light-theme .admin-summary-value,.admin-dashboard-wrapper.light-theme .admin-users-table th,.admin-dashboard-wrapper.light-theme .admin-users-table td{color:#1a1d23}.admin-dashboard-wrapper.light-theme .admin-summary-label{color:#1a1d23b3}.admin-dashboard-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/patterns/radiant-gradient.svg);background-size:cover;background-position:top left;mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);pointer-events:none;z-index:0}.admin-dashboard-wrapper.dark-theme:before{mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%)}.admin-dashboard-wrapper .site-header{position:relative;z-index:10}.admin-dashboard-wrapper .admin-dashboard-main,.admin-dashboard-wrapper .app-footer{position:relative;z-index:1}.admin-dashboard-main{flex:1;padding:32px 24px;max-width:960px;margin:0 auto;width:100%}.admin-dashboard h1{margin:0 0 24px;font-size:1.75rem}.admin-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.admin-summary-card{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 16px #6366f114}.admin-dashboard-wrapper.dark-theme .admin-summary-card{background:#1e222ad9;border-color:#6366f159;box-shadow:0 4px 16px #0003}.admin-summary-value{font-size:1.75rem;font-weight:700;color:var(--theme-text-primary)}.admin-summary-label{font-size:.9rem;color:var(--theme-text-secondary)}.admin-users-section h2{margin:0 0 16px;font-size:1.1rem}.admin-users-table-wrapper{overflow-x:auto;border:1px solid rgba(99,102,241,.3);border-radius:16px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #6366f114}.admin-dashboard-wrapper.dark-theme .admin-users-table-wrapper{background:#1e222ad9;border-color:#6366f159;box-shadow:0 4px 16px #0003}.admin-users-table{width:100%;border-collapse:collapse;font-size:14px}.admin-users-table th,.admin-users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(99,102,241,.2)}.admin-users-table th{font-weight:600;color:#6366f1;background:#6366f114}.admin-dashboard-wrapper.dark-theme .admin-users-table th{color:#818cf8;background:#6366f11f}.admin-users-table tr:last-child td{border-bottom:none}.admin-plan-badge{display:inline-block;padding:2px 8px;font-size:.75rem;font-weight:600;border-radius:4px}.admin-plan-badge.pro{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.admin-plan-badge.free{background:#6366f126;color:var(--theme-text-secondary)}.admin-error{padding:24px;text-align:center}.admin-error h2{margin:0 0 8px}.admin-dashboard-wrapper .app-footer{padding:24px;max-width:720px;margin:0 auto;width:100%;border-top:none}.site-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:720px;margin:0 auto;padding:24px 24px 20px;flex-shrink:0;border-bottom:none}.site-header-logo{height:28px}.site-header-logo .logo-svg{height:100%}.site-header-logo .logo-icon-part{fill:#6366f1}.site-header-logo .logo-text-part{fill:var(--theme-text-primary)}.dark-theme .site-header-logo .logo-icon-part{fill:#818cf8}.site-header-nav{display:flex;align-items:center;gap:20px}.site-header-nav a{color:#6366f1;text-decoration:none;font-size:14px;font-weight:500}.site-header-nav a:hover,.site-header-nav a.active{color:#4f46e5}.dark-theme .site-header-nav a{color:#818cf8}.dark-theme .site-header-nav a:hover,.dark-theme .site-header-nav a.active{color:#c7d2fe}.site-header .user-avatar-btn.user-avatar-initials{background:linear-gradient(135deg,#6366f1,#4f46e5)}.site-header .user-avatar-initial{color:#fff}.dark-theme .site-header .user-avatar-btn{border:1px solid rgba(255,255,255,.4)}.dark-theme .site-header .user-avatar-btn:hover{border-color:#fff9}.light-theme .site-header .user-avatar-btn{border:1px solid rgba(99,102,241,.3)}.light-theme .site-header .user-avatar-btn:hover{border-color:#6366f180}@media (max-width: 600px){.site-header{padding:16px 16px 14px}.site-header-nav{gap:10px}.site-header-nav .nav-editor-link{padding:6px 10px;font-size:.8rem;white-space:nowrap}.site-header-nav .nav-editor-link svg{display:none}.site-header .pro-badge{display:none}.site-header .user-avatar-btn{width:30px;height:30px}.site-header .user-avatar-initial{font-size:.85rem}}.profile-page-wrapper.dark-theme .site-header,.admin-dashboard-wrapper.dark-theme .site-header,.auth-page-wrapper.dark-theme .site-header,.thank-you-page-wrapper.dark-theme .site-header,.pricing-page.dark-theme .site-header{border-bottom:none}.profile-page-wrapper.dark-theme .site-header-logo .logo-text-part,.admin-dashboard-wrapper.dark-theme .site-header-logo .logo-text-part,.auth-page-wrapper.dark-theme .site-header-logo .logo-text-part,.thank-you-page-wrapper.dark-theme .site-header-logo .logo-text-part,.pricing-page.dark-theme .site-header-logo .logo-text-part{fill:#fffffff2}.profile-page-wrapper.dark-theme .site-header-logo .logo-icon-part,.admin-dashboard-wrapper.dark-theme .site-header-logo .logo-icon-part,.auth-page-wrapper.dark-theme .site-header-logo .logo-icon-part,.thank-you-page-wrapper.dark-theme .site-header-logo .logo-icon-part,.pricing-page.dark-theme .site-header-logo .logo-icon-part{fill:#818cf8}.profile-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link),.admin-dashboard-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link),.auth-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link),.thank-you-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link),.pricing-page.dark-theme .site-header-nav a:not(.nav-editor-link){color:#fffffff2}.profile-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link):hover,.profile-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link).active,.admin-dashboard-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link):hover,.admin-dashboard-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link).active,.auth-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link):hover,.auth-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link).active,.thank-you-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link):hover,.thank-you-page-wrapper.dark-theme .site-header-nav a:not(.nav-editor-link).active,.pricing-page.dark-theme .site-header-nav a:not(.nav-editor-link):hover,.pricing-page.dark-theme .site-header-nav a:not(.nav-editor-link).active{color:#fff}.profile-page-wrapper.dark-theme .site-header .nav-editor-link,.admin-dashboard-wrapper.dark-theme .site-header .nav-editor-link,.auth-page-wrapper.dark-theme .site-header .nav-editor-link,.thank-you-page-wrapper.dark-theme .site-header .nav-editor-link,.pricing-page.dark-theme .site-header .nav-editor-link{color:#fffffff2;border:1px solid rgba(255,255,255,.5)}.profile-page-wrapper.dark-theme .site-header .nav-editor-link:hover,.admin-dashboard-wrapper.dark-theme .site-header .nav-editor-link:hover,.auth-page-wrapper.dark-theme .site-header .nav-editor-link:hover,.thank-you-page-wrapper.dark-theme .site-header .nav-editor-link:hover,.pricing-page.dark-theme .site-header .nav-editor-link:hover{color:#fff;border-color:#ffffffb3;background:#ffffff1f}.profile-page-wrapper.dark-theme .site-header .nav-editor-link.active,.admin-dashboard-wrapper.dark-theme .site-header .nav-editor-link.active,.auth-page-wrapper.dark-theme .site-header .nav-editor-link.active,.thank-you-page-wrapper.dark-theme .site-header .nav-editor-link.active,.pricing-page.dark-theme .site-header .nav-editor-link.active{color:#fff;border-color:#fffc}.profile-page-wrapper.light-theme .site-header,.admin-dashboard-wrapper.light-theme .site-header,.auth-page-wrapper.light-theme .site-header,.thank-you-page-wrapper.light-theme .site-header,.pricing-page.light-theme .site-header{border-bottom:none}.profile-page-wrapper.light-theme .site-header-logo .logo-text-part,.admin-dashboard-wrapper.light-theme .site-header-logo .logo-text-part,.auth-page-wrapper.light-theme .site-header-logo .logo-text-part,.thank-you-page-wrapper.light-theme .site-header-logo .logo-text-part,.pricing-page.light-theme .site-header-logo .logo-text-part{fill:#1a1d23}.profile-page-wrapper.light-theme .site-header-logo .logo-icon-part,.admin-dashboard-wrapper.light-theme .site-header-logo .logo-icon-part,.auth-page-wrapper.light-theme .site-header-logo .logo-icon-part,.thank-you-page-wrapper.light-theme .site-header-logo .logo-icon-part,.pricing-page.light-theme .site-header-logo .logo-icon-part{fill:#6366f1}.profile-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link),.admin-dashboard-wrapper.light-theme .site-header-nav a:not(.nav-editor-link),.auth-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link),.thank-you-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link),.pricing-page.light-theme .site-header-nav a:not(.nav-editor-link){color:#6366f1}.profile-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link):hover,.profile-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link).active,.admin-dashboard-wrapper.light-theme .site-header-nav a:not(.nav-editor-link):hover,.admin-dashboard-wrapper.light-theme .site-header-nav a:not(.nav-editor-link).active,.auth-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link):hover,.auth-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link).active,.thank-you-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link):hover,.thank-you-page-wrapper.light-theme .site-header-nav a:not(.nav-editor-link).active,.pricing-page.light-theme .site-header-nav a:not(.nav-editor-link):hover,.pricing-page.light-theme .site-header-nav a:not(.nav-editor-link).active{color:#4f46e5}.profile-page-wrapper.light-theme .site-header .nav-editor-link,.admin-dashboard-wrapper.light-theme .site-header .nav-editor-link,.auth-page-wrapper.light-theme .site-header .nav-editor-link,.thank-you-page-wrapper.light-theme .site-header .nav-editor-link,.pricing-page.light-theme .site-header .nav-editor-link{color:#6366f1;border:1px solid rgba(99,102,241,.5)}.profile-page-wrapper.light-theme .site-header .nav-editor-link:hover,.admin-dashboard-wrapper.light-theme .site-header .nav-editor-link:hover,.auth-page-wrapper.light-theme .site-header .nav-editor-link:hover,.thank-you-page-wrapper.light-theme .site-header .nav-editor-link:hover,.pricing-page.light-theme .site-header .nav-editor-link:hover{color:#4f46e5;border-color:#6366f1;background:#6366f114}.profile-page-wrapper.light-theme .site-header .nav-editor-link.active,.admin-dashboard-wrapper.light-theme .site-header .nav-editor-link.active,.auth-page-wrapper.light-theme .site-header .nav-editor-link.active,.thank-you-page-wrapper.light-theme .site-header .nav-editor-link.active,.pricing-page.light-theme .site-header .nav-editor-link.active{color:#4f46e5;border-color:#6366f1}.legal-card h1{margin:0 0 8px;font-size:1.75rem}.auth-page-wrapper.light-theme .legal-card h1,.auth-page-wrapper.light-theme .legal-card section h2,.auth-page-wrapper.light-theme .legal-card section p{color:#1a1d23}.auth-page-wrapper.light-theme .legal-updated{color:#1a1d23b3}.legal-updated{color:var(--theme-text-secondary);font-size:.9rem;margin:0 0 24px}.legal-card section{margin-bottom:24px}.legal-card section h2{font-size:1.1rem;margin:0 0 8px}.legal-card section p{margin:0;line-height:1.6;color:var(--theme-text-primary)}.thank-you-page-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:#1a1d23;color:var(--theme-text-primary);position:relative}.thank-you-page-wrapper.light-theme{background-color:#f0f2f5}.thank-you-page-wrapper.light-theme .thank-you-title,.thank-you-page-wrapper.light-theme .thank-you-message,.thank-you-page-wrapper.light-theme .thank-you-benefits h2,.thank-you-page-wrapper.light-theme .thank-you-benefits li,.thank-you-page-wrapper.light-theme .thank-you-footer,.thank-you-page-wrapper.light-theme .thank-you-footer a{color:#1a1d23}.thank-you-page-wrapper.light-theme .thank-you-benefits h2{color:#1a1d23b3}.thank-you-page-wrapper.light-theme .thank-you-footer a:hover{color:#6366f1}.thank-you-page-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/patterns/radiant-gradient.svg);background-size:cover;background-position:top left;mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);pointer-events:none;z-index:0}.thank-you-page-wrapper.dark-theme:before{mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%)}.thank-you-page-wrapper.thank-you-with-header{justify-content:flex-start;height:100vh;height:100dvh;padding:0;overflow:hidden}.thank-you-page-wrapper .site-header{position:relative;z-index:10}.thank-you-page-wrapper .thank-you-page,.thank-you-page-wrapper .app-footer{position:relative;z-index:1}.thank-you-page-wrapper.thank-you-with-header .thank-you-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.thank-you-page-wrapper.thank-you-with-header .app-footer{flex-shrink:0;padding:24px}.thank-you-page{width:100%;max-width:480px}.thank-you-logo{display:block;margin-bottom:32px;height:32px}.thank-you-logo .logo-svg{height:100%}.thank-you-card{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:40px 32px;box-shadow:0 8px 32px #6366f11a,0 2px 8px #0000000f;text-align:center}.thank-you-page-wrapper.dark-theme .thank-you-card{background:#1e222ad9;border-color:#6366f159;box-shadow:0 8px 32px #0000004d,0 0 0 1px #6366f126}.thank-you-celebration{margin-bottom:20px}.thank-you-emoji{font-size:3.5rem;line-height:1;display:inline-block}.thank-you-title{margin:0 0 12px;font-size:2rem;font-weight:700;letter-spacing:-.02em}.thank-you-message{margin:0 0 32px;font-size:1.05rem;line-height:1.6;color:var(--theme-text-secondary)}.thank-you-benefits{text-align:left;margin-bottom:32px;padding:24px;background:var(--theme-control-bg);border-radius:12px}.thank-you-benefits h2{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.05em}.thank-you-benefits ul{margin:0;padding:0;list-style:none}.thank-you-benefits li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:1rem;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border)}.thank-you-benefits li:last-child{border-bottom:none;padding-bottom:0}.thank-you-check{flex-shrink:0;color:var(--theme-slider-accent)}.thank-you-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:var(--border-radius);text-decoration:none;transition:opacity .15s,transform .1s}.thank-you-cta:hover{background:linear-gradient(135deg,#7c7ef7,#6366f1);opacity:.95}.thank-you-cta:active{transform:scale(.99)}.thank-you-footer{margin:24px 0 0;font-size:.9rem}.thank-you-footer a{color:var(--theme-text-secondary);text-decoration:none}.thank-you-footer a:hover{color:var(--theme-accent)}.profile-page-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#1a1d23;color:var(--theme-text-primary);position:relative}.profile-page-wrapper.light-theme{background-color:#f0f2f5}.profile-page-wrapper.light-theme .profile-name,.profile-page-wrapper.light-theme .profile-email,.profile-page-wrapper.light-theme .profile-stats,.profile-page-wrapper.light-theme .profile-card h2,.profile-page-wrapper.light-theme .profile-card label,.profile-page-wrapper.light-theme .profile-card p{color:#1a1d23}.profile-page-wrapper.light-theme .profile-email,.profile-page-wrapper.light-theme .profile-stats,.profile-page-wrapper.light-theme .profile-card label{color:#1a1d23bf}.profile-page-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/patterns/radiant-gradient.svg);background-size:cover;background-position:top left;mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.25) 0%,transparent 70%);pointer-events:none;z-index:0}.profile-page-wrapper.dark-theme:before{mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom right,rgba(0,0,0,.18) 0%,transparent 70%)}.profile-page-wrapper .site-header{position:relative;z-index:10}.profile-page-wrapper .profile-page-main,.profile-page-wrapper .app-footer{position:relative;z-index:1}.profile-page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--theme-border)}.profile-logo{height:28px}.profile-logo .logo-svg{height:100%}.profile-back-link{font-size:.9rem;color:var(--theme-text-secondary);text-decoration:none}.profile-back-link:hover{color:var(--theme-accent)}.profile-page-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:32px 24px;overflow-y:auto}.profile-card{width:100%;max-width:680px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:32px 40px;box-shadow:0 8px 32px #6366f11a,0 2px 8px #0000000f}.profile-page-wrapper.dark-theme .profile-card{background:#1e222ad9;border-color:#6366f159;box-shadow:0 8px 32px #0000004d,0 0 0 1px #6366f126}.profile-hero{display:flex;align-items:center;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid rgba(99,102,241,.25)}.profile-hero-info{flex:1;min-width:0}.profile-name{margin:0 0 4px;font-size:1.5rem;font-weight:600;line-height:1.3}.profile-email{margin:0 0 8px;font-size:.95rem;color:var(--theme-text-secondary);line-height:1.3}.profile-stats{margin:0 0 12px;font-size:.95rem;color:var(--theme-text-secondary)}.profile-stats-loading{display:inline-flex;align-items:center;gap:8px}.profile-stats-loading .loading-spinner{width:14px;height:14px;margin:0}.profile-pro-tag{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#1a1400;background:linear-gradient(135deg,#f0d875,#e6c44d);border-radius:4px}.profile-manage-btn{padding:8px 16px;font-size:.9rem;font-weight:500;color:#6366f1;background:none;border:1px solid rgba(99,102,241,.4);border-radius:var(--border-radius);cursor:pointer}.profile-manage-btn:hover:not(:disabled){background:#6366f11a}.profile-manage-btn:disabled{opacity:.7;cursor:not-allowed}.profile-admin-link{display:inline-block;margin-top:8px;padding:8px 16px;font-size:.9rem;font-weight:500;color:#6366f1;background:none;border:1px solid rgba(99,102,241,.4);border-radius:var(--border-radius);text-decoration:none;cursor:pointer}.profile-admin-link:hover{background:#6366f11a}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}.profile-section{margin-bottom:0}.profile-section h3{margin:0 0 12px;font-size:1rem;font-weight:600}.profile-footer{margin-top:28px;padding-top:24px;border-top:none}.profile-footer .auth-signout-btn{width:auto;min-width:120px;padding:10px 20px}.profile-avatar,.profile-avatar-placeholder{width:80px;height:80px;flex-shrink:0;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:2rem;font-weight:600}@media (max-width: 600px){.profile-grid{grid-template-columns:1fr}}.auth-signout-btn{width:100%;padding:12px;border:1px solid var(--danger-color);border-radius:var(--border-radius);background:transparent;color:var(--danger-color);font-size:1rem;cursor:pointer}.auth-signout-btn:hover{background:#e74c3c1a}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.value-section-title{font-size:1.75rem}body.editor-mobile-layout,body.editor-mobile-layout html{height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%}body.editor-mobile-layout #root{height:100vh;height:100dvh;overflow:hidden}.app-container{flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.display-panel{flex:1;min-height:0;overflow:hidden}.canvas-container{padding:8px;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.controls-panel{width:100%;max-height:40vh;border-left:none;border-top:1px solid var(--theme-border);order:2;flex-shrink:0;overflow-y:auto}.screenshot-area{max-width:calc(100vw - 16px);max-height:calc(60vh - 16px);width:auto;height:auto}.screenshot-area img{max-width:100%;max-height:100%;width:auto;height:auto}}.style-previews-container{background:var(--theme-surface);border-bottom:1px solid var(--theme-border);transition:all .3s ease;position:relative}.style-previews-drawer-tab{position:relative;background:var(--theme-surface);border:1px solid var(--theme-border);border-bottom:none;border-radius:6px 6px 0 0;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--theme-text-secondary);transition:all .2s ease;z-index:10;margin:0 auto;width:fit-content}.style-previews-drawer-tab:hover,.style-previews-container.hidden .style-previews-drawer-tab{background:var(--theme-control-bg);color:var(--theme-text-primary)}.toggle-button{background:none;color:var(--theme-text-secondary);border:none;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-button:hover{background:var(--theme-control-hover-bg);color:var(--theme-text-primary)}.style-previews-container.hidden .toggle-button{padding:4px}.style-previews-container.hidden .toggle-button svg{width:14px;height:14px}.style-previews-header h3{margin:0;font-size:13px;font-weight:500;color:var(--theme-text-secondary);transition:all .2s ease}.style-previews-container.hidden .style-previews-header h3{font-size:11px;color:var(--theme-text-secondary)}.generation-progress{display:flex;align-items:center;gap:12px}.generation-progress span{font-size:13px;color:var(--theme-text-secondary);white-space:nowrap}.progress-bar{width:80px;height:4px;background:var(--theme-border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.style-previews-carousel{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:12px;scrollbar-width:thin;scrollbar-color:var(--theme-border) transparent}.style-previews-carousel::-webkit-scrollbar{height:6px}.style-previews-carousel::-webkit-scrollbar-track{background:transparent}.style-previews-carousel::-webkit-scrollbar-thumb{background-color:var(--theme-border);border-radius:3px}.style-previews-carousel::-webkit-scrollbar-thumb:hover{background-color:var(--theme-text-secondary)}.style-preview-card{position:relative;background:var(--theme-surface);border:2px solid var(--theme-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;flex-shrink:0;width:140px;height:100px}.style-preview-card:hover{border-color:var(--theme-accent);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.style-preview-card.selected{border-color:var(--theme-accent);box-shadow:0 0 0 3px #667eea33}.style-preview-card.locked{cursor:pointer;opacity:.95}.style-preview-card.locked:hover{border-color:#c9a00099}.style-preview-pro-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1a1400;background:linear-gradient(135deg,#e6c44d,#c9a000);border-radius:4px;box-shadow:0 1px 2px #00000026}.preview-image-container{position:relative;width:100%;height:100%;overflow:hidden;background:var(--theme-control-bg);border-radius:10px}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.loading-placeholder,.error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:6px;color:var(--theme-text-secondary);font-size:11px;background:var(--theme-control-bg);border-radius:8px}.loading-spinner{width:16px;height:16px;border:2px solid var(--theme-border);border-top:2px solid var(--theme-accent);border-radius:50%;animation:spin 1s linear infinite}.retry-button{background:var(--theme-accent);color:var(--theme-text-on-accent);border:none;padding:3px 6px;border-radius:3px;font-size:10px;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:var(--theme-accent-hover)}.preview-overlay{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.preview-overlay-right{display:flex;align-items:center;gap:6px}.style-name{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.selected-indicator{background:var(--theme-accent);color:var(--theme-text-on-accent);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.preview-description{padding:8px 12px;font-size:11px;color:var(--theme-text-secondary);line-height:1.3;background:var(--theme-surface)}.slider-number-input{background:var(--theme-surface);border:1px solid var(--theme-accent);border-radius:3px;color:var(--theme-text-primary);font-size:12px;padding:2px 4px;width:50px;text-align:center;outline:none;box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.2)}.slider-number-input:focus{border-color:var(--theme-accent);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.3)}.slider-number-input::-webkit-inner-spin-button,.slider-number-input::-webkit-outer-spin-button{opacity:1;height:14px}@media (max-width: 768px){.style-previews-container{margin:0;padding:15px;border-top:1px solid var(--theme-border)}.style-previews-drawer-tab{border-radius:6px 6px 0 0;border-bottom:1px solid var(--theme-border);width:fit-content;margin:0 auto;justify-content:center}.style-previews-carousel{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;max-height:none;scroll-snap-type:x mandatory}.style-preview-card{min-width:140px;min-height:120px;flex-shrink:0;scroll-snap-align:start}.preview-image-container{height:100px}.generation-progress{align-items:flex-start}.progress-bar{width:100px}}.ai-style-options-container{margin-top:16px;border:1px solid var(--theme-border);border-radius:var(--border-radius);background-color:var(--theme-bg)}.saved-svg-patterns-container{padding:16px;background:var(--theme-surface);border-radius:var(--border-radius);border:1px solid var(--theme-border);min-height:300px;max-height:500px;overflow-y:auto}.saved-svg-patterns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.saved-svg-patterns-header h3{margin:0;font-size:16px;font-weight:600;color:var(--theme-text-primary)}.toggle-btn{background:none;border:none;color:var(--theme-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.toggle-btn:hover{background:var(--theme-control-hover-bg);color:var(--theme-text-primary)}.loading-state,.error-state,.empty-state{text-align:center;padding:80px 16px;color:var(--theme-text-secondary);min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-spinner{width:24px;height:24px;border:2px solid var(--theme-border);border-top:2px solid var(--theme-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tags-filter{margin-bottom:16px}.tags-filter h4{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--theme-text-primary)}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{padding:4px 8px;border:1px solid var(--theme-border);background:var(--theme-control-bg);color:var(--theme-text-secondary);border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s}.tag-btn:hover{background:var(--theme-control-hover-bg);color:var(--theme-text-primary)}.tag-btn.active{background:var(--theme-accent);color:#fff;border-color:var(--theme-accent)}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;min-height:200px}.pattern-card{background:var(--theme-control-bg);border:1px solid var(--theme-border);border-radius:var(--border-radius);overflow:hidden;transition:all .2s;cursor:pointer}.pattern-card:hover{border-color:var(--theme-accent);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.pattern-preview{height:120px;position:relative}.pattern-info{padding:12px}.pattern-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--theme-text-primary)}.pattern-info p{margin:0 0 8px;font-size:12px;color:var(--theme-text-secondary);line-height:1.4}.pattern-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.tag{padding:2px 6px;background:var(--theme-secondary-accent);color:var(--theme-text-primary);border-radius:8px;font-size:10px;font-weight:500}.load-more-container{display:flex;justify-content:center;align-items:center;padding:20px 0;margin-top:16px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--theme-border);border-radius:var(--border-radius);background:var(--theme-control-bg);color:var(--theme-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){background:var(--theme-control-hover-bg);color:var(--theme-text-primary);border-color:var(--theme-text-secondary)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-btn .loading-spinner{width:16px;height:16px;border:2px solid var(--theme-border);border-top:2px solid var(--theme-accent);border-radius:50%;animation:spin 1s linear infinite}.ai-style-options-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--theme-border);background-color:var(--theme-control-bg)}.ai-style-options-header h3{margin:0;font-size:14px;font-weight:600;color:var(--theme-text-primary)}.generate-more-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--theme-border);border-radius:6px;background-color:var(--theme-bg);color:var(--theme-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.generate-more-btn:hover:not(:disabled){background-color:var(--theme-control-hover-bg);border-color:var(--theme-text-secondary);color:var(--theme-text-primary)}.generate-more-btn:disabled{opacity:.6;cursor:not-allowed}.generate-more-btn .loader{width:12px;height:12px;border:1.5px solid currentColor;border-bottom-color:transparent}.ai-style-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;max-height:300px;overflow-y:auto}.ai-style-option-card{position:relative;border:1px solid var(--theme-border);border-radius:8px;background-color:var(--theme-bg);cursor:pointer;transition:all .2s;overflow:hidden}.ai-style-option-card:hover{border-color:var(--theme-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ai-style-option-card.loading{cursor:default;pointer-events:none}.option-preview{height:80px;position:relative;overflow:hidden}.preview-background{width:100%;height:100%;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}.preview-frame{position:absolute;top:8px;left:8px;right:8px;bottom:8px;background-color:#ffffff1a;border-radius:4px;display:flex;align-items:center;justify-content:center}.preview-image-placeholder{color:#fff9}.option-info{padding:8px 12px}.option-name{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--theme-text-primary);line-height:1.2}.option-description{margin:0 0 6px;font-size:10px;color:var(--theme-text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.augmentation-badges{display:flex;flex-wrap:wrap;gap:2px}.augmentation-badge{padding:2px 6px;background-color:var(--theme-accent);color:var(--theme-text-on-accent);border-radius:4px;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.option-overlay{position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.ai-style-option-card:hover .option-overlay{opacity:1}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--theme-text-secondary);font-size:10px;gap:6px}.loading-spinner{width:16px;height:16px;border:2px solid var(--theme-border);border-top-color:var(--theme-accent);border-radius:50%;animation:rotation 1s linear infinite}.ai-style-options-grid::-webkit-scrollbar{width:6px}.ai-style-options-grid::-webkit-scrollbar-track{background:var(--theme-control-bg);border-radius:3px}.ai-style-options-grid::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:3px}.ai-style-options-grid::-webkit-scrollbar-thumb:hover{background:var(--theme-text-secondary)}