.experience-banner{display:flex;align-items:center;justify-content:space-between;padding:26px 32px;margin:8px 0 26px;border:1px solid #dce4d7;border-radius:22px;background:linear-gradient(110deg,#edf1e7,#f9f6ed);position:relative;overflow:hidden}.experience-banner h2{font-family:var(--font-heading,serif);font-weight:500;font-size:24px;letter-spacing:1px;margin:10px 0}.experience-banner p{font-size:13px;color:#83917f;margin:0}.experience-banner>img{width:86px;height:86px;object-fit:contain;margin:0 25px}.experience-tabs{margin-bottom:24px;overflow:auto}.experience-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}.experience-toolbar p{font-size:13px;color:#81907e;max-width:640px;line-height:1.8}.membership-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:22px}.membership-admin-card{padding:30px 26px;border:1px solid #e0e5d8;border-radius:20px;background:linear-gradient(150deg,#fffdf7,#f0f4eb);box-shadow:0 8px 22px #60705006}.membership-admin-card.plan-1{background:linear-gradient(150deg,#fffcf5,#f6eeda);border-color:#eadfc5}.membership-admin-card.plan-2{background:linear-gradient(150deg,#fffdfb,#edeef4);border-color:#e2dfeb}.membership-admin-card h2{font-size:20px;font-weight:500;margin:24px 0 16px}.membership-admin-price{font:34px Georgia,serif;color:#758868}.membership-admin-price span{font:12px sans-serif;color:#8d9689;margin-left:8px}.membership-admin-card ul{padding-left:18px;min-height:92px;color:#89927e;font-size:13px;line-height:2.2;margin:24px 0}.experience-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #dce2d5;padding-top:19px;gap:12px}.profile-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-review-card{padding:24px}.profile-review-top{display:flex;align-items:center;gap:16px}.profile-review-top img{width:68px;height:68px;object-fit:cover;border-radius:20px;border:3px solid #fff;box-shadow:0 0 0 1px #e3e5db}.profile-review-top>div{flex:1;min-width:0}.profile-review-top h3{margin:0 0 8px;font-size:18px}.profile-review-top p{margin:0;font-size:12px;color:#8c9689}.profile-intro{font-size:13px;line-height:1.9;color:#7b8879;min-height:44px;white-space:pre-wrap;overflow-wrap:anywhere}.profile-review-card .tag-list{margin-bottom:22px}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px}.appearance-panel{padding:28px}.appearance-panel h2{font-size:20px;font-weight:500;margin:14px 0}.appearance-panel p{font-size:13px;color:#87907f;line-height:1.8}.share-example{max-width:350px;border:1px solid #e3e7dd;background:#fff;border-radius:16px;overflow:hidden;margin:22px auto 5px}.share-example img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover}.share-example strong{display:block;padding:16px;font-size:14px}.share-example span{display:block;border-top:1px solid #edf0e8;padding:10px 16px;color:#9bA18f;font-size:11px}.ranking-frames-preview{display:flex;justify-content:space-around;gap:12px;margin-top:70px;text-align:center;color:#8e997e;font-size:12px}.frame-example{position:relative;width:90px;height:90px;margin-bottom:15px}.frame-example img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.frame-example .frame-avatar{inset:12%;width:76%;height:76%;border-radius:50%;object-fit:cover}.profile-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-compare>section{padding:18px;background:#f8f9f3;border:1px solid #e5e8df;border-radius:16px}.review-person>img{width:80px;height:80px;border-radius:20px;object-fit:cover;margin-top:16px}.review-person h3{font-size:17px}.review-person>p{font-size:12px;line-height:1.8}.review-person audio{width:100%;height:42px}.review-person .content-preview{padding:12px;font-size:12px}.experience-image-field{display:grid;grid-template-columns:1fr 110px;gap:18px;padding:22px 0;border-bottom:1px dashed #dfe4d8}.experience-image-field strong{font-size:14px}.experience-image-field input[type=file]{width:100%;font-size:12px}.image-field-preview{border:1px solid #e4e7dd;background:#f4f5f0;border-radius:12px;overflow:hidden;min-height:100px;display:grid;place-items:center}.image-field-preview img{width:100%;height:110px;object-fit:contain}.experience-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:20px 0}.experience-filters label{display:flex;flex-direction:column;gap:8px;color:#86917e;font-size:12px}.experience-filters input{padding:9px 12px;border:1px solid #dce3d5;background:#fffefa;border-radius:9px;color:#596451}.experience-empty{grid-column:1/-1;text-align:center;padding:50px;background:#fcfcf7;border-radius:20px;border:1px dashed #dbe3d3}.experience-empty img{width:80px;height:80px;object-fit:contain}.experience-empty h3{font-size:18px;font-weight:500}.experience-empty p{font-size:13px;color:#919b87}.experience-table-empty{padding:50px!important;text-align:center;color:#929d88}@media(max-width:1100px){.membership-admin-grid{grid-template-columns:1fr 1fr}.profile-review-grid{grid-template-columns:1fr}.frame-example{width:70px;height:70px}}@media(max-width:720px){.membership-admin-grid,.appearance-grid{grid-template-columns:1fr}.experience-banner{padding:24px}.experience-banner h2{font-size:20px}.experience-banner>img{display:none}.experience-toolbar{align-items:flex-start}.profile-compare{grid-template-columns:1fr}.experience-filters label{flex:1}.experience-filters input{width:100%}.ranking-frames-preview{margin-top:25px}.profile-review-top{flex-wrap:wrap}}

.profile-compare{margin-bottom:24px}.experience-image-field input[type=file]::file-selector-button{border:1px solid #d7e0cd;background:#f8faef;color:#637d52;border-radius:10px;padding:10px 14px;margin:8px 12px 8px 0;font:inherit;cursor:pointer}.experience-image-field .check-plain{margin-top:12px}

.experience-file-picker{position:relative;display:inline-flex;align-items:center;margin:8px 0;max-width:100%;cursor:pointer}.experience-file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.experience-file-picker>span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d7e0cd;background:#f8faef;color:#637d52;border-radius:11px;font-size:13px;min-height:42px}.experience-file-picker:focus-within>span{outline:2px solid #98ad88;outline-offset:3px}.experience-file-picker .icon{width:16px;height:16px}.experience-file-caption{display:block;font-size:12px;color:#8b977e;overflow-wrap:anywhere;line-height:1.7}
