.portrait{overflow:hidden;isolation:isolate;border-radius:8px}.portrait-studio{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:32px;align-items:start}.portrait-studio__preview{position:sticky;top:24px;padding:22px;text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);box-shadow:0 12px 35px #0000000a}.portrait-studio__preview .portrait{width:100%;height:auto;margin:16px auto;border-radius:12px;display:block}.portrait-studio__preview h2{margin:0 0 8px}.portrait-studio__preview .tag{margin:12px auto 6px}.portrait-preview-actions{display:grid;gap:8px;margin-top:12px}.portrait-preview-actions .btn{width:100%}.portrait-reset{border:0;background:none;color:var(--muted,#637082);padding:10px;font:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.portrait-studio__choices{min-width:0}.portrait-controls-head{padding:4px 0 18px}.portrait-controls-head h2{margin:6px 0 10px}.portrait-control-group{border:1px solid var(--line);border-radius:13px;margin-bottom:12px;overflow:hidden}.portrait-control-group summary{display:flex;align-items:center;gap:10px;padding:17px 20px;cursor:pointer;font-weight:650;list-style:none}.portrait-control-group summary::-webkit-details-marker{display:none}.portrait-control-group summary:after{content:"+";margin-left:auto;font-size:1.2rem;color:var(--muted,#64748b)}.portrait-control-group[open] summary:after{content:"−"}.portrait-control-group summary small{font-size:.68rem;font-weight:500;border:1px solid var(--line);padding:2px 6px;border-radius:5px;color:var(--muted,#64748b)}.portrait-control-group[open] summary{border-bottom:1px solid var(--line)}.portrait-control-group__body{padding:22px 20px 8px;display:grid;gap:22px}.portrait-options{min-width:0;margin:0;padding:0;border:0}.portrait-options legend{padding:0;font-size:.84rem;font-weight:600;margin-bottom:12px}.portrait-options__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px}.portrait-option{position:relative;cursor:pointer;min-width:0}.portrait-option input{position:absolute;opacity:0;width:1px;height:1px}.portrait-option__surface{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:9px 8px;font-size:.76rem;text-align:center;transition:background .15s,border-color .15s}.portrait-option input:checked+.portrait-option__surface{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.portrait-option input:focus-visible+.portrait-option__surface{outline:3px solid var(--brand);outline-offset:3px}.portrait-swatch{width:23px;height:23px;flex-shrink:0;display:block;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000020}.portrait-options__grid--swatches{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.portrait-options__grid--swatches .portrait-option__surface{justify-content:flex-start}.portrait-slider{padding-bottom:9px}.portrait-slider__heading{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:550;margin-bottom:10px;gap:12px}.portrait-slider output{font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:500;min-width:32px;text-align:center;color:var(--muted,#6b7585)}.portrait-slider input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:6px;margin:8px 0;padding:0;border:0;border-radius:10px;background:linear-gradient(to right,var(--brand) 0 var(--range),var(--line) var(--range) 100%);cursor:pointer}.portrait-slider input::-webkit-slider-thumb{appearance:none;width:19px;height:19px;background:var(--brand);border:3px solid var(--surface,#fff);border-radius:50%;box-shadow:0 0 0 1px var(--brand),0 2px 4px #0002}.portrait-slider input::-moz-range-thumb{width:14px;height:14px;background:var(--brand);border:3px solid var(--surface,#fff);border-radius:50%;box-shadow:0 0 0 1px var(--brand)}.portrait-slider input:focus-visible{outline:2px solid var(--brand);outline-offset:6px}.portrait-slider__ends{display:flex;justify-content:space-between;color:var(--muted,#6b7585);font-size:.69rem;margin-top:6px}.portrait-random-row{padding:12px 0 0}.portrait-random-row .field{margin-bottom:8px}.portrait-studio [data-preview-status]{min-height:1.4em;margin:10px 0}.portrait-studio [data-portrait-preview]{position:relative}.portrait-studio [aria-busy=true]:after{content:"";position:absolute;bottom:12px;right:12px;width:16px;height:16px;border:2px solid #fff5;border-top-color:#fff;border-radius:50%;animation:portrait-spin .8s linear infinite}@keyframes portrait-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.portrait-studio [aria-busy=true]:after{animation:none}}.portrait-studio__save{border-top:1px solid var(--line);padding:24px 0 0}.portrait-studio__confirm{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;margin:14px 0 20px}.portrait-studio__confirm input{margin-top:4px;flex-shrink:0}.portrait-studio__save .btn{width:100%}@media(max-width:800px){.portrait-studio{grid-template-columns:1fr;gap:24px}.portrait-studio__preview{position:static;padding:20px}.portrait-studio__preview .portrait{max-width:288px}.portrait-preview-actions{max-width:320px;margin:12px auto 0}.portrait-control-group__body{padding:20px 16px 8px}.portrait-options__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-options__grid--swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait-options__grid--swatches .portrait-option__surface{flex-direction:column}}