.mypage-container{max-width: 1000px;margin: 0 auto;padding: 24px 16px}@media (min-width: 769px){.mypage-container{padding: 40px 24px}}.profile-avatar-wrap{position: relative;flex-shrink: 0}.profile-avatar{width: 100px;height: 100px;border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);object-fit: cover;background: var(--color-cream);box-shadow: var(--shadow)}@media (min-width: 769px){.profile-avatar{width: 120px;height: 120px}}.profile-name{font-size: 1.75rem;font-weight: 800;margin-bottom: 4px;display: flex;align-items: center;gap: 8px;justify-content: center}@media (min-width: 769px){.profile-name{justify-content: flex-start}}.profile-email{color: var(--text-muted);font-size: 14px;margin-bottom: 12px}.profile-level-box{display: inline-flex;align-items: center;gap: 6px;padding: 6px 14px;border-radius: 20px;font-size: 13px;font-weight: 600;margin-bottom: 12px}.profile-level-box .level-icon{font-size: 12px}.profile-level-box.level-unverified{background: #f3f4f6;color: #6b7280;border: 1.5px solid #d1d5db}.profile-level-box.level-verified{background: #dbeafe;color: #1d4ed8;border: 1.5px solid #93c5fd}.profile-level-box.level-admin{background: linear-gradient(135deg,#fef3c7,#fee2e2);color: #b45309;border: 1.5px solid #fbbf24}.email-verify-box{background: #fffbeb;border: 2px solid #f59e0b;border-radius: var(--radius-sm);padding: 16px;margin-bottom: 16px;text-align: center;max-width: 320px}.email-verify-box .verify-desc{font-size: 13px;color: #92400e;margin-bottom: 12px;line-height: 1.5}.email-verify-box .btn{width: 100%}.profile-bio{color: var(--text-light);font-size: 15px;line-height: 1.6;margin-bottom: 16px}.bio-placeholder{color: var(--text-muted);font-style: italic}.profile-stats{display: flex;gap: 8px;justify-content: center;flex-wrap: wrap}@media (min-width: 769px){.profile-stats{justify-content: flex-start}}.stat-item{display: flex;align-items: center;gap: 6px;padding: 8px 14px;background: var(--color-cream);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);font-size: 14px;font-weight: 700;transition: all var(--transition-fast)}.stat-item:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-sm)}.follow-btn{padding: 10px 24px;font-size: 14px;font-weight: 700;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);background: var(--secondary-color);cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.follow-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.follow-btn.following{background: var(--color-white)}.designs-grid,.gallery-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px}@media (min-width: 769px){.designs-grid,.gallery-grid{grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 20px}}.design-card{background: var(--card-bg);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden;position: relative}@media (min-width: 769px){.design-card{transition: all var(--transition-fast)}.design-card:hover{transform: translate(-3px,-3px);box-shadow: var(--shadow-lg)}}.design-thumbnail{position: relative;aspect-ratio: 1;overflow: hidden;border-bottom: var(--border-width) solid var(--border-color);background: var(--color-cream);cursor: pointer}.design-thumbnail img{width: 100%;height: 100%;object-fit: cover}.design-card[data-type="2d"] .design-thumbnail{display: flex;align-items: center;justify-content: center;background: #f5f5f5}.design-card[data-type="2d"] .design-thumbnail img{width: 100%;height: 100%;object-fit: contain;background: #f8f6f0}.design-card[data-type="3d"] .design-thumbnail{display: flex;align-items: center;justify-content: center;background: #f8f8f8}.design-card[data-type="3d"] .design-thumbnail img{width: 100%;height: 100%;object-fit: contain;background: #f8f8f8}.design-card[data-type="3d"] .design-thumbnail canvas,.design-thumbnail canvas{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;object-fit: cover;pointer-events: none;z-index: 1;background: #f8f8f8}@media (min-width: 769px){.design-thumbnail img{transition: transform 0.3s ease}.design-card:hover .design-thumbnail img{transform: scale(1.05)}}.design-badges{position: absolute;top: 8px;left: 8px;display: flex;gap: 4px;z-index: 2}.visibility-badge{padding: 4px 8px;background: var(--color-white);border: 2px solid var(--border-color);border-radius: var(--radius-xs);font-size: 10px;font-weight: 700;box-shadow: 2px 2px 0 var(--border-color)}.visibility-badge.public{background: var(--color-mint)}.visibility-badge.private{background: var(--color-cream);color: var(--text-muted)}.visibility-badge.followers{background: #d6ebff;color: #1565c0}.visibility-badge.draft{background: #ffeb3b;color: #333;border-color: #f9a825}.type-badge{padding: 4px 6px;background: var(--color-white);border: 2px solid var(--border-color);border-radius: var(--radius-xs);font-size: 10px;font-weight: 700;box-shadow: 2px 2px 0 var(--border-color)}.type-badge.3d{background: var(--accent-color);color: white}.design-more-wrap{position: absolute;top: 8px;right: 8px;z-index: 3}.design-more-btn{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;background: var(--color-white);border: 2px solid var(--border-color);border-radius: var(--radius-xs);cursor: pointer;transition: all var(--transition-fast);box-shadow: 2px 2px 0 var(--border-color);color: var(--text-muted)}.design-more-btn:hover{background: var(--color-cream);color: var(--text-color)}.design-more-menu{display: none;position: absolute;top: 100%;right: 0;margin-top: 4px;background: var(--color-white);border: 2px solid var(--border-color);border-radius: var(--radius-xs);box-shadow: 4px 4px 0 var(--border-color);min-width: 140px;overflow: hidden;z-index: 10}.design-more-menu.show{display: block}.design-menu-item{display: flex;align-items: center;gap: 8px;width: 100%;padding: 10px 12px;background: none;border: none;font-size: 13px;font-weight: 600;cursor: pointer;transition: background var(--transition-fast);text-align: left;color: var(--text-color)}.design-menu-item:hover{background: var(--color-cream)}.design-menu-item.delete{color: var(--danger-color)}.design-menu-item.delete:hover{background: #fee}.draft-card{border-style: dashed;border-color: #f9a825}.draft-card .design-thumbnail{opacity: 0.8}.draft-actions-wrap{display: flex;gap: 4px}.draft-actions-wrap .design-more-btn.delete{color: var(--danger-color);border-color: var(--danger-color)}.draft-actions-wrap .design-more-btn.delete:hover{background: #fee}.draft-stats{justify-content: center}.draft-hint{font-size: 12px;color: var(--text-muted);font-style: italic}.my-design-card .card-info{padding: 10px 12px}.my-design-card .card-title{font-size: 13px;font-weight: 700;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.my-design-card .card-title a{color: var(--text-color);text-decoration: none}.my-design-card .card-title a:hover{color: var(--accent-color)}.my-design-card .card-stats{display: flex;align-items: center;gap: 8px;font-size: 12px;color: var(--text-muted)}.my-design-card .card-stats span{display: flex;align-items: center;gap: 3px}.my-design-card .card-stats img,.my-design-card .card-stats svg{width: 14px;height: 14px;opacity: 0.7}.my-design-card .card-stats .stat-like{cursor: pointer;transition: opacity var(--transition-fast)}.my-design-card .card-stats .stat-like:hover{opacity: 0.7}.my-design-card .card-stats .stat-like .like-count{cursor: pointer;border-radius: 4px;padding: 2px 4px;margin: -2px -4px;transition: background var(--transition-fast)}.my-design-card .card-stats .stat-like .like-count:hover{background: rgba(0,0,0,0.1)}.design-info{padding: 14px}.security-page-container{max-width: 800px;margin: 0 auto;padding: 24px 16px}@media (min-width: 769px){.security-page-container{padding: 40px 24px}}.security-card{background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);margin-bottom: 20px;overflow: hidden}.security-card.danger-zone{border-color: var(--danger-color);background: var(--color-peach)}.security-card-header{padding: 20px 24px;background: var(--color-cream);border-bottom: var(--border-width) solid var(--border-color);display: flex;align-items: center;gap: 12px}.security-card.danger-zone .security-card-header{background: #ffe0e0}.security-card-title{font-size: 1.1rem;font-weight: 700;margin: 0}.security-card-body{padding: 24px;display: flex;justify-content: space-between;align-items: center;gap: 24px;flex-wrap: wrap}.security-card-label{font-weight: 700;margin-bottom: 4px}.security-card-desc{color: var(--text-muted);font-size: 14px}.btn-security{padding: 10px 20px;font-size: 14px;font-weight: 700;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.btn-security-primary{background: var(--primary-color)}.btn-security-danger{background: var(--danger-color);color: var(--text-on-dark)}.btn-security:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.edit-modal{position: fixed;inset: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: var(--z-modal);padding: 20px;opacity: 0;visibility: hidden;transition: all var(--transition)}.edit-modal.show{opacity: 1;visibility: visible}.edit-modal-content{background: var(--card-bg);border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow-lg);padding: 24px;max-width: 400px;width: 100%}.edit-modal-content h3{margin-bottom: 20px;font-size: 1.25rem}.edit-modal-content .form-group{margin-bottom: 16px}.edit-modal-content label{display: block;margin-bottom: 8px;font-weight: 700;font-size: 14px}.edit-modal-content input{width: 100%;padding: 12px 14px}.modal-actions{display: flex;gap: 12px;justify-content: flex-end;margin-top: 24px}.notifications-container{max-width: 700px;margin: 0 auto;padding: 24px 16px}.notif-filters{display: flex;gap: 8px;margin-bottom: 24px;flex-wrap: wrap}.filter-btn{padding: 10px 18px;font-size: 14px;font-weight: 700;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);background: var(--color-white);cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.filter-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.filter-btn.active{background: var(--primary-color)}.notif-avatar{width: 48px;height: 48px;border-radius: var(--radius-sm);border: 2px solid var(--border-color)}.notif-content{flex: 1}.notif-message{font-weight: 600;margin-bottom: 4px}.notif-time{font-size: 13px;color: var(--text-muted)}.profile-section{background: var(--color-white);border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);padding: 24px;margin-bottom: 24px;display: flex;flex-direction: column;align-items: center;text-align: center;position: relative}@media (min-width: 769px){.profile-section{padding: 32px}}.profile-edit-btn{position: absolute;top: 16px;right: 16px;display: flex;align-items: center;gap: 6px;padding: 8px 14px;background: var(--primary-color);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);font-size: 13px;font-weight: 700;cursor: pointer;box-shadow: var(--shadow-sm);transition: all var(--transition-fast)}.profile-edit-btn .edit-icon{width: 14px;height: 14px;flex-shrink: 0}.profile-edit-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.profile-edit-btn:active{transform: translate(1px,1px);box-shadow: 1px 1px 0 var(--border-color)}@media (max-width: 600px){.profile-edit-btn{padding: 10px;gap: 0}.profile-edit-btn .edit-icon{width: 18px;height: 18px}.profile-edit-btn .edit-text{display: none}}.profile-share-btn{position: absolute;top: 16px;left: 16px;display: flex;align-items: center;justify-content: center;padding: 10px;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);cursor: pointer;box-shadow: var(--shadow-sm);transition: all var(--transition-fast)}.profile-share-btn .share-icon{width: 18px;height: 18px;flex-shrink: 0}.profile-share-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.profile-share-btn:active{transform: translate(1px,1px);box-shadow: 1px 1px 0 var(--border-color)}.profile-section .profile-avatar-wrap{position: relative;display: inline-block;margin-bottom: 16px}.profile-section .profile-avatar{width: 100px;height: 100px;border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);overflow: hidden;background: var(--color-cream);display: flex;align-items: center;justify-content: center;font-size: 2.5rem;font-weight: 700;cursor: pointer;box-shadow: var(--shadow)}.profile-section .profile-avatar img{width: 100%;height: 100%;object-fit: cover}.profile-edit-content{max-width: 420px}.profile-edit-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px}.profile-edit-header h3{margin: 0;font-size: 1.25rem;font-weight: 800}.profile-edit-close{width: 32px;height: 32px;font-size: 20px}.profile-edit-avatar-section{display: flex;flex-direction: column;align-items: center;gap: 12px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: var(--border-width) solid var(--border-color)}.profile-edit-avatar-wrap{position: relative;display: inline-block}.profile-edit-avatar{width: 80px;height: 80px;border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);overflow: hidden;background: var(--color-cream);display: flex;align-items: center;justify-content: center;font-size: 2rem;font-weight: 700}.profile-edit-avatar img{width: 100%;height: 100%;object-fit: cover}.profile-edit-avatar-remove{position: absolute;top: -8px;right: -8px;z-index: 6;width: 24px;height: 24px;background: #e74c3c;color: white;border: 2px solid white;border-radius: 50%;font-size: 16px;font-weight: 700;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 4px rgba(0,0,0,0.2);transition: all var(--transition-fast)}.profile-edit-avatar-remove:hover{background: #c0392b;transform: scale(1.1)}.profile-edit-avatar-btns{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center}.profile-edit-avatar-btns .btn-sm{padding: 6px 10px;font-size: 12px}.profile-edit-field{margin-bottom: 16px}.profile-edit-field label{display: block;font-size: 13px;font-weight: 700;margin-bottom: 6px;color: var(--text-color)}.profile-edit-field input,.profile-edit-field textarea{width: 100%;padding: 10px 12px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);font-size: 14px;background: var(--color-white);box-sizing: border-box}.profile-edit-field textarea{resize: vertical;min-height: 80px;line-height: 1.5}.profile-edit-field input:focus,.profile-edit-field textarea:focus{outline: none;border-color: var(--accent-color);box-shadow: 2px 2px 0 var(--border-color)}.profile-edit-buttons{display: flex;justify-content: center;gap: 16px;margin-top: 24px;padding-top: 20px;border-top: var(--border-width) solid var(--border-color)}.profile-edit-buttons .btn{min-width: 100px;padding: 12px 24px;font-size: 14px;font-weight: 700}.avatar-menu{position: absolute;top: calc(100% + 8px);left: 50%;transform: translateX(-50%);background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: 4px 4px 0 var(--border-color);padding: 8px;min-width: 180px;display: none;z-index: 100}.avatar-menu.show{display: block}.profile-section .profile-name-wrap{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 8px}.profile-section .profile-name{font-size: 1.5rem;font-weight: 800;line-height: 1.2}.profile-section .profile-bio-wrap{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 12px}.profile-section .profile-bio{color: var(--text-light);font-size: 14px;line-height: 1.5;margin: 0}.profile-section .profile-email{color: var(--text-muted);font-size: 13px;margin: 0 0 4px 0}.follow-box{display: flex;align-items: stretch;justify-content: center;margin-top: 20px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);overflow: hidden;background: var(--color-white);box-shadow: var(--shadow-sm);width: 100%;max-width: 300px}.follow-box-item{flex: 1;padding: 14px 20px;background: var(--color-cream);border: none;cursor: pointer;transition: all var(--transition-fast);text-align: center}.follow-box-item:hover{background: var(--primary-color)}.follow-box-line{width: 2px;background: var(--border-color);align-self: stretch}.follow-box-label{font-size: 12px;color: var(--text-muted);font-weight: 600;margin-bottom: 4px}.follow-box-num{font-size: 20px;font-weight: 800;color: var(--text-color)}.mypage-points-box{display: inline-flex;align-items: center;gap: 6px;margin: 12px auto 0;padding: 8px 14px;background: linear-gradient(135deg,#fff9e6 0%,#fff3cd 100%);border: 1.5px solid var(--color-primary);border-radius: 20px;text-decoration: none;transition: all 0.2s}.mypage-points-box:hover{transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0,0,0,0.08)}.mypage-points-box .points-amount{font-size: 14px;font-weight: 700;color: var(--text-color)}.mypage-points-box .points-arrow{font-size: 16px;color: var(--text-muted);font-weight: 300}.mypage-inquiries-box{display: inline-flex;align-items: center;gap: 6px;margin: 8px auto 0;padding: 8px 14px;background: var(--color-white);border: 1.5px solid var(--border-color);border-radius: 20px;text-decoration: none;transition: all 0.2s}.mypage-inquiries-box:hover{transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0,0,0,0.08)}.mypage-inquiries-box .inquiries-label{font-size: 14px;font-weight: 700;color: var(--text-color)}.mypage-inquiries-box .inquiries-arrow{font-size: 16px;color: var(--text-muted);font-weight: 300}.type-tabs{display: flex;gap: 8px;margin-bottom: 16px;flex-wrap: wrap}.type-tab{padding: 8px 16px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);background: var(--color-white);font-size: 13px;font-weight: 700;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.type-tab:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--color-cream)}.type-tab.active{background: var(--primary-color);transform: translate(-2px,-2px);box-shadow: var(--shadow)}.type-tab.active[data-type="all"]{background: var(--text-color,#1a1a1a);color: var(--color-white,#fff)}.type-tab.active[data-type="2d"]{background: var(--craft-2d,#F4EE8E)}.type-tab.active[data-type="3d"]{background: var(--craft-3d,#CDB9F6)}.type-tab.active[data-type="bead"]{background: var(--craft-bead,#92D4E2)}.filter-btns{display: flex;gap: 8px;margin-bottom: 16px}.filter-btn{padding: 8px 16px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);background: var(--color-white);font-size: 13px;font-weight: 700;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.filter-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow);background: var(--color-cream)}.filter-btn.active{background: var(--primary-color);transform: translate(-2px,-2px);box-shadow: var(--shadow)}.design-picker-modal{position: fixed;inset: 0;z-index: var(--z-modal,1000);display: none !important;align-items: center;justify-content: center;padding: 20px;background: rgba(26,26,26,0.7);backdrop-filter: blur(4px);opacity: 0;visibility: hidden}.design-picker-modal.show{display: flex !important;opacity: 1;visibility: visible}.design-picker-content{background: var(--color-white);border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);box-shadow: 8px 8px 0 var(--border-color);max-width: 600px;width: 100%;max-height: 80vh;overflow: hidden;display: flex;flex-direction: column}.design-picker-header{padding: 16px 20px;background: var(--color-cream);border-bottom: var(--border-width) solid var(--border-color);display: flex;align-items: center;justify-content: space-between}.design-picker-header h3{font-size: 1rem;font-weight: 700;margin: 0;display: flex;align-items: center;gap: 8px}.design-picker-close{width: 32px;height: 32px;font-size: 20px}.design-picker-body{flex: 1;overflow-y: auto;padding: 16px}.design-picker-body .empty-state{padding: 40px 20px}.design-picker-body .empty-state-icon img,.design-picker-body .empty-state-svg{width: 56px;height: 56px;opacity: 0.35}.design-picker-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));gap: 12px}.design-picker-item{aspect-ratio: 1;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);overflow: hidden;cursor: pointer;transition: all var(--transition-fast);background: var(--color-cream)}.design-picker-item:hover{transform: translate(-3px,-3px);box-shadow: 4px 4px 0 var(--border-color);border-color: var(--accent-color)}.design-picker-item img{width: 100%;height: 100%;object-fit: cover}.lightbox{position: fixed;inset: 0;background: rgba(0,0,0,0.9);z-index: var(--z-overlay);display: none;align-items: center;justify-content: center;cursor: pointer}.lightbox.show{display: flex}.lightbox-close{position: absolute;top: 20px;right: 20px;width: 44px;height: 44px;background: rgba(255,255,255,0.1);border: 2px solid rgba(255,255,255,0.3);border-radius: var(--radius-sm);color: white;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all var(--transition-fast)}.lightbox-close:hover{background: rgba(255,255,255,0.2);border-color: rgba(255,255,255,0.5)}.lightbox img{max-width: 90%;max-height: 90%;object-fit: contain;border-radius: var(--radius);box-shadow: 0 20px 60px rgba(0,0,0,0.5)}.lightbox-av{position: relative;display: inline-flex;max-width: 90%;max-height: 90vh;line-height: 0}.lightbox .lightbox-av img{max-width: 100%;max-height: 90vh;object-fit: contain;border-radius: var(--radius);box-shadow: 0 20px 60px rgba(0,0,0,0.5)}.crop-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: var(--z-overlay);align-items: center;justify-content: center;padding: 20px}.crop-modal.show{display: flex}.crop-modal-content{background: var(--color-white);border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow-lg);padding: 0;width: 100%;max-width: 360px;overflow: hidden}.crop-modal-header{display: flex;justify-content: space-between;align-items: center;padding: 14px 16px;border-bottom: var(--border-width) solid var(--border-color);background: var(--color-cream)}.crop-modal-header h3{margin: 0;font-size: 16px;font-weight: 700}.crop-modal-close{width: 28px;height: 28px;font-size: 18px}.crop-wrapper{padding: 16px;background: #1a1a1a}.crop-container{position: relative;width: 100%;aspect-ratio: 1;max-width: 320px;margin: 0 auto;overflow: hidden;touch-action: none;background: #000;cursor: move}.crop-canvas{position: absolute;top: 0;left: 0;width: 100%;height: 100%}.crop-frame-fixed{position: absolute;top: 7.5%;left: 7.5%;width: 85%;height: 85%;border: 3px solid var(--primary-color);border-radius: var(--radius-sm);pointer-events: none;z-index: 10}.crop-overlay-mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;z-index: 5;background: linear-gradient(to right,rgba(0,0,0,0.6) 7.5%,transparent 7.5%,transparent 92.5%,rgba(0,0,0,0.6) 92.5%),linear-gradient(to bottom,rgba(0,0,0,0.6) 7.5%,transparent 7.5%,transparent 92.5%,rgba(0,0,0,0.6) 92.5%)}.crop-hint{padding: 10px 16px;color: var(--text-muted);font-size: 12px;text-align: center;background: var(--color-cream);border-top: var(--border-width) solid var(--border-color)}.crop-buttons{display: flex;gap: 10px;padding: 12px 16px;border-top: var(--border-width) solid var(--border-color)}.crop-buttons .btn{flex: 1;padding: 10px 16px;font-size: 14px;font-weight: 700}.profile-page-container{max-width: 1000px;margin: 0 auto;padding: 24px 16px}@media (min-width: 769px){.profile-page-container{padding: 40px 24px}}.profile-card{background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);padding: 24px;margin-bottom: 24px}@media (min-width: 769px){.profile-card{padding: 32px}}.profile-card-inner{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 16px}@media (min-width: 769px){.profile-card-inner{flex-direction: row;text-align: left;gap: 32px}}.profile-avatar-large{width: 100px;height: 100px;border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);background: var(--color-cream);display: flex;align-items: center;justify-content: center;font-size: 2.5rem;font-weight: 800;color: var(--text-muted);flex-shrink: 0;box-shadow: var(--shadow);overflow: hidden}@media (min-width: 769px){.profile-avatar-large{width: 120px;height: 120px;font-size: 3rem}}.profile-avatar-large img{width: 100%;height: 100%;object-fit: cover}.profile-details{flex: 1;min-width: 0}.profile-nickname{font-size: 1.75rem;font-weight: 800;margin-bottom: 8px;display: flex;align-items: center;gap: 8px;justify-content: center}@media (min-width: 769px){.profile-nickname{justify-content: flex-start;font-size: 2rem}}.profile-bio-display{color: var(--text-light);font-size: 15px;line-height: 1.6;margin-bottom: 16px;max-width: 500px}.profile-bio-empty{color: var(--text-muted);font-style: italic}.profile-follow-stats{display: flex;gap: 8px;justify-content: center;margin-bottom: 16px}@media (min-width: 769px){.profile-follow-stats{justify-content: flex-start}}.follow-stat-btn{display: flex;align-items: center;gap: 6px;padding: 10px 16px;background: var(--color-cream);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);font-size: 14px;font-weight: 700;cursor: pointer;transition: all var(--transition-fast)}.follow-stat-btn:hover{background: var(--primary-color);transform: translate(-2px,-2px);box-shadow: var(--shadow-sm)}.follow-stat-btn strong{font-size: 16px}.profile-actions{display: flex;gap: 12px;justify-content: center;align-items: center}@media (min-width: 769px){.profile-actions{justify-content: flex-start}}.btn-profile-icon{width: 48px;height: 48px;padding: 0;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);background: var(--color-white);cursor: pointer;display: inline-flex;align-items: center;justify-content: center;transition: all var(--transition-fast);box-shadow: var(--shadow)}.btn-profile-icon:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-lg)}.btn-profile-icon:active{transform: translate(1px,1px);box-shadow: var(--shadow-sm)}.btn-profile-icon img{width: 20px;height: 20px;opacity: 0.85}.btn-profile-icon.following{background: var(--secondary-color)}.btn-profile-icon.blocked{background: var(--danger-color,#dc3545);color: #fff}.blocked-users-list{display: flex;flex-direction: column;gap: 8px}.blocked-empty{color: var(--text-muted);font-size: 14px;padding: 8px 2px}.blocked-user-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 8px 10px;border: 1px solid var(--border-color);border-radius: 10px}.blocked-user-info{display: flex;align-items: center;gap: 10px;min-width: 0;text-decoration: none;color: var(--text-color)}.blocked-user-avatar{width: 36px;height: 36px;border-radius: var(--radius-xs);border: 2px solid var(--border-color);object-fit: cover;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;background: var(--color-cream);font-weight: 700}.blocked-user-name{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.profile-stats-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px;margin-bottom: 24px}@media (min-width: 769px){.profile-stats-grid{grid-template-columns: repeat(4,1fr);gap: 16px}}.stat-card{background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);padding: 16px;text-align: center;box-shadow: var(--shadow-sm)}.stat-card-value{font-size: 1.5rem;font-weight: 800;color: var(--text-color);display: block;margin-bottom: 4px}.stat-card-label{font-size: 12px;color: var(--text-muted);font-weight: 600}.section-title{font-size: 1.25rem;font-weight: 800;margin-bottom: 16px;display: flex;align-items: center;gap: 8px}.profile-designs-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px}@media (min-width: 769px){.profile-designs-grid{grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 20px}}.profile-empty{text-align: center;padding: 60px 20px;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow)}.profile-empty svg{width: 64px;height: 64px;color: var(--text-muted);margin-bottom: 16px}.profile-empty p{color: var(--text-muted);font-size: 15px}.profile-pagination{display: flex;justify-content: center;gap: 8px;margin-top: 24px}.profile-pagination .page-btn{width: 40px;height: 40px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);background: var(--color-white);font-weight: 700;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.profile-pagination .page-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.profile-pagination .page-btn.active{background: var(--primary-color)}