.album-illustration{isolation:isolate}.album-illustration-image{background:0 0;border:0;border-radius:4px;width:100%;height:100%;padding:0;display:block}button.album-illustration-image{cursor:pointer;min-width:44px;min-height:44px;position:relative}.album-illustration-image img{object-fit:contain;width:100%;height:100%;display:block}.album-illustration-image:focus-visible{outline-offset:4px;outline:2px solid #987451}.album-illustration.is-generating .album-illustration-image{visibility:hidden}.album-illustration-generating{pointer-events:none;position:absolute;inset:0}.album-illustration-dots{background:#eee8dd;border-radius:8px;width:100%;height:100%;display:block}.album-illustration-status{color:#91877a;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;width:max-content;padding:0;font:10px/16px -apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.album-illustration-status.is-failed{color:#71685d}.album-illustration-status button,button.album-illustration-status{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.album-illustration-status button{position:relative}.album-illustration-status button:after{content:"";position:absolute;inset:-4px -2px}.album-illustration-popover{--illustration-label-inset:8px;--nook-color-surface-raised:var(--nook-color-surface-editor-overlay);--nook-color-surface-base:var(--nook-color-surface-editor-hover);--nook-color-border-focus:var(--nook-color-border-editor-focus);z-index:3000;color:#4d463f;width:max-content;max-width:min(240px,100vw - 16px);padding:4px;font:10px/16px -apple-system,BlinkMacSystemFont,sans-serif;position:fixed}.album-illustration-popover-surface{border:1px solid var(--nook-color-border-editor-subtle);border-radius:var(--nook-radius-editor-control);background:var(--nook-color-surface-editor-overlay);pointer-events:none;position:absolute;inset:0;box-shadow:0 3px 10px #302c2817}.album-illustration-popover-content{position:relative}.album-illustration-popover p{min-height:24px;padding:0 var(--illustration-label-inset);align-items:center;max-width:220px;margin:0;display:flex}.album-illustration .illustration-text-shimmer,.album-illustration-popover .illustration-text-shimmer{-webkit-text-fill-color:transparent;background-image:linear-gradient(100deg,currentColor 30%,#c5bbae 48%,currentColor 66%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite illustration-text-shimmer}@keyframes illustration-text-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (hover:hover) and (pointer:fine){.album-illustration:not([data-illustration-state=failed]) button.album-illustration-image:hover:after{content:"";pointer-events:none;border:1px dashed #a89881;border-radius:4px;position:absolute;inset:-4px}}@media (prefers-reduced-motion:reduce){.album-illustration .illustration-text-shimmer,.album-illustration-popover .illustration-text-shimmer{-webkit-text-fill-color:currentColor;background:0 0;animation:none}}.album-illustration-failure{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.album-illustration-failure img{object-fit:contain;display:block}.album-illustration-popover button:not(.nook-button){border-radius:var(--nook-radius-editor-control);min-height:24px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0 8px}.album-illustration-popover button:not(.nook-button):disabled{color:#8a857b;cursor:default}.album-illustration-popover button:not(.nook-button):focus-visible,.album-illustration-status button:not(.nook-button):focus-visible,button:not(.nook-button).album-illustration-status:focus-visible{outline-offset:2px;outline:2px solid #987451}@media (hover:hover) and (pointer:fine){.album-illustration-popover button:not(.nook-button):hover:not(:disabled){background:var(--nook-color-surface-editor-hover)}}.album-illustration-choices{max-width:220px;padding:0 var(--illustration-label-inset) 4px;--nook-color-surface-raised:var(--nook-color-surface-editor-hover);--nook-color-surface-base:var(--nook-color-surface-editor-selected);flex-wrap:wrap;gap:4px;display:flex}.album-illustration-analysis-error{flex-wrap:wrap;align-items:center;gap:4px;min-height:24px;padding:0 8px;display:flex}.album-illustration-analysis-error .nook-button{min-height:24px;font:inherit;padding:0}.album-illustration-popover .nook-button[data-slot=button]{border-radius:var(--nook-radius-editor-control)}.album-illustration-choices .nook-button[data-slot=button]{font:inherit;border:0}
