.focus-columns{--focus-surface:color-mix(in srgb,var(--nook-color-surface-raised) 60%,transparent);grid-template-columns:160px minmax(0,1fr);gap:0;display:grid}.focus-navigation{height:320px;position:relative}.focus-list{overscroll-behavior:contain;scrollbar-width:none;height:320px;overflow-y:auto}.focus-list::-webkit-scrollbar{display:none}.focus-list-content{isolation:isolate;position:relative}.focus-selection{z-index:-1;background:var(--focus-surface);pointer-events:none;border-radius:4px 0 0 4px;height:64px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0}.focus-selection:before,.focus-selection:after{content:"";pointer-events:none;width:8px;height:8px;position:absolute;right:0}.focus-selection:before{background:radial-gradient(circle at 0 0,transparent 8px,var(--focus-surface) 8.5px);top:-8px}.focus-selection:after{background:radial-gradient(circle at 0 100%,transparent 8px,var(--focus-surface) 8.5px);bottom:-8px}.focus-option{text-align:left;cursor:pointer;width:100%;height:64px;color:var(--nook-color-text-secondary);font:var(--nook-type-zh-interface-body-md);letter-spacing:normal;background:0 0;border:0;align-items:center;padding:0 20px;display:flex;position:relative}.focus-option-label{pointer-events:none;gap:1px;min-width:0;transition:color .18s ease-in-out;display:grid}.focus-option-name-zh,.focus-option-scenes{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.focus-option-name-zh{font:var(--nook-type-zh-interface-body-md);color:inherit}.focus-option-scenes{font:var(--nook-type-zh-interface-caption-sm);color:var(--nook-color-text-tertiary)}.focus-option[aria-checked=true]{color:var(--nook-color-text-primary);font:var(--nook-type-zh-interface-body-md-bold)}.focus-option[aria-checked=true] .focus-option-label{transform:none}.focus-option[aria-checked=true] .focus-option-name-zh{font:var(--nook-type-zh-interface-body-md-bold)}.focus-window{background:var(--focus-surface);border-radius:4px}.focus-columns[data-edge=first] .focus-selection:before{display:none}.focus-columns[data-edge=first] .focus-window{border-top-left-radius:0}.focus-columns[data-edge=last] .focus-selection:after{display:none}.focus-columns[data-edge=last] .focus-window{border-bottom-left-radius:0}.focus-window{height:320px;overflow:hidden}.focus-track{height:100%;position:relative}.focus-slide{visibility:hidden;pointer-events:none;flex-direction:column;padding:20px 22px;display:flex;position:absolute;inset:0;transform:translateY(100%)}.focus-slide[data-position=before]{transform:translateY(-100%)}.focus-slide[data-outgoing=true],.focus-slide[data-position=active]{visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1)}.focus-slide[data-position=active]{pointer-events:auto;transform:translate(0,0)}.focus-page-label{color:#877f72;justify-content:space-between;font-size:10px;display:flex}.focus-example{flex:1;place-items:center;min-height:0;padding:8px 0;display:grid}.focus-example .create-style-preview{background:0 0;gap:0;width:100%;margin:0;padding:0}.focus-example figcaption{display:none}.focus-example .create-basic-preview-book{aspect-ratio:3/2;width:min(100%,390px);height:auto;position:relative}.focus-example .create-basic-preview-book .repo-book-spread{box-shadow:0 8px 20px #47362314,0 2px 5px #4736230f}.focus-option:focus-visible{outline:2px solid var(--nook-color-border-focus);outline-offset:-3px}@media (max-width:480px){.focus-columns{grid-template-columns:116px minmax(0,1fr)}.focus-slide{padding:16px 10px}}@media (prefers-reduced-motion:reduce){.focus-columns .focus-slide,.focus-selection,.focus-option-label{transition:none}}.focus-columns[data-input=keyboard] .focus-slide,.focus-columns[data-input=keyboard] .focus-selection{transition:none}@media (hover:hover) and (pointer:fine){.focus-option:hover{color:var(--nook-color-text-primary)}}
.create-album-flow .create-intro{margin-bottom:36px}.create-step-heading{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:16px;display:flex}.create-step-heading h2{margin:0;font-size:14px;font-weight:500}.create-step-heading>span{color:var(--nook-muted);align-items:center;gap:16px;font-size:11px;display:flex}.create-chosen-style{color:var(--nook-ink)}.create-style-preview{background:var(--nook-wash);justify-items:center;gap:16px;margin:0 0 24px;padding:24px 24px 16px;display:grid}.create-example-book{aspect-ratio:3/2;background:var(--nook-paper);width:min(100%,300px);display:flex;position:relative;box-shadow:0 2px #d5cbbd,0 4px #e5dcd0,0 12px 20px #47362324}.create-example-book:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 46%,#57432d0f 49.5%,#57432d30 50%,#ffffff4d 50.5%,#0000 54%);position:absolute;inset:0}.create-example-page{background:#fffdf8;width:50%;height:100%;position:relative;overflow:hidden}.create-example-page .template-scene{position:absolute;inset:0}.create-style-preview figcaption{text-align:center;color:#71685f;font-size:11px;line-height:1.6}.create-style-options{border:0;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0;display:grid}.create-style-option{border:1px solid var(--nook-divider);cursor:pointer;align-items:flex-start;gap:8px;padding:16px;transition:background-color .16s,border-color .16s;display:flex}.create-style-option:has(input:checked){background:var(--nook-wash);border-color:#6d5542}.create-style-option:has(input:focus-visible){outline-offset:3px;outline:2px solid #6d5542}.create-style-option input{accent-color:#6d5542;flex:none;width:16px;height:16px;margin:2px 0 0}.create-style-option>span{gap:8px;display:grid}.create-style-option strong{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.create-style-option small{color:#71685f;font-size:11px;line-height:1.6}.create-style-option em{color:#71685f;font-size:10px;font-style:normal;font-weight:400}.create-collage-page{background:#f5efdf}.create-collage-photo{background:#fffdfa;padding:5px 5px 13px;position:absolute;box-shadow:0 2px 3px #47362326}.create-collage-photo img{object-fit:cover;width:100%;height:100%;display:block}.create-collage-photo:before{content:"";background:#bc9d7166;width:30%;height:12px;position:absolute;top:-5px;left:35%;transform:rotate(-5deg)}.create-collage-photo--large{inset:26% 13% 20% 12%;transform:rotate(-7deg)}.create-collage-photo--top{inset:10% 19% 46% 7%;transform:rotate(7deg)}.create-collage-photo--bottom{inset:51% 8% 8% 23%;transform:rotate(-5deg)}.create-collage-note,.create-collage-caption{color:#806955;font-family:Georgia,Songti SC,serif;font-size:10px;position:absolute;left:16%}.create-collage-note{top:12%}.create-collage-caption{font-size:9px;font-style:italic;bottom:9%}.create-album-flow .create-photo-grid{max-height:280px;overflow-y:auto}.create-cover-label{color:#fffdf8;background:#302c28bf;padding:4px 8px;font-size:10px;position:absolute;bottom:0;left:0}.create-actions--photos{justify-content:flex-end}.create-album-flow .create-back-button{background:0 0;border:1px solid #6d554266;font-size:14px}.create-album-flow .create-back-button:hover:not(:disabled){background:#a96f5114}.create-back-button img{width:16px;height:16px}.create-album-flow .create-dropzone:focus-visible,.create-title:focus-visible{outline-offset:4px;outline:2px solid #6d5542}@media (hover:hover) and (pointer:fine){.create-style-option:hover{border-color:#6d5542}}@media (max-width:560px){.create-style-options{grid-template-columns:1fr;gap:8px}.create-style-preview{padding:16px}.create-example-book{width:min(100%,240px)}.create-step-heading>span{gap:8px}}@media (pointer:coarse){.create-album-flow .create-close,.create-album-flow .create-photo-item>button{width:40px;height:40px}.create-album-flow .create-actions button{min-height:44px}}@media (prefers-reduced-motion:reduce){.create-style-option{transition:none}.create-album-flow .create-status-dot{animation:none}}.create-album-flow.create-panel,.create-album-flow.create-dialog-content{width:min(100vw - 40px,720px);padding:36px}.create-album-flow .create-title{font-size:28px}.create-style-actions{justify-content:flex-end;margin-top:24px}.create-style-actions .create-primary-button{min-height:44px}.create-style-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.create-style-layout .create-style-options{grid-template-columns:minmax(0,1fr)}.create-style-layout .create-style-preview{min-width:0;margin:0}@media (max-width:580px){.create-style-layout{grid-template-columns:minmax(0,1fr);gap:16px}.create-album-flow.create-panel,.create-album-flow.create-dialog-content{padding:24px 20px}}.create-album-flow--style .create-intro{margin-bottom:36px}.create-step-heading[hidden]{display:none}.create-style-actions{border:0;margin-top:32px;padding-top:0}.create-style-actions .create-primary-button:disabled{color:#938b80;opacity:1;cursor:not-allowed;background:#dedbd5}.create-photo-body{flex-direction:column;height:320px;min-height:0;display:flex}.create-photo-body--selected{flex:auto;height:auto;min-height:0}.create-photo-body .create-dropzone{flex:1;min-height:0}.create-photo-body .create-selection{flex-direction:column;flex:1;min-height:0;display:flex}.create-photo-body .create-selection-header{flex-shrink:0}.create-photo-body .create-photo-grid{grid-auto-rows:max-content;align-content:start;min-height:0;overflow-y:auto}.create-photo-body .create-status{flex-shrink:0}.create-album-flow .create-actions--photos{margin-top:32px}.create-album-flow .create-actions button{min-height:44px}.create-dialog-content.create-album-flow--has-photos{flex-direction:column;max-height:calc(100svh - 240px);display:flex;overflow:hidden}.create-album-flow--has-photos .create-title,.create-album-flow--has-photos .create-intro,.create-album-flow--has-photos .create-actions{flex-shrink:0}.create-album-flow.create-panel,.create-album-flow.create-dialog-content{background:var(--nook-color-surface-overlay);box-shadow:none;color:var(--nook-color-text-primary);font:var(--nook-type-zh-interface-body-md);border:0}.create-album-flow .create-title{font:var(--nook-type-zh-narrative-title-lg);letter-spacing:normal;color:var(--nook-color-text-primary)}.create-album-flow .create-intro{font:var(--nook-type-zh-interface-body-md);color:var(--nook-color-text-secondary)}.create-album-flow .create-actions button,.create-album-flow .create-secondary-button{font:var(--nook-type-zh-interface-label-lg)}.create-album-flow .create-primary-button{background:var(--nook-color-surface-action-default);color:var(--nook-color-text-inverse-primary);border:0}.create-album-flow .create-primary-button:hover:not(:disabled){background:var(--nook-color-surface-action-hover)}.create-album-flow .create-primary-button:disabled{background:var(--nook-color-surface-action-disabled);color:var(--nook-color-text-disabled);opacity:1}.create-album-flow .create-secondary-button{color:var(--nook-color-text-primary);border-color:var(--nook-color-border-neutral-strong);background:0 0}.create-album-flow .create-secondary-button:hover:not(:disabled){background:var(--nook-color-surface-raised)}.create-album-flow .create-secondary-button:disabled{color:var(--nook-color-text-disabled);border-color:var(--nook-color-border-neutral-disabled);opacity:1}.create-album-flow .create-dropzone{border-color:var(--nook-color-border-neutral-default);background:0 0}.create-album-flow .create-dropzone:focus-visible{background:0 0}.create-album-flow .create-dropzone:hover{background:var(--nook-color-surface-raised);border-color:var(--nook-color-border-neutral-strong)}.create-album-flow .create-selection{background:var(--nook-color-surface-raised);border-color:var(--nook-color-border-neutral-default)}.create-album-flow .create-dropzone strong{font:var(--nook-type-zh-interface-title-sm);color:var(--nook-color-text-primary)}.create-album-flow .create-dropzone span,.create-album-flow .create-selection-header span{font:var(--nook-type-zh-interface-body-sm);color:var(--nook-color-text-secondary)}.create-album-flow .create-selection-header strong{font:var(--nook-type-zh-interface-body-md-bold);color:var(--nook-color-text-primary)}.create-album-flow .create-status{font:var(--nook-type-zh-interface-body-sm);color:var(--nook-color-text-secondary)}.create-album-flow .create-status[data-state=error]{color:var(--nook-color-text-error)}.create-album-flow .create-status-dot{background:var(--nook-color-text-info)}.create-album-flow .create-cover-label{background:var(--nook-color-surface-action-default);color:var(--nook-color-text-inverse-primary);font:var(--nook-type-zh-interface-label-sm)}.create-album-flow button:focus-visible,.create-album-flow .create-dropzone:focus-visible,.create-album-flow .create-title:focus-visible{outline:2px solid var(--nook-color-border-focus);outline-offset:2px}.create-album-flow .create-ui-icon{background:var(--nook-color-icon-primary);-webkit-mask:var(--create-icon) center/contain no-repeat;mask:var(--create-icon) center/contain no-repeat;flex-shrink:0;display:inline-block}.create-close-icon{--create-icon:url(/close-line.svg)}.create-image-add-icon{--create-icon:url(/image-add-fill.svg)}.create-album-flow button:disabled .create-ui-icon{background:var(--nook-color-icon-disabled)}.create-album-flow .create-photo-item>button{background:var(--nook-color-surface-action-default)}.create-album-flow .create-photo-item>button .create-ui-icon{background:var(--nook-color-text-inverse-primary)}.create-album-flow .create-close{background:0 0;border-radius:50%;top:36px;right:36px}.create-album-flow .create-close:hover:not(:disabled){background:var(--nook-color-surface-raised)}@media (max-width:580px){.create-album-flow .create-close{top:24px;right:20px}}