.bio-design-studio{color:var(--foreground);grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:2rem;padding:2rem;display:grid}.bio-design-controls{align-self:center;max-width:380px;padding:.5rem}.bio-design-controls h3{font-family:var(--font-heading);letter-spacing:-.03em;max-width:16ch;font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.1}.bio-design-controls>p{color:var(--muted-foreground);margin-top:1rem;font-size:.9rem;line-height:1.6}.bio-design-name{gap:.6rem;margin-top:1.75rem;font-size:.8rem;font-weight:600;display:grid}.bio-design-name input{border:1px solid var(--border);background:var(--background);width:100%;min-height:46px;color:var(--foreground);border-radius:12px;padding:.7rem .9rem;font-size:.95rem;font-weight:400}.bio-design-controls fieldset{border:0;min-width:0;margin-top:1.4rem}.bio-design-controls legend{margin-bottom:.65rem;font-size:.8rem;font-weight:600}.bio-design-swatches{gap:.65rem;display:flex}.bio-design-swatches button{border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;min-width:64px;min-height:76px;padding:.5rem;font-size:.75rem;display:flex}.bio-design-swatches button[aria-pressed=true]{border-color:var(--foreground);background:var(--muted)}.bio-design-swatches button>span{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.bio-design-segment{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.bio-design-segment button{border:1px solid var(--border);overflow-wrap:anywhere;text-align:left;background:var(--background);border-radius:12px;align-items:center;gap:.75rem;min-width:0;min-height:55px;padding:.6rem .8rem;font-size:.8rem;line-height:1.25;display:flex}.bio-design-segment button[aria-pressed=true]{border-color:var(--foreground);background:var(--muted)}.bio-design-segment button>span{font-size:1.5rem}.bio-design-shapes button>span{border:1.5px solid;flex-shrink:0;width:28px;height:17px;display:block}.bio-design-reset{text-underline-offset:4px;align-items:center;gap:.5rem;min-height:44px;margin-top:1.25rem;font-size:.8rem;text-decoration:underline;display:inline-flex}.bio-design-stage{background:var(--design-stage);color:#292738;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:1.5rem 2rem;display:flex}.bio-design-preview-label{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.75rem;font-weight:500;display:flex}.bio-design-page-frame{background:#fbf8f2;border-radius:30px;width:100%;max-width:355px;padding:7px;box-shadow:0 26px 40px -24px #24243965}.bio-design-page{overscroll-behavior-y:contain;scrollbar-width:thin;height:580px;color:var(--design-ink);background:var(--design-paper);border-radius:24px;overflow-y:auto}.bio-design-cover{border-radius:0 0 80px;height:215px;overflow:hidden}.bio-design-cover img{object-fit:cover;width:100%;height:100%}.bio-design-page-content{padding:0 22px 24px}.bio-design-monogram{background:var(--design-button);width:64px;height:64px;color:var(--design-label);font-family:var(--design-type);border:3px solid var(--design-paper);border-radius:16px;justify-content:space-between;align-items:center;margin-top:-30px;padding:10px;font-size:2rem;display:flex;position:relative}.bio-design-monogram span{align-self:start;font-size:.8rem}.bio-design-page h4{font-family:var(--design-type);letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:1rem;font-size:2.3rem;font-weight:500;line-height:1.1}.bio-design-page-content>p{margin-top:.75rem;font-size:.85rem;line-height:1.6}.bio-design-page-links{gap:.7rem;margin-top:1.5rem;display:grid}.bio-design-page-links button{border:1px solid var(--design-ink);border-radius:var(--design-radius);text-align:left;justify-content:space-between;align-items:center;gap:.75rem;min-height:50px;padding:.95rem 1rem;font-size:.8rem;display:flex}.bio-design-page-links button:first-child{background:var(--design-button);color:var(--design-label);border-color:#0000}.bio-design-page-links button svg{flex-shrink:0}.bio-design-page-content>.bio-design-sample-note{font-size:.7rem}.bio-design-scroll-hint{text-align:center;margin-top:1.3rem;font-size:.75rem;line-height:1.5}.bio-design-disclaimer{color:var(--muted-foreground);grid-column:1/-1;font-size:.75rem;line-height:1.5}.bio-design-studio :focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.bio-design-page :focus-visible{outline-color:var(--design-ink)}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-page-first-motion=on] .bio-design-page-links button{transition:transform .18s}[data-page-first-motion=on] .bio-design-page-links button:hover{transform:translateY(-2px)}}@media (max-width:899px){.bio-design-studio{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:1rem;padding:1rem}.bio-design-stage{padding:1.25rem .8rem}.bio-design-page{height:570px}.bio-design-cover{height:180px}.bio-design-page-content{padding-inline:16px}.bio-design-shapes{grid-template-columns:minmax(0,1fr)}}@media (max-width:639px){.bio-design-studio{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:.8rem}.bio-design-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;max-width:none;padding:.4rem;display:grid}.bio-design-controls h3,.bio-design-controls>p,.bio-design-name,.bio-design-controls fieldset:first-of-type{grid-column:1/-1}.bio-design-controls h3{max-width:22ch;font-size:1.8rem}.bio-design-controls>p,.bio-design-name,.bio-design-controls fieldset{margin-top:0}.bio-design-swatches{gap:.5rem}.bio-design-swatches button{flex-direction:row;flex:1;justify-content:center;min-width:0;min-height:50px}.bio-design-swatches button>span{flex-shrink:0;width:24px;height:24px}.bio-design-segment{gap:.4rem}.bio-design-segment button{overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:.25rem;min-width:0;padding:.45rem .25rem;font-size:.7rem}.bio-design-shapes{grid-template-columns:1fr}.bio-design-shapes button{flex-direction:row;gap:.5rem;min-height:38px}.bio-design-reset{margin-top:0}.bio-design-page{height:490px}}