.extra-photo-modal{max-width:800px!important;width:calc(100vw - 32px)!important}.extra-photo-hub{max-width:950px!important;width:calc(100vw - 32px)!important}.extra-photo-intro{color:var(--muted);font-size:13px;line-height:1.6}.extra-photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.extra-photo-fields>.full{grid-column:1/-1}.extra-photo-pricing{padding:12px 14px;border:1px solid var(--line,#e0e5dc);border-radius:12px;margin:14px 0;background:#f7f9f4}.extra-photo-pricing summary{cursor:pointer;font-weight:600}.extra-photo-pricing p{font-size:12px;color:var(--muted);line-height:1.5}.extra-photo-tier{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:10px 0}.extra-photo-tier label{font-size:12px}.extra-photo-tier input{display:block;margin-top:5px;width:100%}.extra-photo-quote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#f2f6ed;padding:14px;border:1px solid #dfe7d6;border-radius:12px;margin:14px 0}.extra-photo-quote small{font-size:11px;color:var(--muted)}.extra-photo-quote strong{display:block;margin-top:5px;font-size:18px}.extra-photo-quote p{grid-column:1/-1;font-size:12px;margin:4px 0;line-height:1.5}.extra-photo-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line,#e3e6df)}.extra-photo-row strong{font-size:13px}.extra-photo-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.extra-photo-error{color:var(--red);font-size:13px}.extra-photo-modal .modal-head,.extra-photo-hub .modal-head{position:sticky;top:0;background:var(--paper,#fff);z-index:2}.extra-photo-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.extra-photo-modal .modal-foot{display:flex;justify-content:space-between;gap:10px}.extra-photo-modal .modal-foot>div{display:flex;gap:8px}
@media(max-width:560px){.extra-photo-fields{grid-template-columns:1fr}.extra-photo-row{grid-template-columns:1fr auto}.extra-photo-row>button{grid-column:1/-1}.extra-photo-quote{gap:8px;padding:10px}.extra-photo-quote strong{font-size:15px}.extra-photo-modal .modal-foot{flex-wrap:wrap}}
.extra-photo-tier input{border:1px solid var(--line,#dfe4db);border-radius:9px;padding:10px 11px;background:var(--paper,#fff);font:inherit;box-sizing:border-box}.extra-photo-tier input:focus{outline:2px solid #bdc9b4;outline-offset:1px}

.extra-photo-search{display:flex;align-items:end;gap:16px;margin:18px 0 8px}.extra-photo-search .field{flex:1;max-width:500px}.extra-photo-search .panel-note{padding-bottom:12px;white-space:nowrap}@media(max-width:560px){.extra-photo-search{align-items:stretch;flex-direction:column;gap:4px}.extra-photo-search .panel-note{padding-bottom:0}}

.extra-photo-suggestions{border:1px solid #dce3d5;border-radius:12px;background:var(--paper,#fff);max-height:240px;overflow-y:auto;margin:4px 0 16px;padding:5px;box-shadow:0 5px 15px #2533220a}.extra-photo-suggestions[hidden]{display:none}.extra-photo-client-option{display:block;width:100%;border:0;border-radius:8px;text-align:left;padding:10px 12px;background:transparent;color:var(--text,#30382b);cursor:pointer;font:inherit}.extra-photo-client-option:hover,.extra-photo-client-option:focus-visible{background:#eef3e8;outline:1px solid #cad7bc}.extra-photo-client-option strong{display:block;font-size:13px}.extra-photo-client-option small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.extra-photo-suggestions>p{padding:6px 12px}

.profile-box.extra-photo-profile{background:linear-gradient(120deg,var(--green-light),var(--paper));border:1px solid #ccd7c3;border-left:4px solid var(--green);box-shadow:0 4px 16px #35472c08}.extra-photo-profile-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.extra-photo-profile-head h3{margin:0 0 4px}.extra-photo-profile-head .panel-note{margin:0}.extra-photo-profile-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--paper);color:var(--green);border:1px solid #d7dfd0}.extra-photo-profile-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.extra-photo-profile-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.extra-photo-profile-action small{color:var(--muted);font-size:11px}.extra-photo-profile .extra-photo-list{margin-top:8px}@media(max-width:560px){.extra-photo-profile-action{gap:8px}.extra-photo-profile-action small{flex-basis:100%}}