.portrait-experience button:focus-visible,.portrait-media button:focus-visible{outline-offset:3px;outline:2px solid #d16c40}.portrait-experience button:disabled{cursor:default;opacity:.48}.portrait-background-filter{border:0;min-width:0;margin:0 0 20px;padding:0}.portrait-background-filter legend{letter-spacing:.08em;text-transform:uppercase;color:#736e62;margin-bottom:9px;font-size:10px}.portrait-palette-options{flex-wrap:wrap;gap:7px;display:flex}.portrait-palette-option{color:#625d51;cursor:pointer;background:#fffdf6;border:1px solid #d8d2c6;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:7px 10px;font-size:11px;transition:border-color .15s,background-color .15s;display:inline-flex}.portrait-palette-option[aria-pressed=true]{color:#412f22;background:#ead4c7;border-color:#bb623b}.portrait-palette-dot{border-radius:50%;flex-shrink:0;width:13px;height:13px;box-shadow:inset 0 0 0 1px #0002}.portrait-text-action{color:#8b482d;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 3px;font-size:11px;font-weight:500;display:inline-flex}.portrait-text-action:hover{text-underline-offset:3px;text-decoration:underline}.portrait-experience .portrait-filters{align-items:flex-end}.portrait-experience .portrait-filters>.portrait-text-action{margin-bottom:3px}.portrait-experience .portrait-result-count{display:block}.portrait-selection-summary{color:#736e62;border-top:1px solid #ded8cc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:18px;padding-top:14px;font-size:11px;line-height:1.6;display:flex}.portrait-selection-summary strong{color:#504b40;font-weight:500}.portrait-empty-state{color:#736e62;border:1px dashed #d8d2c6;border-radius:10px;justify-items:center;gap:8px;padding:36px 16px;font-size:13px;display:grid}.portrait-asset-notice{color:#75432e;background:#f0dfd3;border:1px solid #d6b8a6;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.portrait-media{aspect-ratio:1;isolation:isolate;background:#e6e2d8;width:100%;position:relative;overflow:hidden}.portrait-media-art{width:100%;height:100%}.portrait-media[data-load-state=loading] .portrait-media-art,.portrait-media[data-load-state=error] .portrait-media-art{opacity:0}.portrait-media-placeholder{color:#827b6d;text-align:center;background:linear-gradient(135deg,#e8e4da,#f2eee5,#e8e4da);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:11px;display:flex;position:absolute;inset:0}.portrait-media-placeholder:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff50 48%,#0000 66%);animation:1.7s ease-in-out infinite portrait-skeleton-glide;position:absolute;inset:0;transform:translate(-100%)}.portrait-media-error:before{display:none}.portrait-media-error{color:#75432e}.portrait-loading-icon{flex-shrink:0;animation:1s linear infinite portrait-loading-turn}.portrait-status-error{color:#974d32}.portrait-name-help{color:#736e62;margin:0 0 12px;font-size:11px;line-height:1.6}.portrait-name-help[data-error=true]{color:#974d32}.catalogue-name-form{margin-bottom:0}.catalogue-name-row input[aria-invalid=true]{border-color:#af6648}.creation-pending{color:#514a3d;background:#eee7db;border:1px solid #d9cabc;border-radius:12px;margin:18px 0;padding:18px}.creation-pending-heading{align-items:center;gap:12px;display:flex}.creation-pending-heading>.portrait-loading-icon{color:#bb623b}.creation-pending-heading strong{font-size:13px;font-weight:500;display:block}.creation-pending-heading p{color:#736e62;margin:5px 0 0;font-size:12px;line-height:1.5}.creation-pending-compact{padding:12px 14px}.creation-pending-steps{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.creation-pending-steps li{color:#898173;align-items:center;gap:9px;font-size:11px;display:flex}.creation-pending-steps li>span:first-child{border:1px solid #cec5b6;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.creation-pending-steps li[data-state=current]{color:#62462e}.creation-pending-steps li[data-state=current]>span:first-child{border-color:#bc734f}.creation-pending-steps li[data-state=done]{color:#626c51}.creation-pending-steps li[data-state=done]>span:first-child{border-color:#939e7f}.creation-step-pulse{background:#bb623b;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite creation-step-breathe}.portrait-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes portrait-skeleton-glide{to{transform:translate(100%)}}@keyframes portrait-loading-turn{to{transform:rotate(360deg)}}@keyframes creation-step-breathe{50%{opacity:.35}}@media (max-width:640px){.portrait-palette-options{gap:6px}.portrait-palette-option{min-height:34px;padding:6px 9px;font-size:10px}.portrait-selection-summary{font-size:10px}.portrait-asset-notice{flex-direction:column;align-items:flex-start;gap:4px}.portrait-media-placeholder{gap:7px;font-size:10px}}@media (prefers-reduced-motion:reduce){.portrait-loading-icon,.portrait-media-placeholder:before,.creation-step-pulse{animation:none}.portrait-palette-option{transition:none}}