/* A wide directory record, rather than a personal link card. */
.profile-page { background:var(--profile-background); }
.profile-page .header { max-width:1440px; height:100px; border-bottom:1px solid var(--border); gap:35px; }
.directory-search { display:flex; align-items:center; gap:9px; margin-right:auto; padding-left:27px; border-left:1px solid var(--border); color:#8b9085; }
.directory-search input { border:0; background:transparent; outline:0; font-size:13px; width:230px; color:var(--text); }
.directory-search:focus-within { color:var(--green); }
.directory-search button { background:none; border:0; color:var(--green); padding:7px; }
.profile-main { max-width:1320px; padding:0 40px; margin:32px auto 0; }
.directory-breadcrumb { display:flex; gap:13px; font-size:12px; color:#7d8375; align-items:center; margin-bottom:30px; }
.directory-breadcrumb a:hover { color:var(--text); }
.directory-breadcrumb>span:last-child { color:var(--text); }
.directory-page-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.directory-page-heading .eyebrow { font-size:10px; color:#858b7d; }
.directory-page-heading p { color:#8d9484; font-size:12px; margin:0; }
.creator-profile { display:grid; grid-template-columns:280px minmax(0,1fr); border:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0; overflow:visible; box-shadow:none; background:white; min-height:540px; }
.profile-content { padding:35px 28px; border-right:1px solid var(--border); }
.identity-row { margin:0; min-height:100px; align-items:center; }
.jaz-avatar { width:100px; height:100px; flex-basis:100px; border:0; font-size:60px; box-shadow:0 0 0 5px #f6f7f3; }
.share-button { height:32px; width:32px; }
.name-row { margin-top:25px; gap:8px; }
.name-row h1 { font-size:29px; font-weight:600; }
.profile-sample { font-size:6px; padding:4px; }
.instagram-handle { font-size:13px; margin-top:8px; margin-bottom:20px; }
.profile-bio { font-size:12px; line-height:1.85; margin-bottom:28px; }
.identity-details { border-top:1px solid var(--border); padding-top:22px; display:flex; flex-direction:column; gap:9px; }
.identity-details>span { font-size:8px; letter-spacing:1.1px; color:#969d8a; }
.identity-details strong { font-size:11px; font-weight:500; margin-bottom:12px; overflow-wrap:anywhere; }
.listing-status { display:flex; align-items:center; gap:7px; color:#7c8870; }
.share-status { font-size:11px; text-align:left; }
.directory-details { min-width:0; }
.directory-title { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:35px 35px 27px; }
.directory-title .eyebrow { color:#8d9582; font-size:9px; }
.directory-title h2 { font-size:24px; font-weight:600; letter-spacing:0; line-height:1.35; margin:12px 0 9px; overflow-wrap:anywhere; }
.directory-title p { font-size:12px; color:var(--muted); margin:0; }
.directory-record-label { font-size:10px; color:#8b947e; white-space:nowrap; border:1px solid var(--border); padding:8px 10px; border-radius:4px; }
.directory-filters { display:flex; gap:24px; padding:0 35px; border-bottom:1px solid var(--border); overflow-x:auto; }
.directory-filters button { white-space:nowrap; border:0; border-bottom:2px solid transparent; background:none; padding:16px 0; font-size:12px; color:#969f8a; display:flex; align-items:center; gap:7px; }
.directory-filters button[aria-pressed=true] { color:var(--text); border-bottom-color:var(--profile-accent); font-weight:600; }
.filter-count { font-size:9px; font-weight:400; background:#f0f3eb; color:#8b977d; padding:2px 5px; border-radius:3px; }
.directory-column-head { display:grid; grid-template-columns:minmax(0,1fr) 130px 35px; padding:21px 35px 13px; gap:10px; font-size:8px; letter-spacing:1px; color:#9aa28f; }
.destination-list { display:flex; flex-direction:column; gap:0; margin:0 35px; }
.creator-profile .destination-card { display:flex; align-items:center; border:0; border-bottom:1px solid #e9ede2; border-radius:0; box-shadow:none; background:transparent; padding:20px 0; gap:14px; width:100%; min-height:85px; text-align:left; }
.creator-profile .destination-card.featured { background:transparent; border-color:#e9ede2; }
.creator-profile .destination-card:hover { background:#f8faf5; transform:none; }
.destination-icon { width:35px; height:35px; font-size:22px; border-radius:6px; }
.destination-copy { flex:1; min-width:0; }
.destination-title { font-size:14px; }
.destination-description { font-size:11px; margin-top:6px; }
.destination-category { width:130px; flex-shrink:0; font-size:11px; color:#88977b; }
.destination-arrow { width:35px; flex-shrink:0; font-size:19px; text-align:right; padding-right:8px; }
.age-badge { font-size:7px; border:0; background:#eef2e7; }
.sample-note { text-align:left; font-size:10px; line-height:1.6; margin:20px 35px 27px; }
.directory-about { border-top:1px solid var(--border); padding:26px 35px 31px; background:#fcfdf9; }
.directory-about h3 { font-size:12px; font-weight:600; margin:0 0 10px; }
.directory-about p { font-size:11px; color:var(--muted); line-height:1.8; max-width:620px; margin:0 0 14px; }
.directory-about a { font-size:11px; color:var(--green); }
.directory-about a span { margin-left:7px; }
.empty-directory { font-size:13px; color:var(--muted); padding:25px 0; }
.profile-endnote { font-size:11px; margin:25px 0; }
.profile-footer { padding:22px 30px; margin:25px auto 0; border-top:1px solid var(--border); }
.profile-footer .brand { font-size:18px; }
.editing .edit-layout { max-width:1440px; padding:0 30px; margin:30px auto; display:grid; grid-template-columns:340px minmax(0,1fr); gap:30px; }
.editing .profile-main { max-width:none; padding:0; margin:0; position:static; }
.editing .directory-breadcrumb,.editing .directory-page-heading { display:none; }
.editing .profile-content { padding:30px 22px; }
.editing .creator-profile { grid-template-columns:225px minmax(0,1fr); }
.editing .directory-record-label { display:none; }
.editing .directory-title { padding:30px 25px 25px; }
.editing .directory-title h2 { font-size:22px; }
.editing .directory-filters { padding-inline:25px; gap:18px; }
.editing .destination-list { margin-inline:25px; }
.editing .directory-column-head { padding-inline:25px; grid-template-columns:minmax(0,1fr) 85px 25px; }
.editing .destination-category { width:85px; font-size:10px; }
.editing .destination-arrow { width:25px; }
.editing .destination-card { gap:10px; }
.editing .directory-about { padding-inline:25px; }
.editing .sample-note { margin-inline:25px; }
.editing .directory-filters button { font-size:11px; }
@media(max-width:1100px) {
  .directory-search { padding-left:18px; }
  .directory-search input { width:170px; }
  .profile-header-actions .profile-nav { display:none; }
  .editing .creator-profile { grid-template-columns:1fr; }
  .editing .profile-content { border-right:0; border-bottom:1px solid var(--border); }
  .editing .identity-details { display:none; }
  .editing .profile-bio { margin-bottom:0; }
}
@media(max-width:750px) {
  .profile-page .header { padding-inline:22px; gap:15px; height:85px; }
  .directory-search { display:none; }
  .profile-header-actions { margin-left:auto; }
  .profile-main { padding-inline:22px; margin-top:23px; }
  .directory-page-heading p { display:none; }
  .creator-profile { grid-template-columns:1fr; }
  .profile-content,.editing .profile-content { border-right:0; border-bottom:1px solid var(--border); padding:27px 24px; }
  .identity-details { display:none; }
  .profile-bio { margin-bottom:0; }
  .directory-title { padding:27px 24px 22px; }
  .directory-title h2 { font-size:22px; }
  .directory-record-label { display:none; }
  .directory-filters { padding-inline:24px; gap:20px; }
  .directory-column-head { padding-inline:24px; grid-template-columns:minmax(0,1fr) 35px; }
  .directory-column-head>span:nth-child(2) { display:none; }
  .destination-list { margin-inline:24px; }
  .destination-category,.editing .destination-category { display:none; }
  .creator-profile .destination-card { padding-block:20px; }
  .directory-about { padding-inline:24px; }
  .sample-note { margin-inline:24px; }
  .editing .edit-layout { display:flex; flex-direction:column; padding-inline:22px; gap:30px; }
  .editing .profile-main { width:100%; max-width:none; }
  .editing .directory-column-head { grid-template-columns:minmax(0,1fr) 25px; }
  .profile-editor { width:100%; }
}

/* Recognizable platform logos, with a consistent directory treatment. */
.creator-profile .destination-icon { display:grid; flex-shrink:0; }
.destination-icon img { display:block; width:21px; height:21px; object-fit:contain; }

.creator-profile .destination-icon, .creator-profile .featured .destination-icon { background: transparent; border-radius: 0; }
.destination-icon img { width: 24px; height: 24px; }

.category-readout { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:11px; margin-top:16px; padding-top:12px; border-top:1px solid var(--border); color:var(--muted); }
.category-readout output { background:#eef1e8; color:var(--green); border-radius:4px; padding:4px 7px; font-size:10px; }

/* One simple form for the name and URL slots. */
.url-slot { margin-top:16px; }
.url-slot label { margin-bottom:7px; }
.profile-editor .url-slot input { padding:16px 12px; font-size:13px; background:#fff; }
.slot-result { display:block; min-height:14px; margin-top:5px; font-size:10px; color:var(--green); }
.add-slot { width:100%; margin-top:18px; padding:12px; background:transparent; border:1px dashed #c9d2be; }
.editing .edit-layout { grid-template-columns:400px minmax(0,1fr); }
@media(max-width:1100px) { .editing .edit-layout { grid-template-columns:350px minmax(0,1fr); } }
@media(max-width:750px) { .editing .edit-layout { display:flex; } }

/* Plain URL lines with optional flags underneath. */
.profile-editor .url-slot input:not([type=checkbox]), .profile-editor #editName {
  border:0; border-bottom:1px solid #cbd2c2; border-radius:0;
  background:transparent; box-shadow:none; padding:13px 0; font-size:14px;
}
.profile-editor .url-slot input:not([type=checkbox]):focus, .profile-editor #editName:focus {
  outline:0; border-bottom:2px solid var(--green); padding-bottom:12px;
}
.url-slot { margin-top:24px; }
.url-slot>label { font-size:10px; color:#8a937f; margin-bottom:2px; }
.slot-options { display:flex; gap:18px; align-items:center; margin-top:10px; }
.profile-editor .slot-options label { display:flex; align-items:center; gap:5px; margin:0; font-size:10px; color:#849079; font-weight:400; }
.profile-editor .slot-options input { width:12px; height:12px; padding:0; accent-color:var(--green); }
.slot-options input:disabled { opacity:.65; }

.featured-badge { font-size:8px; font-weight:500; padding:3px 5px; border-radius:3px; background:#eef2e8; color:#788d64; }

/* Compact, softly bordered URL slots. */
.url-slot { border:1px solid #dfe5d7; border-radius:8px; padding:12px 14px; background:#fff; margin-top:12px; }
.profile-editor .url-slot>label { margin:0 0 3px; }
.profile-editor .url-slot input:not([type=checkbox]) { border:0; padding:9px 0; background:transparent; }
.profile-editor .url-slot input:not([type=checkbox]):focus { border:0; padding-bottom:9px; outline:0; }
.url-slot:focus-within { border-color:#8ea67a; box-shadow:0 0 0 2px #71875e10; }
.slot-options { border-top:1px solid #f0f3eb; padding-top:9px; margin-top:3px; }
.profile-editor .url-slot>.custom-title-label { margin-top:9px; padding-top:10px; border-top:1px solid #f0f3eb; font-size:10px; font-weight:400; color:var(--muted); }
.profile-editor .url-slot .custom-title-input { font-size:12px; padding:7px 0; }

.claim-listing-link { font-size:11px; color:var(--green); margin-top:3px; line-height:1.7; }
@media(max-width:750px) { .identity-details { display:flex; margin-top:24px; } }

.profile-editor .url-slot>.custom-title-label { margin-top:0; padding-top:0; border-top:0; }
.profile-editor .url-slot>.custom-title-input+label { margin-top:9px; padding-top:10px; border-top:1px solid #f0f3eb; }
.directory-column-head[hidden] { display:none; }
.destination-icon-links { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:22px 0; }
.creator-profile .destination-icon-link { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; border:0; background:transparent; border-radius:8px; cursor:pointer; }
.destination-icon-link .destination-icon { width:32px; height:32px; background:transparent; padding:0; display:flex; align-items:center; justify-content:center; }
.destination-icon-link .destination-icon img { width:28px; height:28px; }
.creator-profile .destination-icon-link:hover { background:#f0f3eb; }
.destination-icon-link:focus-visible { outline:2px solid var(--profile-accent); outline-offset:3px; }

.profile-editor .url-slot>.custom-title-label[hidden], .profile-editor .url-slot>.custom-title-input[hidden] { display:none; }
.profile-editor .url-slot>.custom-title-input[hidden]+label { margin-top:0; padding-top:0; border-top:0; }

.directory-page-heading { flex-wrap:wrap; gap:12px; }
.directory-page-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.template-button { border:1px solid var(--border); border-radius:6px; padding:9px 12px; background:white; font-size:10px; color:var(--text); cursor:pointer; }
.template-button:hover { border-color:var(--green); }
.template-button[hidden] { display:none; }
.template-button:disabled { opacity:.6; cursor:wait; }

.directory-page-actions .customize-button { font-size:10px; padding:9px 12px; background:#fff; }
.directory-page-actions .customize-button:hover { background:#fff; border-color:var(--green); }
.slot-reorder { display:flex; justify-content:flex-end; margin-bottom:4px; }
.slot-drag-handle { display:grid; place-items:center; width:32px; height:28px; border:0; border-radius:4px; background:transparent; color:#8b9580; font-size:22px; line-height:1; cursor:grab; touch-action:none; user-select:none; }
.slot-drag-handle:hover { background:#f0f3eb; color:var(--text); }
.slot-drag-handle:active { cursor:grabbing; }
.slot-drag-handle:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
.url-slot.is-dragging { opacity:.45; background:#f4f6f0; }
.url-slot.drop-before { box-shadow:0 -3px 0 var(--green); }
.url-slot.drop-after { box-shadow:0 3px 0 var(--green); }
.slot-drag-preview { position:fixed; display:flex; align-items:center; gap:12px; height:48px; padding:10px 14px; margin:0; pointer-events:none; z-index:1000; background:white; border:1px solid var(--green); border-radius:8px; box-shadow:0 8px 24px #20251f25; font-size:13px; color:var(--text); }
.slot-drag-grip { font-size:22px; color:var(--green); flex:none; }
.slot-drag-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.profile-editor .editor-heading { position:relative; padding-right:32px; }
.close-editor { position:absolute; top:-8px; right:-8px; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:5px; background:transparent; color:var(--muted); font-size:25px; line-height:1; }
.close-editor:hover { background:#f0f3eb; color:var(--text); }

#discardDialog h2 { font-size:24px; letter-spacing:-.5px; margin:0 0 12px; }
#discardDialog p { font-size:14px; line-height:1.6; color:var(--muted); }
.discard-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }

@media(min-width:751px) {
  .editing .edit-layout { height:calc(100dvh - 160px); min-height:360px; }
  .editing .profile-editor { height:100%; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; }
  .editing .profile-main { max-height:100%; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; }
}

@media(min-width:751px) {
  .editing .preview-toolbar { height:32px; margin-bottom:16px; }
  .editing .profile-editor { margin-top:48px; height:calc(100% - 48px); }
}

/* Subtle scrollbars for the creator studio panels. */
.editing .profile-editor,.editing .creator-profile { scrollbar-width:thin; scrollbar-color:#a3af99 #f2f4ee; }
.editing .profile-editor::-webkit-scrollbar,.editing .creator-profile::-webkit-scrollbar { width:8px; height:8px; }
.editing .profile-editor::-webkit-scrollbar-track,.editing .creator-profile::-webkit-scrollbar-track { background:#f2f4ee; border-radius:8px; }
.editing .profile-editor::-webkit-scrollbar-thumb,.editing .creator-profile::-webkit-scrollbar-thumb { background:#a3af99; border:2px solid #f2f4ee; border-radius:8px; }
.editing .profile-editor::-webkit-scrollbar-thumb:hover,.editing .creator-profile::-webkit-scrollbar-thumb:hover { background:#7c8d70; }
.editing .profile-editor::-webkit-scrollbar-corner,.editing .creator-profile::-webkit-scrollbar-corner { background:transparent; }

@media(min-width:751px) {
  .editing .profile-main { height:100%; overflow:visible; }
  .editing .creator-profile { max-height:calc(100% - 48px); overflow-y:auto; overscroll-behavior-y:contain; }
}

@media(min-width:751px) {
  .editing .creator-profile { min-height:0; height:calc(100% - 48px); overflow-y:scroll; scrollbar-gutter:stable; }
}
@supports selector(::-webkit-scrollbar) {
  .editing .profile-editor,.editing .creator-profile { scrollbar-width:auto; scrollbar-color:auto; }
}

@media(min-width:751px) {
  .editing .edit-layout { grid-template-rows:minmax(0,1fr); }
  .editing .profile-main,.editing .profile-editor { min-height:0; }
}

@media(max-width:750px){.identity-details,.directory-title,.directory-filters,.directory-column-head{display:none}.destination-list{padding-top:4px}}

.preview-device-controls{display:flex;gap:3px;padding:3px;background:#edf1e8;border-radius:7px}.preview-toolbar .preview-device-controls button{display:block;padding:6px 10px;border-radius:5px;font-size:10px}.preview-device-controls button[aria-pressed=true]{background:white;color:var(--text);box-shadow:0 1px 3px #20251f14}.mobile-editor-preview{width:min(390px,100%);height:calc(100% - 48px);min-height:360px;margin:0 auto;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg);box-shadow:0 8px 28px #20251f0b}.mobile-editor-preview[hidden]{display:none}.mobile-editor-preview iframe{display:block;border:0;width:100%;height:100%}.editing.mobile-preview-mode .profile-main>.creator-profile,.editing.mobile-preview-mode .profile-main>.profile-endnote{display:none}.editing.mobile-preview-mode .profile-main{overflow:hidden}@media(max-width:750px){.mobile-editor-preview{height:70dvh}.preview-toolbar{gap:8px;flex-wrap:wrap}.preview-toolbar>span{font-size:8px}}

@media(max-width:750px){.directory-about{display:none}}

.creator-profile[hidden]{display:none}.page-notice{background:white;border:1px solid var(--border);padding:32px;border-radius:10px;max-width:700px;margin:20px auto}.page-notice h1{font-size:28px;letter-spacing:-.6px;overflow-wrap:anywhere}.page-notice p{font-size:14px;color:var(--muted);line-height:1.7}.page-notice-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}.page-notice-actions a,.page-notice-actions button{font-size:12px}.page-notice-actions button{padding:10px 16px;background:var(--text);color:white;border:0;border-radius:7px}