:root{--rcp-form-radius:8px}.profile-photo-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:var(--wp--preset--color--base,#fff);border:1px solid var(--wp--preset--color--borderline,#dee2e6);border-radius:var(--rcp-form-radius,8px);margin-bottom:2rem}.profile-photo-info{flex:1}.profile-photo-info h4{font-family:var(--wp--preset--font-family--headings,inherit);font-size:var(--wp--preset--font-size--medium,16px);font-weight:600;color:var(--wp--preset--color--contrast,#333);margin:0 0 .5rem 0;border-bottom:none;padding-bottom:0}.profile-photo-size{font-size:var(--wp--preset--font-size--small,14px);color:var(--wp--preset--color--contrast-2,#666);margin:0 0 1.5rem 0;font-weight:400}.profile-photo-container{width:100px;height:100px;overflow:hidden;border-radius:50%;border:2px solid var(--wp--preset--color--base-2,#f0f0f1);flex-shrink:0;margin-left:1.5rem}.profile-photo{width:100%;height:100%;object-fit:cover}.photo-btn{display:inline-block;padding:.5rem 1rem;font-size:var(--wp--preset--font-size--small,14px);font-weight:500;text-align:center;border-radius:var(--button-border-radius,8px);cursor:pointer;transition:all 0.3s ease-in-out;border:1px solid;min-width:100px;background:none;text-decoration:none}.change-btn{color:var(--wp--preset--color--contrast,#333);border-color:var(--wp--preset--color--borderline,#dee2e6);background-color:var(--wp--preset--color--base,#fff)}.change-btn:hover{background-color:var(--wp--preset--color--base-2,#f0f0f1);text-decoration:none}.remove-btn{color:var(--wp--preset--color--contrast,#333);border-color:var(--wp--preset--color--borderline,#dee2e6);background-color:var(--wp--preset--color--base,#fff);margin-left:.5rem}.remove-btn:hover{background-color:var(--wp--preset--color--base-2,#f0f0f1)}.upload-btn{color:var(--wp--preset--color--contrast,#333);border-color:var(--wp--preset--color--borderline,#dee2e6);background-color:var(--wp--preset--color--base,#fff);border-radius:var(--button-border-radius,8px);padding:.5rem 1.25rem}.upload-btn:hover{background-color:var(--wp--preset--color--base-2,#f0f0f1);text-decoration:none}.file-input-actions{display:flex;align-items:center;gap:10px}.hidden-file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.custom-file-button{display:inline-block;color:var(--wp--preset--color--contrast,#333);background-color:var(--wp--preset--color--base,#fff);border:1px solid var(--wp--preset--color--borderline,#dee2e6);border-radius:var(--button-border-radius,8px);padding:.5rem 1rem;font-size:var(--wp--preset--font-size--small,14px);font-weight:500;cursor:pointer;transition:all 0.3s ease-in-out;text-align:center;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.custom-file-button:hover{background-color:var(--wp--preset--color--base-2,#f0f0f1)}.save-photo-btn{display:inline-block;background-color:var(--wp--preset--color--accent,#007bff);color:var(--wp--preset--color--base,#fff);border:none;padding:.5rem 1.25rem;font-size:var(--wp--preset--font-size--small,14px);font-weight:500;border-radius:var(--button-border-radius,8px);cursor:pointer;transition:background-color 0.3s ease-in-out;text-align:center;min-width:100px}.save-photo-btn:hover{background-color:color-mix(in srgb,var(--wp--preset--color--accent) 90%,white)}.photo-action-buttons{display:flex}.alert{position:relative;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #fff0;border-radius:.375rem;font-size:var(--wp--preset--font-size--small,14px);text-align:center}.alert-success{background-color:#d1e7dd;border-color:#badbcc;color:#0f5132}.alert-danger{background-color:#f8d7da;border-color:#f5c2c7;color:#842029}.alert-warning{background-color:#fff3cd;border-color:#ffecb5;color:#664d03}.alert.fade{transition:opacity 0.15s linear}.alert.fade.show{opacity:1}.alert.fade:not(.show){opacity:0}.theme-dark .alert-success{background-color:#051b11;border-color:#0f5132;color:#75b798}.theme-dark .alert-danger{background-color:#2c0b0e;border-color:#842029;color:#ea868f}.theme-dark .alert-warning{background-color:#332701;border-color:#664d03;color:#ffda6a}@media (max-width:600px){.profile-photo-card{flex-direction:column-reverse;padding:1rem}.profile-photo-container{margin-left:0;margin-bottom:1rem}.profile-photo-info{width:100%;text-align:center}.photo-action-buttons{justify-content:center}.file-input-actions{flex-direction:column;width:100%}.custom-file-button,.save-photo-btn{width:100%;margin-bottom:.5rem;max-width:none}}