.personal-trigger{min-height:48px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:18px var(--body);padding:12px 18px;cursor:pointer;text-align:left;display:block;width:100%}.personal-trigger:hover{background:var(--red)}.personal-trigger:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.personal-stage-note{margin:0;font:12px/1.5 var(--mono);padding:12px;border-left:3px solid var(--ink)}
.personal-dialog{width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid var(--line);padding:0;background:var(--ink);color:var(--paper);overflow:auto}.personal-dialog::backdrop{background:#000c}.personal-dialog .dialog-heading{position:sticky;top:0;background:var(--ink);z-index:3}.personal-dialog .dialog-heading h2{font-size:clamp(28px,5vw,48px)}.personal-body{padding:0 28px 28px}.personal-intro{font-size:21px;line-height:1.4;max-width:740px;margin:20px 0 28px}.personal-intro strong{display:block;font-weight:400;color:var(--muted);font-size:17px;margin-top:6px}.personal-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:28px;align-items:start}.personal-inputs{min-width:0}.personal-step{border-top:1px solid var(--line);padding:22px 0}.personal-step h3{font:26px/1.1 var(--display);margin:0 0 12px}.personal-step p{font:18px/1.4 var(--body);margin:10px 0 16px}.personal-file-label{display:block;font:20px var(--body);margin:14px 0 8px}.personal-file-label span{display:block;font:14px var(--body);color:var(--muted);margin-top:4px}.personal-dialog input[type=file]{display:block;width:100%;min-height:46px;font:15px var(--body);color:var(--paper);border:1px dashed var(--line);padding:8px;background:transparent}.personal-dialog input::file-selector-button{min-height:36px;font:15px var(--body);background:var(--paper);color:var(--ink);border:0;margin-right:10px;padding:8px 12px;cursor:pointer}.personal-dialog .personal-filename{font-size:14px;overflow-wrap:anywhere;color:var(--muted)}.personal-choice{border:0;padding:0;margin:20px 0;display:flex;flex-wrap:wrap;gap:8px}.personal-choice[hidden]{display:none}.personal-choice legend{font:10px var(--mono);letter-spacing:.08em;margin-bottom:10px}.personal-choice button,.personal-secondary{min-height:44px;border:1px solid var(--line);color:var(--paper);padding:10px 12px;font:17px var(--body);cursor:pointer;background:transparent}.personal-choice button[aria-pressed=true]{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.personal-choice button:hover,.personal-secondary:hover{border-color:var(--paper);background:#ffffff14}.personal-dialog .personal-small{font:15px/1.4 var(--body);color:var(--muted)}.personal-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.personal-products button{border:1px solid var(--line);padding:8px;background:transparent;color:var(--paper);text-align:left;font:15px/1.2 var(--body);cursor:pointer}.personal-products button[aria-pressed=true]{border:2px solid var(--cyan);padding:7px}.personal-products button:hover{background:#ffffff14}.personal-products img{width:100%;height:90px;object-fit:contain;margin-bottom:10px}.personal-products span{display:block;min-height:36px}.personal-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.personal-actions .button{font-size:18px;min-height:48px;padding:12px 15px}.personal-dialog button:disabled,.personal-dialog input:disabled{opacity:.4;cursor:not-allowed}.personal-dialog input:disabled::file-selector-button{cursor:not-allowed}.personal-dialog :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.personal-dialog details{margin-top:15px}.personal-dialog summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:17px}.personal-dialog textarea{resize:none;width:100%;min-height:190px;padding:12px;font:15px/1.5 var(--body);color:var(--paper);background:#171719;border:1px solid var(--line)}.personal-reference{position:sticky;top:125px;min-width:0}.personal-reference>.mono{font-size:10px;margin:0 0 12px}.personal-reference-stage{position:relative;aspect-ratio:2/3;background:#171719;overflow:hidden}.personal-reference-stage #personal-base{width:100%;height:100%;object-fit:cover}.personal-reference-stage #personal-face{position:absolute;top:15px;right:15px;width:31%;height:25%;object-fit:contain;background:var(--paper);border:4px solid var(--paper)}.personal-reference-stage span{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#0b0b0de8;color:var(--paper);font:10px/1.5 var(--mono)}#personal-current{font-size:19px;line-height:1.3;margin:12px 0}#personal-error{color:#ff999f;font:18px/1.4 var(--body);margin:0}#personal-error:empty,#personal-status:empty{display:none}#personal-status{color:var(--cyan);font:17px/1.4 var(--body);margin:16px 0}.personal-privacy{border-top:1px solid var(--line);padding-top:20px;font:15px/1.5 var(--body);color:var(--muted)}.personal-privacy p{max-width:730px;margin-bottom:14px}
@media(max-width:650px){.personal-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.personal-body{padding:0 18px 22px}.personal-dialog .dialog-heading{padding:18px;gap:12px}.personal-dialog .dialog-heading .eyebrow{font-size:8px}.personal-layout{grid-template-columns:1fr}.personal-reference{position:static;grid-row:1}.personal-reference-stage{aspect-ratio:5/4;max-height:260px}.personal-reference-stage #personal-base{object-fit:contain;object-position:center 20%}.personal-reference-stage #personal-face{height:55%;width:28%}.personal-intro{font-size:19px;margin-top:18px}.personal-products img{height:75px}.personal-products button{font-size:14px}.personal-actions{flex-direction:column}.personal-actions>*{width:100%}}
