body {font-family: 'Inter', sans-serif;background-color: #e6dfd6;background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23414141' stroke-opacity='0.08' stroke-width='2'%3E%3Cpath d='M20 15v10M15 20h10'/%3E%3C/g%3E%3C/svg%3E");color: #414141;overflow-x: hidden;position: relative;transition: background-position 0.1s linear;}.font-playfair {font-family: 'Playfair Display', serif;}.title-underline {position: relative;display: inline-block;}.title-underline::after {content: '';position: absolute;bottom: -8px;left: 10%;width: 80%;height: 2px;background-color: #414141;}.glass-effect {background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2));-webkit-backdrop-filter: blur(25px);backdrop-filter: blur(25px);border: 1px solid rgba(255, 255, 255, 0.4);box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);}.tab-button {border-radius: 12px;border: 1px solid transparent;transition: all 0.3s ease;font-weight: 500;padding: 10px 24px;}.tab-button.active {background: rgba(255, 255, 255, 0.7);border: 1px solid rgba(255, 255, 255, 0.5);color: #414141;font-weight: 700;}.tab-button:not(.active):hover {background: rgba(255, 255, 255, 0.3);}.prompt-suggestion {cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 9999px;padding: 0.35rem 0.85rem;font-size: 0.8rem;transition: all 0.2s ease;color: #414141;background-color: rgba(255, 255, 255, 0.2);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}.prompt-suggestion:hover {background-color: #414141;color: white;border-color: #414141;}.input-glass {background: rgba(255, 255, 255, 0.25);border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 12px;padding: 12px;transition: all 0.3s ease;color: #414141;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}.input-glass:focus {outline: none;border: 1px solid #414141;box-shadow: 0 0 0 3px rgba(65, 65, 65, 0.2);}.input-glass::placeholder {color: rgba(65, 65, 65, 0.6);}.btn-primary {background-color: #414141;color: white;font-weight: 700;padding: 14px 24px;border-radius: 12px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 1px solid #414141;}.btn-primary:disabled {background-color: #9ca3af;cursor: not-allowed;transform: none;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.btn-primary:hover:not(:disabled) {background-color: #313131;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);transform: translateY(-2px);}.tips-btn {background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.3);color: #414141;border-radius: 9999px;padding: 4px 10px;font-size: 12px;font-weight: 500;transition: all 0.2s ease;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}.tips-btn:hover {background: #414141;color: white;}.length-btn, .resolution-btn {background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.3);color: #414141;border-radius: 9999px;padding: 6px 14px;font-size: 14px;font-weight: 500;transition: all 0.2s ease;}.length-btn.active, .resolution-btn.active {background: #414141;color: white;}.modal-overlay {position: fixed;inset: 0;background: rgba(255, 255, 255, 0.699);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);z-index: 90;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}.modal-overlay.visible {opacity: 1;pointer-events: auto;}#fullscreen-viewer {background: rgba(0,0,0,0.6);z-index: 100;}#crop-image-container {max-height: 60vh;}.image-upload-area {border-radius: 12px;border: 2px dashed rgba(65, 65, 65, 0.4);transition: all 0.3s ease;}.image-upload-area:hover, .image-upload-area.drag-over {background: rgba(255, 255, 255, 0.2);border-color: #414141;}#style-image-selector {background-size: cover;background-position: center;}#style-image-selector .overlay {opacity: 0;transition: opacity 0.3s ease;}#style-image-selector:hover .overlay {opacity: 1;}.style-picker-tab {border-bottom: 2px solid transparent;transition: all 0.2s ease;}.style-picker-tab.active {color: #414141;font-weight: 600;border-bottom-color: #414141;}.style-picker-grid-item {border: 2px solid transparent;transition: border-color 0.2s ease, box-shadow 0.2s ease;}.style-picker-grid-item:hover {border-color: #414141;box-shadow: 0 4px 15px rgba(0,0,0,0.2);}.loading-spinner {border: 4px solid rgba(0, 0, 0, 0.1);border-top: 4px solid #414141;border-radius: 50%;width: 48px;height: 48px;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.gallery-container {overflow: hidden;position: relative;-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);}.gallery-scroller {display: flex;width: fit-content;animation: scroll-horizontal 80s linear infinite;}.gallery-item {flex-shrink: 0;width: 25vw;max-width: 300px;aspect-ratio: 1 / 1;padding: 0 8px;}.gallery-item img {width: 100%;height: 100%;object-fit: cover;border-radius: 12px;transition: transform 0.3s ease;}.gallery-item img:hover {transform: scale(1.05);}@keyframes scroll-horizontal {0% {transform: translateX(0);}100% {transform: translateX(-50%);}}.pricing-card {transition: all 0.3s ease;}.pricing-card:hover {transform: translateY(-5px);box-shadow: 0 12px 40px 0 rgba(0,0,0,0.15);}