.ai-product-designer-page{background:#0a0a0a;color:#fff;min-height:100vh;padding:60px 0}.ai-product-designer-page .container{max-width:1400px}.ai-product-designer-page .designer-hero{text-align:center;margin-bottom:50px}.ai-product-designer-page .designer-hero .hero-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);color:#fff;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:700;margin-bottom:20px;box-shadow:0 4px 15px rgba(139,92,246,.4)}.ai-product-designer-page .designer-hero .hero-badge i{font-size:16px}.ai-product-designer-page .designer-hero .hero-title{font-size:48px;font-weight:800;margin:0 0 15px;background:linear-gradient(135deg,#fff 0,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-product-designer-page .designer-hero .hero-subtitle{font-size:20px;color:#b8b8b8;max-width:700px;margin:0 auto 30px;line-height:1.6}.ai-product-designer-page .auth-required-banner{background:linear-gradient(135deg,#1a1a1a 0,#0f0f0f 100%);border:2px solid #8b5cf6;border-radius:16px;padding:40px;max-width:600px;margin:0 auto;text-align:center}.ai-product-designer-page .auth-required-banner i{font-size:48px;color:#8b5cf6;margin-bottom:20px}.ai-product-designer-page .auth-required-banner .auth-content h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 10px}.ai-product-designer-page .auth-required-banner .auth-content p{font-size:16px;color:#b8b8b8;margin:0 0 25px}.ai-product-designer-page .auth-required-banner .auth-buttons{display:-ms-flexbox;display:flex;gap:15px;-ms-flex-pack:center;justify-content:center}.ai-product-designer-page .auth-required-banner .auth-buttons .btn-primary,.ai-product-designer-page .auth-required-banner .auth-buttons .btn-secondary{padding:14px 30px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;transition:all .3s ease}.ai-product-designer-page .auth-required-banner .auth-buttons .btn-primary{background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);color:#fff;box-shadow:0 4px 15px rgba(139,92,246,.3)}.ai-product-designer-page .auth-required-banner .auth-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.4);color:#fff;text-decoration:none}.ai-product-designer-page .auth-required-banner .auth-buttons .btn-secondary{background:0 0;color:#8b5cf6;border:2px solid #8b5cf6}.ai-product-designer-page .auth-required-banner .auth-buttons .btn-secondary:hover{background:rgba(139,92,246,.1);text-decoration:none}.ai-product-designer-page .generator-section{max-width:900px;margin:0 auto 40px}.ai-product-designer-page .generator-section .rate-limit-info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:15px 20px;margin-bottom:25px}.ai-product-designer-page .generator-section .rate-limit-info .limit-text{color:#d4d4d4;font-size:15px}.ai-product-designer-page .generator-section .rate-limit-info .limit-text i{color:#8b5cf6;margin-right:8px}.ai-product-designer-page .generator-section .rate-limit-info .limit-text strong{color:#8b5cf6}.ai-product-designer-page .generator-section .rate-limit-info .reset-info{color:#888;font-size:13px}.ai-product-designer-page .generator-section .input-container{background:linear-gradient(135deg,#1a1a1a 0,#0f0f0f 100%);border:2px solid #2a2a2a;border-radius:16px;padding:25px}.ai-product-designer-page .generator-section .input-container .input-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin-bottom:15px}.ai-product-designer-page .generator-section .input-container .input-label i{color:#8b5cf6}.ai-product-designer-page .generator-section .input-container .product-input{width:100%;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:12px;padding:15px;color:#fff;font-size:16px;line-height:1.5;resize:vertical;font-family:inherit;transition:all .3s ease}.ai-product-designer-page .generator-section .input-container .product-input:-ms-input-placeholder{color:#666;line-height:1.5}.ai-product-designer-page .generator-section .input-container .product-input::placeholder{color:#666;line-height:1.5}.ai-product-designer-page .generator-section .input-container .product-input:focus{outline:0;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.ai-product-designer-page .generator-section .input-container .model-selector{margin-top:15px}.ai-product-designer-page .generator-section .input-container .model-selector .model-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;color:#ccc;font-size:14px;font-weight:500;margin-bottom:8px}.ai-product-designer-page .generator-section .input-container .model-selector .model-label i{color:#8b5cf6}.ai-product-designer-page .generator-section .input-container .model-selector .model-select{width:100%;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:12px;padding:12px 15px;color:#fff;font-size:15px;font-family:inherit;cursor:pointer;transition:all .3s ease}.ai-product-designer-page .generator-section .input-container .model-selector .model-select:hover:not(:disabled){border-color:#3a3a3a}.ai-product-designer-page .generator-section .input-container .model-selector .model-select:focus{outline:0;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.ai-product-designer-page .generator-section .input-container .model-selector .model-select:disabled{opacity:.5;cursor:not-allowed}.ai-product-designer-page .generator-section .input-container .model-selector .model-select option{background:#1a1a1a;color:#fff;padding:10px}.ai-product-designer-page .generator-section .input-container .input-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:15px}.ai-product-designer-page .generator-section .input-container .input-footer .char-count{color:#666;font-size:13px}.ai-product-designer-page .generator-section .input-container .input-footer .generate-btn{background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);color:#fff;border:none;padding:12px 30px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px rgba(139,92,246,.3)}.ai-product-designer-page .generator-section .input-container .input-footer .generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.4)}.ai-product-designer-page .generator-section .input-container .input-footer .generate-btn:disabled{opacity:.5;cursor:not-allowed}.ai-product-designer-page .generator-section .input-container .input-footer .generate-btn.loading i{animation:spin 1s linear infinite}.ai-product-designer-page .generator-section .status-message{margin-top:20px;padding:15px 20px;border-radius:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;font-size:15px}.ai-product-designer-page .generator-section .status-message.info{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#93c5fd}.ai-product-designer-page .generator-section .status-message.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#86efac}.ai-product-designer-page .generator-section .status-message.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.ai-product-designer-page .generator-section .status-message.warning{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:#fde047}.ai-product-designer-page .canvas-section{background:linear-gradient(135deg,#1a1a1a 0,#0f0f0f 100%);border:2px solid #2a2a2a;border-radius:16px;overflow:hidden;margin-bottom:40px}.ai-product-designer-page .canvas-section .canvas-toolbar{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:15px 20px;background:#0a0a0a;border-bottom:1px solid #2a2a2a}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn{width:40px;height:40px;background:0 0;border:1px solid #2a2a2a;border-radius:8px;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;transition:all .3s ease}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn:hover:not(:disabled){background:rgba(139,92,246,.1);border-color:#8b5cf6;color:#8b5cf6}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn.disabled,.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn:disabled{opacity:.3;cursor:not-allowed}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn.disabled:hover,.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn:disabled:hover{background:0 0;border-color:#2a2a2a;color:#fff}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn:not(.disabled):not(:disabled){background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);border-color:#8b5cf6}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .tool-btn:not(.disabled):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.ai-product-designer-page .canvas-section .canvas-toolbar .toolbar-group .zoom-level{color:#888;font-size:14px;font-weight:600;min-width:50px;text-align:center}.ai-product-designer-page .canvas-section .canvas-workspace{display:-ms-flexbox;display:flex;min-height:600px}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-main{-ms-flex:1;flex:1;padding:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-main .canvas-grid{width:100%;max-width:600px;aspect-ratio:1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;border:2px solid #2a2a2a;border-radius:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-main .canvas-grid .empty-state{text-align:center;color:#666}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-main .canvas-grid .empty-state i{font-size:64px;margin-bottom:20px;opacity:.5}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-main .canvas-grid .empty-state p{font-size:16px;margin:0 0 10px}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-main .canvas-grid .empty-state .canvas-size{font-size:13px;color:#555}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-main .canvas-grid .generated-image{width:100%;height:100%;object-fit:contain;animation:fadeIn .5s ease}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar{width:280px;background:#0a0a0a;border-left:1px solid #2a2a2a;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1px}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel{background:#0f0f0f}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-header{padding:15px;border-bottom:1px solid #2a2a2a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-header i{color:#8b5cf6}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content{padding:15px}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .layer-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:10px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;margin-bottom:8px;font-size:13px;color:#888}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .layer-item i:first-child,.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .layer-item i:last-child{color:#666}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .layer-item.disabled{opacity:.5}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .layer-item span{-ms-flex:1;flex:1}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .property-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2a2a2a;font-size:13px}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .property-item:last-child{border-bottom:none}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .property-item span{color:#888}.ai-product-designer-page .canvas-section .canvas-workspace .canvas-sidebar .sidebar-panel .panel-content .property-item strong{color:#fff}.ai-product-designer-page .examples-section{max-width:900px;margin:0 auto 40px}.ai-product-designer-page .examples-section .examples-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 25px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}.ai-product-designer-page .examples-section .examples-title i{color:#8b5cf6}.ai-product-designer-page .examples-section .examples-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [3];grid-template-columns:repeat(3,1fr);gap:15px}.ai-product-designer-page .examples-section .examples-grid .example-card{background:linear-gradient(135deg,#1a1a1a 0,#0f0f0f 100%);border:2px solid #2a2a2a;border-radius:12px;padding:20px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:10px;transition:all .3s ease;color:#fff;font-size:14px;font-weight:600;text-align:center}.ai-product-designer-page .examples-section .examples-grid .example-card i{font-size:32px;color:#8b5cf6}.ai-product-designer-page .examples-section .examples-grid .example-card:hover{border-color:#8b5cf6;transform:translateY(-3px);box-shadow:0 8px 20px rgba(139,92,246,.2)}.ai-product-designer-page .info-section{max-width:900px;margin:0 auto}.ai-product-designer-page .info-section .info-title{font-size:28px;font-weight:700;color:#fff;text-align:center;margin:0 0 40px}.ai-product-designer-page .info-section .info-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [3];grid-template-columns:repeat(3,1fr);gap:30px}.ai-product-designer-page .info-section .info-grid .info-card{text-align:center}.ai-product-designer-page .info-section .info-grid .info-card .info-icon{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);border-radius:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 20px}.ai-product-designer-page .info-section .info-grid .info-card .info-icon i{font-size:36px;color:#fff}.ai-product-designer-page .info-section .info-grid .info-card h4{font-size:20px;font-weight:700;color:#fff;margin:0 0 10px}.ai-product-designer-page .info-section .info-grid .info-card p{font-size:15px;color:#b8b8b8;line-height:1.6;margin:0}.ai-product-designer-page .auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.ai-product-designer-page .auth-modal{background:linear-gradient(135deg,#1a1a1a 0,#0f0f0f 100%);border:2px solid #8b5cf6;border-radius:20px;padding:40px;max-width:500px;width:100%;text-align:center;position:relative;animation:slideUp .3s ease}.ai-product-designer-page .auth-modal .modal-close{position:absolute;top:15px;right:15px;background:0 0;border:none;color:#666;font-size:24px;cursor:pointer;width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;transition:all .3s ease}.ai-product-designer-page .auth-modal .modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.ai-product-designer-page .auth-modal .modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 25px}.ai-product-designer-page .auth-modal .modal-icon i{font-size:36px;color:#fff}.ai-product-designer-page .auth-modal .modal-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 15px}.ai-product-designer-page .auth-modal .modal-description{font-size:16px;color:#b8b8b8;line-height:1.6;margin:0 0 30px}.ai-product-designer-page .auth-modal .modal-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}.ai-product-designer-page .auth-modal .modal-actions .modal-btn{padding:16px 30px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;transition:all .3s ease}.ai-product-designer-page .auth-modal .modal-actions .modal-btn i{font-size:18px}.ai-product-designer-page .auth-modal .modal-actions .modal-btn.modal-btn-primary{background:linear-gradient(135deg,#8b5cf6 0,#6366f1 100%);color:#fff;box-shadow:0 4px 15px rgba(139,92,246,.3)}.ai-product-designer-page .auth-modal .modal-actions .modal-btn.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.4);color:#fff;text-decoration:none}.ai-product-designer-page .auth-modal .modal-actions .modal-btn.modal-btn-secondary{background:0 0;color:#8b5cf6;border:2px solid #8b5cf6}.ai-product-designer-page .auth-modal .modal-actions .modal-btn.modal-btn-secondary:hover{background:rgba(139,92,246,.1);text-decoration:none}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.ai-product-designer-page .canvas-workspace{-ms-flex-direction:column;flex-direction:column}.ai-product-designer-page .canvas-workspace .canvas-sidebar{width:100%!important;border-left:none!important;border-top:1px solid #2a2a2a}.ai-product-designer-page .examples-grid{-ms-grid-columns:(1fr) [2]!important;grid-template-columns:repeat(2,1fr)!important}.ai-product-designer-page .info-grid{-ms-grid-columns:1fr!important;grid-template-columns:1fr!important}}@media (max-width:768px){.ai-product-designer-page{padding:30px 0}.ai-product-designer-page .designer-hero .hero-title{font-size:32px}.ai-product-designer-page .designer-hero .hero-subtitle{font-size:16px}.ai-product-designer-page .auth-required-banner{padding:30px 20px}.ai-product-designer-page .auth-required-banner .auth-buttons{-ms-flex-direction:column;flex-direction:column}.ai-product-designer-page .auth-required-banner .auth-buttons .btn-primary,.ai-product-designer-page .auth-required-banner .auth-buttons .btn-secondary{width:100%;-ms-flex-pack:center;justify-content:center}.ai-product-designer-page .canvas-toolbar{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.ai-product-designer-page .examples-grid{-ms-grid-columns:1fr!important;grid-template-columns:1fr!important}}