.main-canvas{flex:0 1 auto;display:flex;flex-direction:column;background:white;min-height:0;min-width:0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.canvas-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 1.25rem;border-bottom:1px solid #e9ecef;background:linear-gradient(to bottom,#ffffff,#f8f9fb);flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.8rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.preset-select{padding:.5rem .75rem;border-radius:8px;border:1.5px solid #dee2e6;background:white;font-size:.9rem;font-weight:500;color:#343a40;cursor:pointer;transition:all .2s ease;min-width:160px}.preset-static{padding:.5rem .75rem;border-radius:8px;border:1.5px solid #dee2e6;background:#f8f9fa;font-size:.9rem;font-weight:600;color:#495057;min-width:160px}.preset-select:hover{border-color:#4dabf7;background:#f8f9fa}.preset-select:focus{outline:none;border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf71a}.scale-controls{display:flex;align-items:center;gap:.75rem}.zoom-slider{width:140px;height:6px;accent-color:#4dabf7;cursor:pointer}.zoom-value{min-width:48px;font-size:.9rem;font-weight:600;color:#495057;text-align:center}.scale-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid #dee2e6;background:white;color:#495057;font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.scale-btn:hover{background:#e7f5ff;border-color:#4dabf7;color:#1c7ed6;transform:scale(1.05)}.scale-btn:active{transform:scale(.95)}.dimension-controls{border:1.5px solid #e9ecef;padding:.75rem;border-radius:8px;background:#f8f9fa}.dimension-inputs{display:flex;gap:1rem;align-items:center}.dimension-input-group{display:flex;align-items:center;gap:.4rem}.dimension-input-group label{font-size:.75rem;font-weight:600;color:#6c757d;text-transform:none;letter-spacing:normal;margin:0}.dimension-input{width:80px;padding:.4rem .6rem;border-radius:6px;border:1.5px solid #dee2e6;background:white;font-size:.85rem;font-weight:500;color:#343a40;text-align:center;transition:all .2s ease}.dimension-input:hover{border-color:#4dabf7}.dimension-input:focus{outline:none;border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf71a}.dimension-unit{font-size:.75rem;font-weight:600;color:#868e96}.reset-button{padding:.5rem 1rem;border-radius:8px;border:1.5px solid #dee2e6;background:white;font-size:.85rem;font-weight:600;color:#495057;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#e7f5ff;border-color:#4dabf7;color:#1c7ed6}.canvas-scroll{flex:0 1 auto;min-width:0;width:100%;min-height:0;max-height:calc(100vh - 220px);overflow-x:hidden;overflow-y:auto;background:#ffffff;position:relative;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.canvas-viewport{display:flex;align-items:flex-start;justify-content:center;min-height:auto;padding:2rem;box-sizing:border-box;width:100%;overflow-x:hidden}.canvas-viewport.email-mode{align-items:flex-start;padding:2rem 1rem 3rem;min-height:auto}.canvas-viewport.card-mode{align-items:center;padding:2rem}.canvas-artboard{position:relative;background:white;border-radius:0;box-shadow:0 2px 8px #00000014;display:flex;align-items:flex-start;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform;max-width:100%}.canvas-artboard.email-template{padding:0;width:100%;overflow-x:hidden;overflow-y:visible;box-shadow:0 4px 16px #0000001a;background:#ffffff}.canvas-artboard.card-template{padding:0;overflow:hidden;border-radius:12px;background:#ffffff;align-items:stretch;justify-content:stretch;max-width:none;flex-shrink:0}.canvas-viewport.card-mode .canvas-artboard.card-template .template-html{width:100%;height:100%;min-height:100%;display:block;flex:1 1 auto}.template-image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:0}.template-html{width:100%;background:white;border:none;touch-action:pan-x pan-y pinch-zoom;overflow:hidden;display:block}.canvas-overlay{position:absolute;z-index:40;border:2px solid transparent;border-radius:12px;overflow:visible;cursor:pointer;touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:transparent;box-shadow:none;transition:box-shadow .2s ease,border-color .2s ease;will-change:transform}.canvas-overlay:hover:not(.is-selected){border-color:#4285f426}.canvas-overlay.is-dragging{touch-action:none}.canvas-overlay img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:10px}.canvas-overlay.is-selected{border-color:#4dabf7;box-shadow:0 12px 30px #4dabf74d;cursor:move;overflow:visible}.canvas-overlay.is-dragging{transition:none;box-shadow:0 16px 40px #4dabf766}.canvas-overlay .overlay-remove,.canvas-overlay .overlay-resize,.canvas-overlay .overlay-drag-handle,.canvas-overlay .overlay-link-indicator{opacity:0;pointer-events:none;transition:opacity .15s ease}.canvas-overlay.is-selected .overlay-remove,.canvas-overlay.is-selected .overlay-resize,.canvas-overlay.is-selected .overlay-link-indicator{opacity:1;pointer-events:auto}.canvas-overlay.is-selected .overlay-drag-handle{display:flex;opacity:1;pointer-events:auto}.canvas-overlay .overlay-remove{position:absolute;top:6px;right:6px;border:none;background:rgba(15,23,42,.75);color:#fff;border-radius:999px;width:24px;height:24px;font-size:14px;line-height:24px;padding:0;cursor:pointer;z-index:2}.canvas-overlay .overlay-link-indicator{position:absolute;top:6px;left:6px;font-size:12px;background:rgba(77,171,247,.9);color:#fff;border-radius:999px;padding:2px 6px;line-height:1;pointer-events:none;box-shadow:0 2px 6px #0f172a33}.canvas-overlay .overlay-resize{position:absolute;bottom:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4dabf7,#7048e8);border:2px solid #ffffff;box-shadow:0 3px 8px #11182740;cursor:nwse-resize;z-index:2;transition:opacity .15s ease,transform .15s ease,box-shadow .2s ease}.canvas-overlay .overlay-drag-handle{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,#4dabf7,#7048e8);border:2px solid #ffffff;box-shadow:0 4px 10px #0f172a40;display:none;align-items:center;justify-content:center;color:#fff;font-size:16px;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:5;font-weight:600}@media (hover: none),(max-width: 768px){.canvas-overlay.is-selected .overlay-drag-handle{display:flex;width:48px;height:48px;top:-24px;font-size:20px;border:3px solid #ffffff;box-shadow:0 6px 16px #0f172a4d;transition:transform .2s ease-out,box-shadow .2s ease-out}.canvas-overlay.is-selected .overlay-drag-handle:active{transform:translate(-50%) scale(.95);box-shadow:0 4px 12px #0f172a59}.canvas-overlay{transition:transform .15s ease-out,box-shadow .2s ease,border-color .2s ease}.canvas-overlay .overlay-remove{width:40px;height:40px;font-size:18px;line-height:40px;top:8px;right:8px}}@media (max-width: 768px){.canvas-overlay .overlay-resize{bottom:-10px;right:-10px;width:48px;height:48px;border:3px solid #ffffff;box-shadow:0 4px 12px #1118274d;transition:transform .2s ease-out,box-shadow .2s ease-out}.canvas-overlay .overlay-resize:active{transform:scale(.95);box-shadow:0 3px 8px #11182759}}.canvas-overlay .overlay-resize:hover{transform:scale(1.15);box-shadow:0 6px 16px #7048e866}.canvas-overlay .overlay-resize:active{transform:scale(1.05);box-shadow:0 4px 12px #7048e880}.canvas-overlay .overlay-resize:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid rgba(255,255,255,.8);border-top:none;border-left:none;transform:rotate(45deg)}@media (max-width: 768px){.canvas-overlay .overlay-resize:after{top:10px;right:10px;bottom:10px;left:10px;border:2px solid rgba(255,255,255,.8)}}.card-template .template-image{object-fit:contain}.email-template .template-image{object-fit:cover;object-position:top center}.link-editor-popover{position:absolute;z-index:20;background:#ffffff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 12px 24px #343b482e;padding:.75rem;min-width:220px;display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px),(hover: none){.link-editor-popover{position:fixed!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;border-radius:0 0 16px 16px;padding:calc(env(safe-area-inset-top,0px) + .75rem) 1.25rem 1rem;box-shadow:0 8px 32px #343b4840;z-index:9999;animation:slideDownLinkEditor .25s ease-out}@keyframes slideDownLinkEditor{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.link-editor-label{font-size:.85rem}.link-editor-input{font-size:16px;padding:.75rem 1rem;border-radius:10px}.link-editor-actions{margin-top:.75rem;gap:.75rem}.link-editor-apply,.link-editor-cancel{padding:.85rem 1.5rem;font-size:1rem;flex:1;border-radius:10px}}.link-editor-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#495057}.link-editor-input{width:100%;border:1px solid #ced4da;border-radius:6px;padding:.5rem .65rem;font-size:.85rem;font-weight:500;color:#343a40;transition:border-color .2s ease,box-shadow .2s ease}.link-editor-input:focus{outline:none;border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf726}.link-editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.link-editor-apply,.link-editor-cancel{border:none;border-radius:6px;padding:.45rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.link-editor-apply{background:linear-gradient(135deg,#4dabf7,#7048e8);color:#fff;box-shadow:0 6px 16px #7048e83d}.link-editor-apply:hover{transform:translateY(-1px);box-shadow:0 10px 20px #7048e847}.link-editor-cancel{background:#f1f3f5;color:#495057}.link-editor-cancel:hover{transform:translateY(-1px);box-shadow:0 6px 14px #adb5bd3d}.selection-toolbar{position:absolute;z-index:50;display:flex;align-items:center;gap:.25rem;padding:.35rem;border-radius:999px;background:rgba(33,37,41,.95);color:#fff;box-shadow:0 12px 24px #11182740;transform:translate(-50%,-110%);border:1px solid rgba(255,255,255,.12)}.selection-toolbar.position-below{transform:translate(-50%)}.selection-toolbar.position-below .color-picker-dropdown{bottom:auto;top:100%;margin-top:.5rem;margin-bottom:0}.selection-toolbar-button{background:transparent;border:none;color:inherit;font-size:1rem;line-height:1;padding:.35rem .55rem;border-radius:999px;cursor:pointer;transition:background .2s ease,transform .2s ease}.selection-toolbar-button:hover,.selection-toolbar-button:focus{background:rgba(255,255,255,.15);outline:none;transform:translateY(-1px)}.selection-toolbar-button:active{transform:translateY(0)}.selection-toolbar-button strong{font-weight:700;font-size:.9rem}.selection-toolbar-button em{font-style:italic;font-size:.9rem;font-family:serif}.selection-toolbar-button span{font-size:.9rem}.selection-toolbar-align{padding:.3rem .4rem}.selection-toolbar-align svg{display:block}.selection-toolbar-divider{width:1px;height:1.2rem;background:rgba(255,255,255,.25);margin:0 .15rem}.selection-toolbar-fontsize{position:relative;display:inline-flex;align-items:center}.selection-toolbar-fontsize-btn{display:inline-flex;align-items:center;gap:.25rem;min-width:34px}.selection-toolbar-fontsize-btn svg{opacity:.8}.font-size-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111827;border-radius:8px;padding:6px 0;box-shadow:0 10px 30px #0f172a73;z-index:10;min-width:88px}.font-size-dropdown button{display:block;width:100%;padding:4px 12px;background:transparent;border:none;color:#f8fafc;font-size:13px;cursor:pointer;text-align:left}.font-size-dropdown button:hover,.font-size-dropdown button:focus{background:rgba(248,250,252,.12);outline:none}.selection-toolbar-fontfamily{position:relative;display:inline-flex;align-items:center}.selection-toolbar-fontfamily-btn{display:inline-flex;align-items:center;gap:.25rem;min-width:34px}.selection-toolbar-fontfamily-btn svg{opacity:.8}.font-family-icon{font-size:.75rem;font-weight:600}.font-family-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111827;border-radius:8px;padding:6px 0;box-shadow:0 10px 30px #0f172a73;z-index:10;min-width:120px;max-height:200px;overflow-y:auto}.font-family-dropdown button{display:block;width:100%;padding:6px 12px;background:transparent;border:none;color:#f8fafc;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap}.font-family-dropdown button:hover,.font-family-dropdown button:focus{background:rgba(248,250,252,.12);outline:none}.selection-toolbar-color-wrapper{position:relative}.selection-toolbar-color-btn .color-icon{font-weight:700;font-size:.85rem;background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selection-toolbar-highlight-btn{padding:.3rem .4rem}.selection-toolbar-highlight-btn .highlight-icon{display:flex;align-items:center;justify-content:center}.selection-toolbar-highlight-btn .highlight-icon svg{fill:#fbbf24}.selection-toolbar-btn-color{padding:.3rem .4rem}.selection-toolbar-btn-color .btn-color-icon{font-size:.85rem;background:linear-gradient(135deg,#7c3aed,#3b82f6,#10b981,#eab308,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.color-picker-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:.35rem;padding:.6rem;background:rgba(33,37,41,.98);border-radius:10px;box-shadow:0 8px 24px #0006;margin-bottom:.5rem;width:150px;z-index:50;border:1px solid rgba(255,255,255,.1)}.color-picker-dropdown .color-swatch{width:24px;height:24px}.color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .15s ease,border-color .15s ease;flex-shrink:0}.color-swatch:hover{transform:scale(1.15);border-color:#fffc}.color-swatch:active{transform:scale(1.05)}.color-swatch-default{position:relative}.color-swatch-default:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.color-toolbar{position:absolute;z-index:50;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.45rem .65rem .5rem;border-radius:10px;background:rgba(33,37,41,.98);color:#fff;box-shadow:0 6px 20px #11182759;transform:translate(-50%);border:1px solid rgba(255,255,255,.12);animation:fadeInToolbar .12s ease-out;pointer-events:auto}.banner-color-toolbar{position:absolute!important;left:10px!important;top:120px!important;transform:none!important;z-index:100;animation:slideInFromLeft .2s ease-out;padding:.6rem .8rem;border-radius:12px;min-width:200px}.banner-color-toolbar .color-toolbar-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.banner-color-toolbar .color-toolbar-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;margin:0}.color-toolbar-close{background:rgba(255,255,255,.1);border:none;color:#ffffffb3;font-size:12px;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.color-toolbar-close:hover{background:rgba(255,255,255,.2);color:#fff}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.color-toolbar:after{content:"";position:absolute;bottom:-30px;left:-10px;right:-10px;height:40px;background:transparent}@keyframes fadeInToolbar{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.color-toolbar-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffffa6;margin-bottom:-.1rem}.color-toolbar-swatches{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;max-width:200px}.color-toolbar .color-swatch{width:22px;height:22px;border:2px solid rgba(255,255,255,.25);-webkit-tap-highlight-color:transparent}.color-toolbar .color-swatch:hover{border-color:#ffffffe6}.color-toolbar .color-swatch:active{transform:scale(.9);border-color:#fff}@media (max-width: 768px),(hover: none){.color-toolbar{padding:.6rem .8rem;border-radius:14px}.color-toolbar .color-swatch{width:30px;height:30px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.color-toolbar-swatches{gap:.4rem;max-width:240px}.color-picker-dropdown{width:170px;padding:.6rem}.color-picker-dropdown .color-swatch{width:28px;height:28px;touch-action:manipulation}}.main-canvas-image-container{position:relative;display:block;resize:none;overflow:hidden;border:1.5px dashed rgba(112,72,232,.45);border-radius:12px;background:#ffffff;box-shadow:0 6px 18px #11182714;padding:0;margin:1.25rem auto;min-width:120px;min-height:120px;max-width:100%;cursor:grab;touch-action:pan-x pan-y;transition:border-color .2s ease,box-shadow .2s ease}.main-canvas-image-container.is-dragging{touch-action:none}.main-canvas-image-container:hover{border-color:#4dabf7d9;box-shadow:0 10px 24px #4dabf72e}.main-canvas-image-container.is-dragging{cursor:grabbing;box-shadow:0 12px 28px #1118272e}.main-canvas-image-container:focus-within{outline:2px solid rgba(77,171,247,.85);outline-offset:4px}.main-canvas-image-link{display:block;width:100%;height:100%}.main-canvas-image-container img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.main-canvas-image-container:after{content:"Drag to move • Use handles to resize";position:absolute;bottom:.45rem;right:.65rem;font-size:.65rem;color:#495057a6;background:rgba(255,255,255,.9);padding:.15rem .4rem;border-radius:999px;pointer-events:none;transition:opacity .2s ease}.main-canvas-image-container:hover:after{opacity:1}.main-canvas-image-handle{position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#4dabf7,#7048e8);border:2px solid #ffffff;box-shadow:0 4px 10px #11182733;pointer-events:auto;touch-action:none;transition:transform .15s ease,box-shadow .2s ease;z-index:5;--mc-handle-translate-x: 0px;--mc-handle-translate-y: 0px;transform:translate(var(--mc-handle-translate-x),var(--mc-handle-translate-y))}.main-canvas-image-handle--corner{bottom:8px;right:8px;cursor:se-resize}.main-canvas-image-handle--east{top:50%;right:6px;--mc-handle-translate-x: 0px;--mc-handle-translate-y: -50%;cursor:e-resize}.main-canvas-image-handle--south{left:50%;bottom:6px;--mc-handle-translate-x: -50%;--mc-handle-translate-y: 0px;cursor:s-resize}.main-canvas-image-handle:hover,.main-canvas-image-handle:focus-visible{transform:translate(var(--mc-handle-translate-x),var(--mc-handle-translate-y)) scale(1.1);box-shadow:0 6px 16px #7048e847}.generation-notice{margin-top:.75rem;padding:.75rem 1rem;display:flex;gap:.5rem;align-items:flex-start;border-radius:10px;background:#f3f9ff;border:1px solid rgba(77,171,247,.35);color:#0c4a6e;font-size:.9rem;line-height:1.4}.generation-notice .notice-icon{font-size:1rem;line-height:1}.placeholder-container{width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;padding:3rem}.placeholder-text{color:#868e96;text-align:center;max-width:400px}.placeholder-text svg{margin:0 auto 1.5rem;opacity:.5;stroke:currentColor}.placeholder-text p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#495057}.placeholder-text .helper-text{font-size:.9rem;font-weight:400;opacity:.7;margin-top:.5rem;color:#868e96}.placeholder-text.error{color:#e03131}.placeholder-text.error svg{stroke:#e03131}.placeholder-text .error-detail{font-size:.85rem;opacity:.9;margin-top:.75rem;padding:.75rem 1rem;background:#fff5f5;border:1px solid #ffc9c9;border-radius:8px;font-family:Courier New,monospace;color:#c92a2a}.loading-spinner{width:48px;height:48px;border:4px solid #e9ecef;border-top-color:#4dabf7;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}@media (max-width: 1024px){.canvas-viewport{padding:2rem 1.5rem}.canvas-controls{gap:1rem;padding:.875rem 1rem}}@media (max-width: 900px){.main-canvas{border-radius:0!important;box-shadow:none!important;flex:0 0 auto!important;overflow:hidden!important;max-width:100vw!important;max-height:none!important;width:100%!important}.canvas-scroll{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px);flex:none;-webkit-overflow-scrolling:touch}.canvas-viewport{padding:0;min-height:auto;justify-content:center;overflow:hidden;max-width:100vw}.canvas-viewport.email-mode{padding:0}.canvas-artboard{max-width:none!important;transition:none!important;min-width:0}.canvas-artboard.email-template{box-shadow:none}.canvas-artboard.card-template{padding:1.5rem}.canvas-controls{gap:.75rem;padding:.5rem .75rem}.preset-select{min-width:140px;font-size:.85rem}.zoom-slider{width:100px}}@media (max-width: 600px){.canvas-artboard.card-template{padding:1rem}.canvas-controls{flex-direction:column;align-items:stretch;gap:.75rem}.control-group,.preset-select,.scale-controls{width:100%}.reset-button{margin-left:0;width:100%}.canvas-scroll{overscroll-behavior:auto}}.canvas-scroll::-webkit-scrollbar{width:12px;height:12px}.canvas-scroll::-webkit-scrollbar-track{background:#f8f9fa}.canvas-scroll::-webkit-scrollbar-thumb{background:#ced4da;border-radius:6px;border:2px solid #f8f9fa;background-clip:padding-box}.canvas-scroll::-webkit-scrollbar-thumb:hover{background:#adb5bd;background-clip:padding-box}.section-ai-trigger{position:absolute;z-index:15;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;cursor:pointer;box-shadow:0 2px 8px #7c3aed73;transition:transform .15s ease,box-shadow .15s ease;padding:0}.section-ai-trigger:hover{transform:scale(1.15);box-shadow:0 4px 16px #7c3aed99}.section-ai-chat{position:absolute;z-index:20;width:300px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000002e,0 0 0 1px #0000000d;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.section-ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:.8rem;font-weight:600}.section-ai-chat-close{background:none;border:none;color:#fffc;font-size:1.1rem;cursor:pointer;padding:0 2px;line-height:1}.section-ai-chat-close:hover{color:#fff}.section-ai-chat-image-preview{position:relative;padding:8px 12px 0}.section-ai-chat-image-preview img{width:100%;max-height:120px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.section-ai-chat-image-preview>button{position:absolute;top:12px;right:16px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.section-ai-chat-body{padding:10px 12px 12px}.section-ai-chat-body textarea{width:100%;min-height:56px;max-height:180px;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:.82rem;line-height:1.45;font-family:inherit;resize:none;overflow-y:hidden;outline:none;transition:border-color .15s;box-sizing:border-box}.section-ai-chat-body textarea:focus{border-color:#7c3aed}.section-ai-chat-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.section-ai-chat-upload{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;color:#64748b;transition:background .15s,color .15s}.section-ai-chat-upload:hover{background:#f1f5f9;color:#7c3aed}.section-ai-chat-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;cursor:pointer;transition:opacity .15s;padding:0}.section-ai-chat-send:disabled{opacity:.45;cursor:not-allowed}.section-ai-chat-send:not(:disabled):hover{opacity:.88}.section-ai-chat-error{padding:6px 12px 10px;font-size:.75rem;color:#dc2626}.section-ai-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:sectionAiSpin .7s linear infinite}@keyframes sectionAiSpin{to{transform:rotate(360deg)}}.template-ai-trigger{position:absolute;z-index:15;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;box-shadow:0 2px 8px #2563eb73;transition:transform .15s ease,box-shadow .15s ease;padding:0}.template-ai-trigger:hover{transform:scale(1.15);box-shadow:0 4px 16px #2563eb99}.template-ai-chat{position:absolute;z-index:20;width:300px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000002e,0 0 0 1px #0000000d;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.template-ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.8rem;font-weight:600}.template-ai-chat-close{background:none;border:none;color:#fffc;font-size:1.1rem;cursor:pointer;padding:0 2px;line-height:1}.template-ai-chat-close:hover{color:#fff}.template-ai-chat-body{padding:10px 12px 12px}.template-ai-chat-body textarea{width:100%;min-height:56px;max-height:180px;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:.82rem;line-height:1.45;font-family:inherit;resize:none;overflow-y:hidden;outline:none;transition:border-color .15s;box-sizing:border-box}.template-ai-chat-body textarea:focus{border-color:#2563eb}.template-ai-chat-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.template-ai-chat-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;cursor:pointer;transition:opacity .15s;padding:0}.template-ai-chat-send:disabled{opacity:.45;cursor:not-allowed}.template-ai-chat-send:not(:disabled):hover{opacity:.88}.template-ai-chat-error{padding:6px 12px 10px;font-size:.75rem;color:#dc2626}.template-ai-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:templateAiSpin .7s linear infinite}@keyframes templateAiSpin{to{transform:rotate(360deg)}}.html-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.html-preview-modal{background:white;border-radius:12px;width:100%;min-width:0;max-width:900px;height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;overflow:hidden}.html-preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.html-preview-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f0f0f0}.html-preview-tabs{display:flex;gap:8px;padding:16px 24px 0;border-bottom:1px solid #e0e0e0}.tab-btn{background:none;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-btn:hover{color:#7048e8}.tab-btn.active{color:#7048e8;border-bottom-color:#7048e8}.html-preview-content{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px;background:#f8f9fa;text-align:center}.preview-iframe-wrapper{display:inline-block;overflow-x:hidden;overflow-y:visible;position:relative;text-align:left;vertical-align:top}.preview-iframe{border:none!important;border-radius:0;background:white;margin:0;padding:0;display:block;overflow:auto}.code-view{background:#1e1e1e;border-radius:8px;padding:20px;overflow:auto;max-height:600px}.code-view pre{margin:0;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.code-view code{color:#d4d4d4}.html-preview-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e0e0e0;flex-shrink:0}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary:hover{background:#5f3dc4}.btn-secondary{background:white;color:#7048e8;border:1px solid #7048e8}.btn-secondary:hover{background:#f8f4ff}@media (max-width: 768px){.html-preview-overlay{padding:0 0 60px}.html-preview-modal{max-width:100%;height:calc(100vh - 60px);max-height:calc(100vh - 60px);border-radius:0}.html-preview-header{padding:14px 16px}.html-preview-header h2{font-size:17px}.html-preview-content{padding:12px}.html-preview-footer{padding:14px 16px;flex-wrap:wrap;background:white}.btn-primary,.btn-secondary{flex:1;min-width:120px}}.auth-container.modern *{box-sizing:border-box}.auth-container.modern{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-card{width:100%;max-width:440px;background:white;border-radius:12px;box-shadow:0 10px 25px #0000000d;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.auth-card form{width:100%;display:block}.auth-card>*{margin-bottom:1.25rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.8rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.auth-header p{color:#718096;font-size:.95rem;margin:0}.error-alert{display:flex;align-items:center;background-color:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}.error-alert svg{flex-shrink:0;margin-right:.5rem}.success-alert{display:flex;align-items:center;background-color:#dcfce7;color:#166534;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}.success-alert svg{flex-shrink:0;margin-right:.5rem}.google-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.8rem 1rem;background-color:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:1rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem;gap:10px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.google-button:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.google-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.google-button:focus{outline:none;box-shadow:0 0 0 3px #4285f433;border-color:#d1d5db}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#9ca3af;font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.divider span{padding:0 1rem}.form-group{margin-bottom:1.5rem;position:relative;width:100%}.input-wrapper{position:relative;width:100%}.input-wrapper input{width:100%;padding:1rem;font-size:16px;color:#1f2937;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff;transition:all .2s;height:56px}.input-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.input-wrapper label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;transition:all .2s;pointer-events:none;font-size:16px;background:transparent}.form-group.focused label,.form-group.has-value label,.input-wrapper input:focus~label,.input-wrapper input:not(:placeholder-shown)~label{top:8px;transform:none;font-size:12px;color:#3b82f6}.form-group:not(.focused).has-value label,.input-wrapper input:not(:focus):not(:placeholder-shown)~label{color:#6b7280;top:10px;margin-left:2px}.form-group.focused input,.form-group.has-value input,.input-wrapper input:focus,.input-wrapper input:not(:placeholder-shown){padding-top:2.6rem;padding-bottom:.5rem}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.form-group.has-error input{border-color:#ef4444}.form-group.has-error label{color:#ef4444}.validation-error{display:flex;align-items:center;margin-top:.5rem;color:#ef4444;font-size:.75rem;font-weight:500}.validation-error svg{margin-right:.25rem;flex-shrink:0}.submit-button{width:100%;padding:.875rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.submit-button:hover{background-color:#2563eb}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.checkbox-group{display:flex;align-items:flex-start;width:100%}.checkbox-group input[type=checkbox]{position:absolute;opacity:0}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-size:.875rem;color:#4b5563;line-height:1.5;min-height:44px;padding:6px 0;gap:.75rem;width:100%;-webkit-user-select:none;user-select:none}.checkbox-custom{width:24px;height:24px;border:2px solid #E5E7EB;border-radius:6px;position:relative;background-color:#fff;box-shadow:0 1px 2px #0000000d;flex-shrink:0;margin-top:1px}.checkbox-group input[type=checkbox]:checked~.checkbox-label .checkbox-custom{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 1px 3px #3b82f64d}.checkbox-group input[type=checkbox]:checked~.checkbox-label .checkbox-custom:after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-group input[type=checkbox]:focus-visible~.checkbox-label .checkbox-custom{outline:none;box-shadow:0 0 0 3px #3b82f640}.checkbox-text{flex:1}.terms-link,.forgot-password,.auth-link{color:#3b82f6;text-decoration:none;font-weight:500}.terms-link:hover,.forgot-password:hover,.auth-link:hover{text-decoration:underline;color:#2563eb}.redirect-button{display:block;text-align:center;margin-top:1.5rem;color:#6b7280;text-decoration:none;font-size:.875rem}.redirect-button:hover{color:#4b5563;text-decoration:underline}.spinner{display:flex;align-items:center;justify-content:center;gap:4px}.spinner>div{width:8px;height:8px;background-color:#fff;border-radius:100%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.auth-footer{margin-top:2rem;text-align:center;color:#6b7280;font-size:.875rem}@media (max-width: 480px){.auth-card{padding:1.5rem}}:root{--primary: #9333EA;--primary-light: #A855F7;--primary-dark: #7E22CE;--white: #FFFFFF;--black: #000000;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--border-radius: 8px;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--gray-900);background-color:#f5f5f5}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background-color:var(--white);box-shadow:0 1px 3px #0000001a;height:70px;position:sticky;top:0;z-index:100}.logo{display:flex;flex-direction:column}.logo a{display:flex;flex-direction:column;text-decoration:none}.logo h1{color:var(--primary);font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.5px;line-height:1.1}.logo h2{color:var(--primary);font-size:1.1rem;font-weight:500;margin:0;letter-spacing:-.25px;line-height:1.1}.main-nav ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.main-nav a{color:var(--gray-600);text-decoration:none;font-weight:500;transition:color .2s ease}.main-nav a:hover{color:var(--primary)}.main-nav a.active{color:var(--primary);font-weight:600}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--white);box-shadow:0 1px 3px #0000001a;height:70px}.auth-buttons{display:flex;gap:1rem}.login-button,.signup-button{display:flex;align-items:center;justify-content:center;min-width:110px;height:45px;padding:0 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease;font-size:.95rem;letter-spacing:.25px;margin-top:.65px}.login-button{background-color:var(--primary-light);color:var(--white);border:none}.signup-button{background-color:var(--primary);color:var(--white);border:none}.login-button:hover,.signup-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #9333ea33}.main-content{flex:1;display:flex}.dashboard-container{display:grid;grid-template-columns:250px 1fr 300px;width:100%;height:calc(100vh - 70px);background-color:#f9fafb}.main-content-area{display:flex;flex-direction:column;padding:1rem;background-color:var(--gray-100);height:100%;overflow:hidden}.left-sidebar{border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100%;background-color:#fff}.tab-menu{display:flex;border-bottom:1px solid var(--gray-200)}.tab-menu button{flex:1;background:none;border:none;padding:1rem;font-weight:500;cursor:pointer;color:var(--gray-500)}.tab-menu button.active{color:var(--primary);border-bottom:2px solid var(--primary)}.sidebar-content{flex:1;padding:1rem;overflow-y:auto}.project-section{display:flex;flex-direction:column;gap:16px;padding:0}.project-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.project-toolbar-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:none;border:1px solid var(--gray-300);border-radius:6px;color:var(--gray-700);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.project-toolbar-button:hover{background-color:var(--white);border-color:var(--gray-400)}.toolbar-actions{display:flex;gap:8px}.project-action-button{width:30px;height:30px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.project-action-button.new-button{background-color:#10b9811a;color:#10b981}.project-action-button.new-button:hover{background-color:#10b98133}.project-action-button.delete-button{background-color:#ef44441a;color:#ef4444}.project-action-button.delete-button:hover{background-color:#ef444433}.project-list{background-color:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d;margin:0 10px}.project-list-item{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background-color .2s ease}.project-list-item:hover{background-color:var(--gray-50)}.project-list-item.active{background-color:#9333ea1a}.project-item-icon{display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.project-item-name{font-size:.9rem;color:var(--gray-800)}.current-project{padding:0 15px 15px}.project-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.project-icon{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background-color:#9333ea1a;border-radius:8px;color:#9333ea}.project-name-display{flex:1;font-weight:500;color:var(--gray-800);padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;transition:border-color .2s ease}.project-name-display:hover{border-color:var(--gray-300)}.project-name-editor{flex:1}.project-name-input{width:100%;padding:8px 12px;border:1px solid var(--primary-light);border-radius:6px;font-size:.95rem;font-weight:500;color:var(--gray-800);background-color:#fff}.project-name-input:focus{outline:none;box-shadow:0 0 0 2px #9333ea33}.edit-button{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,color .2s ease,background-color .2s ease}.project-name-display:hover .edit-button{opacity:1}.edit-button:hover{color:var(--primary);background-color:#9333ea1a}.project-details{background-color:var(--gray-50);border-radius:8px;padding:12px}.project-stats{display:flex;justify-content:space-between}.project-stat{font-size:.85rem}.stat-label{color:var(--gray-500);margin-right:5px}.stat-value{color:var(--gray-800);font-weight:500}.uploaded-image-item{display:flex;flex-direction:row;align-items:center;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:8px;position:relative;margin-bottom:10px}.image-delete-button{position:absolute;left:8px;top:50%;transform:translateY(-50%);background-color:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:5}.uploaded-image-item:hover .image-delete-button{opacity:1}.uploaded-image-item img{width:40px;height:40px;object-fit:cover;border-radius:4px;margin-left:30px;cursor:pointer;transition:transform .2s ease}.uploaded-image-item img:hover{transform:scale(1.05)}.image-name{margin-left:10px;font-size:.85rem;color:var(--gray-700);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-images-message{text-align:center;padding:20px;color:var(--gray-500);font-size:.9rem;background-color:var(--gray-50);border-radius:8px;border:1px dashed var(--gray-300)}.upload-button{display:block;text-align:center;padding:10px;background-color:#9333ea1a;color:#9333ea;border-radius:6px;margin-bottom:15px;cursor:pointer;font-weight:500}.upload-button:hover{background-color:#9333ea33}.uploaded-images-list{display:flex;flex-direction:column;gap:10px}.uploaded-image-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #E5E7EB;border-radius:6px}.uploaded-image-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.main-canvas{margin-bottom:1rem}.canvas-container{width:100%;height:100%;max-width:800px;max-height:500px;margin:0 auto;display:flex;justify-content:center;align-items:center;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.template-image{max-width:100%;max-height:100%;object-fit:contain}.loading-indicator{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;background-color:#fffc;color:var(--primary);font-weight:500;z-index:10}.chat-container{width:100%;max-width:800px;margin:0 auto;background-color:transparent;border-radius:var(--border-radius)}.right-sidebar{display:flex;flex-direction:column;border-left:1px solid var(--gray-200);height:100%;background-color:#fff}.image-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:12px;padding:12px;overflow-y:auto;max-height:calc(100vh - 140px)}.grid-item{aspect-ratio:1;height:auto;border-radius:12px;overflow:hidden;background-color:var(--gray-100);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.grid-item:hover{transform:scale(1.03);box-shadow:0 4px 8px #0000001a}.grid-item.selected{box-shadow:0 0 0 2px var(--primary),0 4px 8px #0000001a}.grid-item img{width:100%;height:100%;object-fit:cover}.more-button{margin:10px 15px 15px;padding:12px;text-align:center;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem;position:sticky;bottom:0}.more-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 6px #9333ea33}.more-button:disabled{background-color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.image-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--gray-800);color:var(--gray-500)}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px);background-color:var(--gray-100);padding:2rem;flex-grow:1}.auth-container{width:100%;max-width:450px;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;margin:0 auto}.login-form,.signup-form{width:100%;padding:2.5rem;display:flex;flex-direction:column;align-items:center}.login-form h2,.signup-form h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--gray-800);text-align:center}.login-form p,.signup-form p{color:var(--gray-600);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.input-icon{position:relative;display:flex;align-items:center;border:1px solid var(--gray-300);border-radius:var(--border-radius);overflow:hidden;width:100%}.input-icon .icon{display:flex;align-items:center;padding:0 .75rem;color:var(--gray-400)}.input-icon input{flex:1;border:none;outline:none;padding:.75rem .5rem;font-size:1rem;width:100%}.toggle-password{background:none;border:none;padding:0 .75rem;cursor:pointer;color:var(--gray-400)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center;gap:.5rem}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-300);transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--white);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(16px)}.forgot-link{color:var(--primary);text-decoration:none;font-weight:500}.login-button,.create-account-button,.google-button{width:100%;padding:.75rem;border:none;border-radius:var(--border-radius);font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.login-button,.create-account-button{background-color:var(--primary);color:var(--white)}.login-button:hover,.create-account-button:hover{background-color:var(--primary-dark)}.google-button{display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:var(--white);border:1px solid var(--gray-300);color:var(--gray-700)}.google-button:hover{background-color:var(--gray-100)}.or-divider{position:relative;text-align:center;margin:1.5rem 0}.or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--gray-300)}.or-divider span{position:relative;padding:0 .75rem;background-color:var(--white);color:var(--gray-500)}.form-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.form-checkbox input{width:18px;height:18px;accent-color:var(--primary)}.terms,.signup-link,.login-link{text-align:center;color:var(--gray-600);font-size:.9rem}.terms a,.signup-link a,.login-link a{color:var(--primary);text-decoration:none;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem;color:var(--primary)}.error-message{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#ef44441a;border-radius:var(--border-radius);color:#dc2626;margin:1rem;text-align:center;font-size:.9rem;font-weight:500}.error-message span{max-width:100%;word-wrap:break-word}@media (max-width: 1200px){.dashboard-container{grid-template-columns:220px 1fr 280px}.main-nav ul{gap:1.5rem}.auth-buttons{gap:.75rem}}@media (max-width: 1024px){.dashboard-container{grid-template-columns:200px 1fr 250px}.main-content-area{padding:.75rem}.left-sidebar,.right-sidebar{padding:.5rem}.project-toolbar{padding:8px 12px}.chat-container{max-width:100%}}@media (max-width: 768px){.dashboard-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:calc(100vh - 70px)}.main-canvas{margin-bottom:0}.left-sidebar,.right-sidebar{height:auto;max-height:300px;border:none;border-bottom:1px solid var(--gray-200)}.main-content-area{order:2;height:auto;min-height:500px}.left-sidebar{order:1}.right-sidebar{order:3}.app-header{padding:.75rem 1rem}.logo a{flex-direction:row;align-items:baseline;gap:.35rem}.logo h1{font-size:1.25rem}.logo h2{font-size:.85rem;display:inline}.main-nav{display:none}.auth-buttons{gap:.5rem}.login-button,.signup-button{min-width:80px;height:35px;padding:0 .75rem;font-size:.85rem}.project-toolbar{flex-direction:column;gap:8px}.toolbar-actions{width:100%;justify-content:flex-end}.project-list{max-height:200px}.canvas-container{max-height:none}.chat-box{min-height:60px}.chat-input-container{min-height:40px}.auth-page{padding:1rem}.auth-container{max-width:100%}.login-form,.signup-form{padding:1.5rem}}@media (max-width: 480px){.app-header{padding:.5rem .75rem}.logo h1{font-size:1.1rem}.logo h2{font-size:.75rem;display:inline}.auth-buttons{gap:.25rem}.login-button,.signup-button{min-width:70px;height:30px;padding:0 .5rem;font-size:.8rem}.dashboard-container{grid-template-rows:auto 1fr auto}.left-sidebar,.right-sidebar{max-height:250px}.main-content-area{min-height:400px}.canvas-container{max-height:none}.image-grid{grid-template-columns:1fr;gap:6px}.project-toolbar-button{font-size:.8rem;padding:4px 8px}.project-action-button{width:25px;height:25px}.chat-input{font-size:.85rem}.more-button{padding:8px;font-size:.85rem}.auth-page{padding:.5rem}.login-form,.signup-form{padding:1rem}}@media (max-height: 600px) and (orientation: landscape){.dashboard-container{grid-template-rows:auto 1fr auto}.left-sidebar,.right-sidebar{max-height:200px}.main-content-area{min-height:300px}.canvas-container{max-height:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo h1,.logo h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--white);border-top:1px solid var(--gray-200);padding:.5rem;z-index:1000}.mobile-nav-list{display:flex;justify-content:space-around;list-style:none;margin:0;padding:0}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;color:var(--gray-600);text-decoration:none;font-size:.75rem;transition:color .2s ease}.mobile-nav-item svg{width:24px;height:24px;fill:currentColor}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--primary)}.pricing-page{width:100%;max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem}.pricing-hero{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;gap:1rem}.pricing-hero .section-label{display:inline-flex;align-self:center;padding:.35rem .75rem;border-radius:999px;background:rgba(147,51,234,.1);color:var(--primary-dark);font-weight:600;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.pricing-hero h1{font-size:2.5rem;font-weight:700;color:var(--gray-900);line-height:1.1}.pricing-hero p{font-size:1.1rem;color:var(--gray-500);max-width:640px;margin:0 auto}.pricing-alert{margin-top:.75rem;color:var(--gray-500);font-size:.9rem}.pricing-warning-banner{margin:1.5rem auto 0;padding:1.5rem 2rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:12px;color:#856404;text-align:center;max-width:700px}.pricing-warning-banner strong{display:block;font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:#856404}.pricing-warning-banner p{margin:.35rem 0;font-size:.95rem;line-height:1.6;color:#856404}.pricing-warning-banner p:first-of-type{margin-top:0}.pricing-warning-banner p:last-of-type{margin-bottom:0}.pricing-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-grid--loading .pricing-card{opacity:.65;pointer-events:none}.pricing-card{position:relative;display:flex;flex-direction:column;padding:2.25rem 2rem;background:var(--white);border-radius:20px;box-shadow:0 24px 40px -24px #0f172a40;border:1px solid rgba(147,51,234,.08);transition:transform .25s ease,box-shadow .25s ease}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 32px 48px -20px #0f172a4d}.pricing-card--recommended{border:2px solid var(--primary)}.pricing-card__badge{position:absolute;top:1.5rem;right:1.75rem;display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--primary);color:var(--white);text-transform:uppercase;letter-spacing:.06em}.pricing-card__badge--alt{background:rgba(16,185,129,.2);color:#057a55}.pricing-card__header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem}.pricing-card__price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.pricing-card__amount{font-size:2.5rem;font-weight:700;color:var(--gray-900)}.pricing-card__frequency{color:var(--gray-500);font-weight:500}.pricing-card__description{color:var(--gray-500);font-size:.95rem}.pricing-card__feature-list{margin:1.75rem 0 1.5rem;display:grid;gap:.85rem;list-style:none}.pricing-card__feature-list li{display:flex;align-items:center;gap:.75rem;color:var(--gray-700);font-weight:500}.pricing-card__feature-list li:before{content:"";width:22px;height:22px;border-radius:50%;background:rgba(147,51,234,.15);border:1px solid rgba(147,51,234,.3);display:inline-flex;flex-shrink:0}.pricing-card__limitations{background:rgba(241,245,249,.7);border-radius:12px;padding:1rem}.pricing-card__limitations p{font-size:.85rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.pricing-card__limitations ul{list-style:disc inside;color:var(--gray-500);line-height:1.5}.pricing-card__footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.pricing-card__cta{background:var(--primary);color:var(--white);border:none;border-radius:999px;padding:.85rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pricing-card__cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px #9333ea33}.pricing-card__cta:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}.pricing-card__note{font-size:.85rem;color:var(--gray-500)}.pricing-footnote{margin-top:4rem;text-align:center;background:rgba(147,51,234,.08);padding:2rem;border-radius:20px;color:var(--gray-700)}.pricing-footnote h3{font-size:1.35rem;margin-bottom:.75rem;color:var(--gray-900)}.pricing-footnote a{color:var(--primary-dark);font-weight:600;text-decoration:none}.pricing-footnote a:hover{text-decoration:underline}.pricing-error{margin:1.5rem auto 0;max-width:480px;text-align:center;color:#dc2626;font-weight:600}.settings-page{width:100%;min-height:calc(100vh - 70px);background:var(--gray-100);padding:3rem 1.5rem}.settings-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;max-width:1100px;margin:0 auto}.settings-sidebar{background:var(--white);border-radius:18px;box-shadow:0 20px 40px -24px #0f172a40;padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.settings-sidebar h1{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.settings-sidebar nav{display:flex;flex-direction:column;gap:.75rem}.settings-sidebar button{text-align:left;padding:.75rem 1rem;border:none;border-radius:10px;background:transparent;color:var(--gray-600);font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.settings-sidebar button:hover,.settings-sidebar button.active{background:rgba(147,51,234,.08);color:var(--primary)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:var(--white);border-radius:18px;padding:1.75rem;box-shadow:0 24px 40px -24px #0f172a33;display:flex;flex-direction:column;gap:1rem}.settings-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-card__header h2,.settings-card__header h3{font-size:1.3rem;font-weight:700;color:var(--gray-900)}.settings-loader{font-size:.85rem;color:var(--gray-500)}.settings-account{display:flex;flex-direction:column;gap:1.5rem}.settings-account__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.settings-card--primary{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(147,51,234,.02));border:1px solid rgba(147,51,234,.12)}.settings-card--loading{min-height:180px;display:flex;align-items:center;justify-content:center}.settings-card__header--spread{justify-content:space-between}.settings-card__eyebrow{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:.35rem}.plan-price-label{margin-top:.25rem;font-size:1rem;color:var(--gray-600)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-pill--positive{background:rgba(34,197,94,.15);color:#15803d}.status-pill--info{background:rgba(59,130,246,.15);color:#2563eb}.status-pill--warning{background:rgba(234,179,8,.2);color:#a16207}.status-pill--neutral{background:rgba(148,163,184,.2);color:#475569}.subscription-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1.5rem 0 1rem}.subscription-meta .subscription-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin-bottom:.25rem}.subscription-meta .subscription-value{font-size:1.05rem;font-weight:600;color:var(--gray-800)}.subscription-actions--inline{flex-wrap:wrap;justify-content:flex-start}.settings-card--payment{border:1px solid rgba(15,23,42,.05)}.payment-method{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.payment-method__icon{width:44px;height:44px;border-radius:12px;background:rgba(147,51,234,.12);color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.payment-method__title{font-weight:600;color:var(--gray-800)}.payment-method__subtitle{font-size:.85rem;color:var(--gray-500);margin-top:.25rem}.settings-card--plan{border:1px solid rgba(15,23,42,.05)}.plan-benefits{list-style:none;display:grid;gap:.75rem;margin:0;padding:0}.plan-benefits li{display:flex;align-items:center;gap:.5rem;color:var(--gray-700);font-weight:500}.plan-benefits li:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid rgba(147,51,234,.4);background:rgba(147,51,234,.08)}.plan-limitations{margin-top:1.5rem;padding:1rem;border-radius:12px;background:rgba(15,23,42,.02)}.plan-limitations p{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);margin-bottom:.5rem}.plan-limitations ul{margin:0;padding-left:1rem;color:var(--gray-600);display:grid;gap:.35rem;font-size:.9rem}.settings-card--options{border:1px dashed rgba(147,51,234,.3);background:rgba(147,51,234,.03)}.settings-caption{font-size:.85rem;color:var(--gray-500);margin-top:.35rem}.plan-options{display:grid;gap:1rem;margin-top:1rem}.plan-options__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:12px;background:var(--white);border:1px solid rgba(15,23,42,.05)}.plan-options__name{font-weight:600;color:var(--gray-800)}.plan-options__price{font-size:.9rem;color:var(--gray-500)}.plan-options__cta{border:none;border-radius:999px;padding:.6rem 1.4rem;font-weight:600;cursor:pointer;background:var(--primary);color:var(--white);transition:transform .2s ease,box-shadow .2s ease}.plan-options__cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #9333ea40}.plan-options__cta:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.settings-card--alert{border:1px solid rgba(234,179,8,.4);background:rgba(251,191,36,.1)}.settings-card--stretch{grid-column:1 / -1}.settings-notice{padding:.85rem 1rem;border-radius:12px;font-size:.95rem;font-weight:600}.settings-notice--success{background:rgba(34,197,94,.12);color:#15803d}.settings-notice--error{background:rgba(248,113,113,.15);color:#dc2626}.settings-danger-zone{margin-top:.5rem;padding:1.1rem;border:1px solid rgba(239,68,68,.3);border-radius:14px;background:rgba(254,242,242,.8);display:flex;flex-direction:column;gap:.85rem}.settings-verification-zone{padding:1.1rem;border:1px solid rgba(147,51,234,.2);border-radius:14px;background:rgba(147,51,234,.04);display:flex;flex-direction:column;gap:.75rem}.settings-verification-zone__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-verification-zone__header h3{margin:0;color:var(--gray-900);font-size:1rem;font-weight:700}.settings-verification-zone p{margin:0;color:var(--gray-700);font-size:.95rem}.settings-verification-zone__description{color:var(--gray-600)}.settings-verification-zone__actions{display:flex;flex-wrap:wrap;gap:.75rem}.settings-danger-zone h3{margin:0;color:#991b1b;font-size:1rem;font-weight:700}.settings-danger-zone p{margin:0;color:var(--gray-700);font-size:.95rem}.subscription-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.subscription-label{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--gray-500)}.subscription-value{font-size:1.05rem;font-weight:600;color:var(--gray-800)}.subscription-warning{background:rgba(251,191,36,.15);color:#b45309;padding:.75rem 1rem;border-radius:12px;font-weight:500}.subscription-note{color:var(--gray-600);font-size:.95rem}.subscription-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.subscription-button{border:none;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;background:var(--primary);color:var(--white);transition:transform .2s ease,box-shadow .2s ease}.subscription-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #9333ea40}.subscription-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.subscription-button--secondary{background:rgba(16,185,129,.15);color:#0f766e}.subscription-button--danger{background:rgba(239,68,68,.18);color:#b91c1c}.subscription-empty{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.invoice-table{width:100%;border-collapse:collapse;font-size:.95rem}.invoice-table th,.invoice-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gray-200)}.invoice-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.invoice-actions{display:flex;gap:.75rem}.invoice-actions a{color:var(--primary);font-weight:600;text-decoration:none}.invoice-actions a:hover{text-decoration:underline}@media (max-width: 1024px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;align-items:center;justify-content:space-between}.settings-sidebar nav{flex-direction:row;flex-wrap:wrap}}@media (max-width: 640px){.settings-page{padding:2rem 1rem}.subscription-actions{flex-direction:column;align-items:stretch}.settings-sidebar{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.pricing-page{padding:2.5rem 1.25rem 3rem}.pricing-hero h1{font-size:2rem}.pricing-card{padding:2rem 1.75rem}}@media (max-width: 768px){.main-nav{display:none}.mobile-bottom-nav{display:block}.dashboard-container,.auth-page{padding-bottom:60px}.app-header{padding:.75rem 1rem}.logo a{flex-direction:row;align-items:baseline;gap:.35rem}.logo h1{font-size:1.25rem}.logo h2{font-size:.85rem;display:inline}.auth-buttons{gap:.5rem}.login-button,.signup-button{min-width:80px;height:35px;padding:0 .75rem;font-size:.85rem}.project-toolbar{flex-direction:column;gap:8px}.toolbar-actions{width:100%;justify-content:flex-end}.project-list{max-height:200px}.canvas-container{max-height:none}.image-grid{grid-template-columns:repeat(2,1fr);gap:8px}.chat-box{min-height:60px}.chat-input-container{min-height:40px}}@media (max-width: 480px){.mobile-nav-item{font-size:.7rem;padding:.4rem}.mobile-nav-item svg{width:20px;height:20px}.app-header{padding:.5rem .75rem}.logo h1{font-size:1.1rem}.logo h2{font-size:.75rem;display:inline}.auth-buttons{gap:.25rem}.login-button,.signup-button{min-width:70px;height:30px;padding:0 .5rem;font-size:.8rem}.dashboard-container{grid-template-rows:auto 1fr auto}.left-sidebar,.right-sidebar{max-height:250px}.main-content-area{min-height:400px}.canvas-container{max-height:none}.image-grid{grid-template-columns:1fr;gap:6px}.project-toolbar-button{font-size:.8rem;padding:4px 8px}.project-action-button{width:25px;height:25px}.chat-input{font-size:.85rem}.more-button{padding:8px;font-size:.85rem}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--gray-50)}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--gray-600);font-size:1rem}.user-menu{position:relative;display:flex;align-items:center}.user-icon-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.user-avatar--default,.user-avatar--letter{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:#7048e8;border:2px solid #7048e8}.user-avatar--default svg{color:#fff}.user-avatar--letter{font-size:.9rem;line-height:1}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:.5rem;min-width:150px;z-index:1000;margin-top:.5rem}.dropdown-item{display:block;width:100%;padding:.5rem 1rem;border:none;background:none;color:var(--gray-700);text-align:left;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--gray-100);color:var(--primary)}.dropdown-item:last-child{border-top:1px solid var(--gray-200);margin-top:.25rem;padding-top:.5rem}.marketing-page{width:100%;padding:2rem 1rem 3rem;display:flex;justify-content:center}.marketing-page__hero{width:min(900px,100%);background:#ffffff;border:1px solid #e9e7f8;border-radius:18px;padding:2rem;box-shadow:0 16px 36px #0f172a14}.marketing-page__hero h1{font-size:clamp(1.7rem,2.5vw,2.4rem);color:#1f2937;margin-bottom:.65rem}.marketing-page__hero p{color:#4b5563;font-size:1.05rem;margin-bottom:1rem}.marketing-page__cta{display:flex;flex-wrap:wrap;gap:.75rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:700;padding:.65rem 1rem}.btn-primary{background:#7048e8;color:#fff}.btn-secondary{background:#efeaff;color:#4c2ecb}.home-landing{width:min(1180px,100%);margin:0 auto;padding:2rem 1rem 3.5rem;display:grid;gap:1.35rem}.home-landing__hero{display:grid;grid-template-columns:1.05fr .95fr;gap:1.25rem;background:#ffffff;border:1px solid #e9e7f8;border-radius:20px;padding:1.35rem;box-shadow:0 16px 36px #0f172a14}.home-landing__hero-copy{display:grid;gap:.9rem;align-content:start}.home-landing__eyebrow{display:inline-flex;width:fit-content;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(112,72,232,.22);background:rgba(112,72,232,.09);color:#5d37ca;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.home-landing__hero-copy h1{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.1;color:#1f2937}.home-landing__hero-copy p{color:#4b5563}.home-landing__hero-cta{display:flex;flex-wrap:wrap;gap:.65rem}.home-landing__template-link{border:1px solid rgba(112,72,232,.22)}.home-landing__hero-preview{min-height:420px}.home-landing__preview-frame{width:100%;height:100%;border-radius:14px;border:1px solid rgba(112,72,232,.2);overflow:hidden;background:#f8f7ff}.home-landing__preview-frame iframe{width:100%;height:100%;border:none;background:#ffffff}.home-landing__preview-frame img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.home-landing__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.home-landing__features article{background:#ffffff;border:1px solid #e6ebf3;border-radius:16px;padding:1rem}.home-landing__features h3{font-size:1.04rem;margin-bottom:.35rem;color:#1f2937}.home-landing__features p{color:#4b5563;font-size:.95rem}.home-landing__showcase{background:#ffffff;border:1px solid #e9e7f8;border-radius:20px;padding:1.25rem;box-shadow:0 16px 36px #0f172a0d}.home-landing__showcase h2{font-size:clamp(1.4rem,2.2vw,2rem);color:#1f2937;margin-bottom:.45rem}.home-landing__showcase>p{color:#4b5563;margin-bottom:.9rem}.home-landing__showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.home-landing__showcase-card{border:1px solid #e6ebf3;border-radius:14px;padding:.8rem;background:#fafbff}.home-landing__showcase-media{aspect-ratio:16 / 10;border-radius:10px;border:1px dashed rgba(112,72,232,.35);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(112,72,232,.14),rgba(33,150,243,.13));margin-bottom:.65rem;color:#2e1f63;font-weight:700;overflow:hidden}.home-landing__showcase-media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.home-landing__showcase-card h3{font-size:1rem;margin-bottom:.25rem;color:#1f2937}.home-landing__showcase-card p{color:#4b5563;font-size:.91rem}.home-landing__card-section{background:linear-gradient(160deg,#fff7fb 0%,#f4f1ff 60%,#eef3ff 100%);border:1px solid #e9e2f7;border-radius:20px;padding:1.6rem 1.4rem;box-shadow:0 16px 36px #0f172a0d;display:grid;gap:1rem}.home-landing__eyebrow--card{background:rgba(186,104,200,.16);color:#7b1fa2}.home-landing__card-section h2{font-size:clamp(1.4rem,2.2vw,2rem);color:#1f2937;margin:0}.home-landing__card-subtitle{color:#4b5563;margin:0;max-width:720px}.home-landing__model-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 .5rem}.home-landing__model-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;background:#ffffff;border:1px solid #e9e2f7;border-radius:999px;font-size:.78rem;font-weight:600;color:#3f3d56;box-shadow:0 2px 6px #0f172a0a;cursor:default}.home-landing__model-badge.is-default{border-color:#7048e873;color:#5a3ad6}.home-landing__model-badge.is-premium{background:#fff8e1;border-color:#f59e0b73;color:#92400e}.home-landing__model-badge-dot{width:8px;height:8px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 3px #7048e82e}.home-landing__model-badge-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ad6800;background:rgba(255,215,64,.45);border-radius:4px}.home-landing__card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.home-landing__card-item{background:#ffffff;border:1px solid #ede7f6;border-radius:16px;padding:.85rem;display:grid;gap:.55rem;box-shadow:0 8px 22px #0f172a0a;transition:transform .18s ease,box-shadow .18s ease}.home-landing__card-item:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.home-landing__card-media{aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,rgba(112,72,232,.1),rgba(33,150,243,.08));border:1px solid rgba(112,72,232,.18)}.home-landing__card-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.home-landing__card-item h3{font-size:1rem;margin:0;color:#1f2937}.home-landing__card-item p{margin:0;color:#4b5563;font-size:.92rem;line-height:1.45}.home-landing__bottom-cta{text-align:center;background:linear-gradient(180deg,rgba(112,72,232,.08),rgba(112,72,232,.02));border:1px solid rgba(112,72,232,.2);border-radius:20px;padding:1.6rem 1rem;display:grid;gap:.75rem;justify-items:center}.home-landing__bottom-cta h2{font-size:clamp(1.35rem,2.2vw,1.95rem);color:#1f2937}.home-landing__bottom-cta p{color:#4b5563}@media (max-width: 980px){.home-landing__hero{grid-template-columns:1fr}.home-landing__hero-preview{min-height:380px}.home-landing__features,.home-landing__showcase-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.home-landing{padding:1.2rem .85rem 2.2rem}.home-landing__hero,.home-landing__showcase,.home-landing__card-section{padding:1rem}.home-landing__hero-preview{min-height:300px}.home-landing__features,.home-landing__showcase-grid,.home-landing__card-grid{grid-template-columns:1fr}.home-landing__hero-cta{width:100%}.home-landing__hero-cta .btn-primary,.home-landing__hero-cta .btn-secondary{flex:1 1 auto;min-width:140px}}