.bio-builder{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}.bio-builder fieldset{border:0;padding:0;margin:0;min-width:0}.bio-builder [hidden]{display:none!important}.bio-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.bio-tabs button{font:inherit;font-size:12px;padding:0 0 13px;color:var(--muted);border:0;border-bottom:2px solid transparent}.bio-tabs [aria-selected=true]{color:var(--ink);border-bottom-color:var(--green);font-weight:600}.bio-builder h3{font-size:14px;font-weight:600}.bio-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 15px}.bio-profile{border:1px solid var(--line);border-radius:9px;margin-bottom:26px}.bio-profile>summary{padding:17px;font-size:13px;font-weight:600;cursor:pointer}.bio-profile-fields{padding:0 17px 4px}.bio-photo-row{display:flex;gap:14px;align-items:center}.bio-photo-row>div:last-child{min-width:0;flex:1}.bio-photo-row label{margin:0}.bio-photo-row input[type=file]{padding:9px;font-size:10px;background:transparent;border:1px solid var(--line)}.bio-photo-thumb{width:54px;height:54px;flex-shrink:0;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:24px}.bio-photo-thumb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.bio-text-button{border:0;color:var(--muted);font-size:10px;text-decoration:underline;margin-top:8px}.bio-block-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.bio-block-heading .bio-hint{margin:5px 0 0}.bio-add{white-space:nowrap;background:var(--green);color:#fff;padding:11px 14px;border-radius:5px;font-size:11px;border:0}.bio-block{border:1px solid var(--line);border-radius:8px;margin-bottom:13px;overflow:hidden}.bio-block-top{display:flex;align-items:center;justify-content:space-between;background:#f4f5ef;padding:8px 12px;border-bottom:1px solid var(--line)}.bio-block-number{font-size:10px;color:var(--muted);letter-spacing:1px}.bio-block-controls{display:flex;gap:5px}.bio-block-controls button{font-size:15px;display:grid;place-items:center;width:30px;height:28px;border:1px solid transparent;border-radius:4px;color:var(--ink)}.bio-block-controls button:hover{background:#e3e9da}.bio-block-controls button:disabled{opacity:.25;cursor:default}.bio-block summary{cursor:pointer;font-size:12px;font-weight:600;padding:14px}.bio-block summary>span{margin:0 8px;color:var(--muted)}.bio-block-fields{padding:0 14px 5px}.bio-block-fields .bio-image-thumb{max-width:100%;height:90px;border-radius:6px;object-fit:cover;display:block;margin-bottom:16px}.bio-empty{border:1px dashed var(--line);padding:26px 16px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.bio-colors{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:24px}.bio-colors input[type=color]{height:48px;padding:5px;cursor:pointer}.bio-builder select{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fdfdf9;color:var(--ink)}.bio-publish{border-top:1px solid var(--line);padding-top:24px;margin-top:26px}.bio-address{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.bio-address>span{background:#f4f5ef;font-size:10px;padding:12px 9px;white-space:nowrap;align-content:center}.bio-address input{border:0;border-radius:0;min-width:0}.bio-publish .tool-actions>*{flex:1}.bio-result{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:7px;background:#f0f2e9}.bio-result>a{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:12px;text-decoration:underline}.bio-result .tool-actions a{font-size:11px;padding:12px 0;margin-right:auto}.bio-builder .tool-status.is-error{color:#b14636}.bio-preview-column{position:sticky;top:25px;min-width:0}.bio-preview-heading{display:flex;align-items:center;gap:8px;margin:0 8px 18px}.bio-preview-heading h2{font-size:11px;font-weight:600;flex:1}.bio-live-dot{height:6px;width:6px;background:#739752;border-radius:50%}.bio-phone{border:7px solid #253b32;border-radius:38px;padding:0;background:#253b32;box-shadow:0 15px 35px #203e3317;overflow:hidden;position:relative}.bio-phone-camera{position:absolute;width:76px;height:17px;border-radius:0 0 12px 12px;background:#253b32;top:0;left:50%;transform:translateX(-50%);z-index:1}.bio-phone-screen{height:590px;overflow:auto;scrollbar-width:thin;border-radius:30px}.bio-preview-hint{text-align:center;margin-top:16px}.bio-dialog{border:1px solid var(--line);background:var(--paper,#fff);color:var(--ink);border-radius:14px;padding:26px;width:min(470px,calc(100% - 32px));max-height:85vh;margin:auto;box-shadow:0 25px 90px #0003}.bio-dialog::backdrop{background:#11271f80;backdrop-filter:blur(3px)}.bio-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.bio-dialog-heading h2{font-family:var(--serif);font-size:26px;font-weight:400}.bio-dialog-heading button{height:35px;min-width:35px;font-size:25px;border:1px solid var(--line);border-radius:50%}.bio-block-types{display:grid;gap:10px}.bio-block-types button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:8px;padding:14px;color:var(--ink)}.bio-block-types button:hover{background:#eef2e7}.bio-block-types button>span:nth-child(2){flex:1}.bio-block-types strong{display:block;font-size:13px}.bio-block-types small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}.bio-type-icon{width:34px;font-size:24px;text-align:center;color:#71855c}.bio-builder button:focus-visible,.bio-dialog button:focus-visible{outline:3px solid #8a9d68;outline-offset:3px}
html[data-theme=dark] :is(.bio-block-top,.bio-address>span,.bio-result){background:#26392b}html[data-theme=dark] .bio-dialog{background:#1d3027}html[data-theme=dark] .bio-block-types button:hover,html[data-theme=dark] .bio-block-controls button:hover{background:#354a3b}html[data-theme=dark] .bio-builder select{background:#1b2d24}html[data-theme=dark] .bio-builder .tool-status.is-error{color:#ffafa1}
[data-tool=bio-pages] #tool-workspace [hidden]{display:none!important}.bio-block-top h4{font-size:12px;flex:1;color:var(--ink)}.bio-block-top{gap:10px}.bio-block-fields{padding-top:17px}.bio-drag-handle{touch-action:none;cursor:grab;user-select:none;border:0;font-size:25px;color:var(--muted);min-width:32px;height:34px;line-height:1}.bio-drag-handle:active{cursor:grabbing}.bio-block.is-dragging{outline:2px solid #82966b;box-shadow:0 8px 24px #203e3322;opacity:.85}.bio-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bio-library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.bio-library-heading .workspace-title{margin-bottom:8px}.bio-library-heading .bio-add{flex-shrink:0}.bio-library-empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:8px}.bio-library-empty>span{font-size:40px;color:#71855c;display:block;margin-bottom:16px}.bio-library-empty h3{font-family:var(--serif);font-weight:400;font-size:25px}.bio-page-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 18px;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.bio-page-card>div:first-child{min-width:0}.bio-page-card h3{font-size:16px;margin:8px 0}.bio-page-card p{font-size:11px;overflow-wrap:anywhere;color:var(--muted)}.bio-page-badge{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:3px 9px;color:var(--muted)}.bio-page-card .tool-actions{flex-shrink:0;margin:0}.bio-page-card .tool-actions a{font-size:11px;padding:12px 6px}.bio-danger{color:#ad4334!important}.bio-editor-nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line);font-size:11px}.bio-editor-nav button{border:1px solid var(--line);border-radius:5px;padding:10px 13px}.bio-editor-nav #bio-active-name{font-weight:600;overflow-wrap:anywhere}.bio-editor-nav #bio-dirty{color:var(--muted);margin-left:auto;font-size:10px}.bio-create-label{display:block;font-size:12px}.bio-create-label>span{display:block;margin-bottom:12px}.bio-create-label input{min-width:0;width:100%;padding:13px;border:0;background:#fdfdf9;color:var(--ink);font:inherit}.bio-full-button{width:100%;padding:15px;margin-top:16px}.bio-dialog .tool-status{margin:15px 0}.bio-dialog #delete-bio-name{font-size:12px;overflow-wrap:anywhere}html[data-theme=dark] .bio-create-label input{background:#14261d}html[data-theme=dark] .bio-danger{color:#ffafa1!important}
@media(max-width:760px){.bio-library-heading,.bio-page-card{align-items:stretch;flex-direction:column}.bio-page-card .tool-actions{flex-wrap:wrap}.bio-library-empty{padding:35px 14px}.bio-block-top{gap:5px}.bio-block-controls{gap:0}.bio-block-fields{padding-left:12px;padding-right:12px}}
@media(max-width:1200px){.bio-builder{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.bio-phone-screen{height:540px}.bio-photo-row{align-items:flex-start}.bio-photo-row input::file-selector-button{display:block;margin-bottom:6px}}
@media(max-width:1000px){.bio-builder{grid-template-columns:1fr}.bio-preview-column{position:static;max-width:330px;width:100%;margin:18px auto 0}.bio-phone-screen{height:580px}.bio-photo-row input::file-selector-button{display:inline-block;margin-bottom:0}}
@media(max-width:500px){.bio-profile-fields{padding:0 12px 4px}.bio-photo-row{flex-direction:column}.bio-photo-row>div:last-child{width:100%}.bio-block-heading{align-items:flex-start}.bio-block-heading .bio-hint{max-width:170px}.bio-add{padding:10px}.bio-dialog{padding:20px}.bio-dialog-heading h2{font-size:23px}.bio-phone-screen{height:510px}.bio-builder .tool-actions{gap:8px}.bio-builder .tool-actions button{padding:11px 8px}}

.bio-block-controls .bio-status-toggle{display:flex;align-items:center;gap:6px;width:auto;min-height:32px;padding:3px 6px;font-size:10px;white-space:nowrap}.bio-switch-track{display:block;width:30px;height:18px;border-radius:20px;background:#78817b;border:1px solid #78817b;position:relative;flex-shrink:0}.bio-switch-track::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s ease}.bio-status-toggle[aria-checked=true] .bio-switch-track{background:#35654c;border-color:#35654c}.bio-status-toggle[aria-checked=true] .bio-switch-track::after{transform:translateX(12px)}.bio-block.is-off{border-style:dashed}.bio-block.is-off .bio-block-top{border-bottom-style:dashed}html[data-theme=dark] .bio-block-controls .bio-status-toggle{color:var(--ink)}@media(max-width:500px){.bio-block-top{flex-wrap:wrap}.bio-block-top h4{min-width:70px}.bio-block-controls{margin-left:auto}}@media(prefers-reduced-motion:reduce){.bio-switch-track::after{transition:none}}

.bio-block.is-dragging{background:var(--paper,#fff);opacity:1;box-shadow:0 22px 55px #102b3440,0 5px 15px #102b3420;outline:2px solid #82966b;pointer-events:none;will-change:transform;transition:none}.bio-drop-slot{box-sizing:border-box;border:2px dashed #82966b;border-radius:8px;background:#82966b12;pointer-events:none}.bio-dragging,.bio-dragging *{cursor:grabbing!important;user-select:none!important}html[data-theme=dark] .bio-block.is-dragging{background:#14261d}


.bio-block.is-minimized .bio-block-top{border-bottom:0}.bio-block-controls [data-block-action=minimize]{font-size:20px;line-height:1}.bio-block-fields[hidden]{display:none!important}


/* A soft halo keeps the live preview distinct from the editing controls. */
.bio-phone{box-shadow:0 15px 35px #203e3317,0 0 0 1px #8aab7833,0 0 32px 7px #8aab7826}
.bio-live-dot{box-shadow:0 0 0 4px #73975212,0 0 10px #73975266}
html[data-theme=dark] .bio-phone{box-shadow:0 15px 35px #0003,0 0 0 1px #a5c88c33,0 0 34px 7px #a5c88c20}
.bio-templates{margin-top:24px}.bio-templates h4{font-size:12px;font-weight:600}
.bio-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bio-template{min-width:0;border:1px solid var(--line);border-radius:9px;padding:6px;color:var(--ink);font:inherit;font-size:11px;text-align:center}
.bio-template>span:last-child{display:block;padding:9px 2px 4px}
.bio-template:hover{border-color:var(--green)}.bio-template[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}
.bio-template-sample{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 12px;border-radius:5px;background:var(--sample-bg);color:var(--sample-ink)}
.bio-template-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--sample-accent);color:var(--sample-button-text);font-size:12px}
.bio-template-line{width:44%;height:3px;background:var(--sample-ink);opacity:.55;margin-bottom:3px}
.bio-template-link{width:100%;padding:4px;border-radius:var(--sample-radius);background:var(--sample-accent);color:var(--sample-button-text);font-size:9px}
#block-picker [hidden]{display:none!important}#block-details-form h3{font-size:17px;margin-top:20px}
#block-details-fields{border:0;padding:0;margin:0;min-width:0}
#block-details-fields label{display:block;font-size:12px;margin-bottom:16px}
#block-details-fields label>span{display:block;margin-bottom:9px}
#block-details-fields input,#block-details-fields textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--paper,#fff);color:var(--ink);font:inherit}
#block-details-fields textarea{min-height:130px;resize:vertical;line-height:1.6}
#block-details-fields input:focus-visible,#block-details-fields textarea:focus-visible{outline:2px solid #8a9d68;outline-offset:2px}
#block-details-status{font-size:12px}#confirm-add-block:disabled{opacity:.55;cursor:wait}
@media(max-width:500px){.bio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


.bio-template-social{display:flex;justify-content:center;gap:6px;margin-top:4px}.bio-template-social>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sample-accent);color:var(--sample-button-text)}.bio-template-social svg{width:11px;height:11px}
.bio-builder .bio-social-slot,#block-details-fields .bio-social-slot{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:7px;padding:12px;margin:0 0 16px;min-width:0}.bio-social-slot legend{padding:0 5px;font-size:11px;color:var(--muted)}.bio-social-slot label{min-width:0;margin:0!important}
#block-details-fields select{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--paper,#fff);color:var(--ink);font:inherit}#block-details-fields select:focus-visible{outline:2px solid #8a9d68;outline-offset:2px}
.bio-block-types button:disabled{opacity:.45;cursor:default}.bio-block-types button:disabled:hover{background:transparent}
@media(max-width:500px){.bio-builder .bio-social-slot,#block-details-fields .bio-social-slot{grid-template-columns:1fr;gap:12px}}

/* Bio editor finishing details. */
[data-tool=bio-pages] #tool-availability{display:none}
html .tool-page[data-tool=bio-pages] .bio-phone{border-color:#080808;background:#080808;box-shadow:0 20px 40px #0002,0 0 0 1px #b4a07844,0 0 30px 5px #b4a07824}
html .tool-page[data-tool=bio-pages] .bio-phone-camera{background:#080808}
.bio-phone-screen{scrollbar-width:none;-ms-overflow-style:none}.bio-phone-screen::-webkit-scrollbar{display:none;width:0;height:0}
html .tool-page #bio-templates-title{font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0 0 20px}
.bio-template>span:last-child{font-weight:600}
[data-template=poster] .bio-template-sample{align-items:flex-start;background-image:linear-gradient(135deg,transparent 65%,#0001 65%);border-top:5px solid var(--sample-accent)}
[data-template=poster] .bio-template-avatar{width:auto;height:27px;border-radius:0;background:none;color:var(--sample-ink);text-transform:uppercase;font-weight:900;font-size:20px;letter-spacing:-1px}
[data-template=poster] .bio-template-link{box-shadow:2px 2px 0 var(--sample-ink);border:1px solid var(--sample-bg)}
[data-template=poster] .bio-template-social{align-self:center}
[data-template=event] .bio-template-sample{background-image:radial-gradient(ellipse at top right,#edb7ff55,transparent 70%)}
[data-template=event] .bio-template-avatar{width:100%;height:27px;border-radius:40px 40px 4px 4px;background:transparent;color:var(--sample-ink);border:1px solid #ffffff55;text-transform:uppercase;letter-spacing:2px;font-size:10px}
[data-template=editorial] .bio-template-sample{border:4px double var(--sample-accent);padding:10px 8px;font-family:Georgia,serif}
[data-template=editorial] .bio-template-avatar{background:none;color:var(--sample-ink);width:100%;font-family:Georgia,serif;font-size:16px;font-style:italic}
[data-template=editorial] .bio-template-link{background:none;color:var(--sample-ink);border-block:1px solid var(--sample-accent)}
html .tool-page #close-block-picker{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;padding:0;line-height:1;border-radius:50%;color:var(--ink);background:transparent;align-self:flex-start}
#close-block-picker svg{display:block;width:20px;height:20px;pointer-events:none}
.bio-block-controls [data-block-action=duplicate],.bio-block-controls [data-block-action=remove]{padding:6px;color:var(--muted)}
.bio-block-controls svg{display:block;width:17px;height:17px;pointer-events:none}
#block-details-fields label:has(input[required],textarea[required])>span::after{content:' *';color:var(--muted)}
#block-details-fields .bio-code-input,.bio-block-fields .bio-code-input{font-family:Consolas,monospace;font-size:12px;line-height:1.6;tab-size:2;min-height:190px;resize:vertical}
html .tool-page #bio-result{padding:24px;border:1px solid var(--gold-border,var(--line));border-radius:18px;background:radial-gradient(ellipse at top right,#b4a07818,transparent 70%),var(--surface-soft);box-shadow:0 8px 28px #00000005}
.bio-published-heading{display:flex;gap:14px;align-items:flex-start}.bio-published-heading>div{min-width:0}
.bio-published-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#698e7718;color:#4c8260;border:1px solid #698e7733}.bio-published-icon svg{width:22px;height:22px}
html .tool-page #bio-result h3{font-size:19px;font-weight:700;line-height:1.4;letter-spacing:-.4px;margin:5px 0 7px}.bio-published-badge{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.bio-published-heading p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
html .tool-page #bio-url{padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:9px;text-decoration:none;font-size:12px;margin-top:20px;line-height:1.7}
#bio-result .tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}html .tool-page #open-bio{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;margin:0;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:600;text-decoration:none}html .tool-page #copy-bio{border-radius:9px;font-size:12px}
@media(max-width:500px){html .tool-page #bio-result{padding:18px}.bio-published-heading{gap:10px}html .tool-page #bio-result h3{font-size:17px}}