body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{align-items:center;display:flex;flex-direction:column;font-family:system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.content,.footer,.header{max-width:900px;text-align:center;width:100%}.header{background:#fff;color:#000;padding:2rem}.content{flex:1 1;padding:2rem}.footer{background:#f2f2f2;padding:1rem}.albumbar{align-items:stretch;box-sizing:border-box;display:flex;gap:.5rem;margin:0 auto 1rem;max-width:100%;padding:0 1rem;width:-webkit-fit-content;width:fit-content}.albumname-input{background:#f1f3f6;border:none;border-radius:10px;color:#111;font-size:1rem;font-weight:500;height:48px;outline:none;padding:0 .9rem;width:min(420px,70vw)}.albumname-input:focus{box-shadow:0 0 0 2px #6a5cff59}.album-save-btn{align-items:center;background:linear-gradient(135deg,#2dd4bf,#60a5fa);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;width:48px}.album-save-btn:hover{box-shadow:0 6px 18px #0003;transform:translateY(-1px)}.album-save-btn:active{box-shadow:0 3px 10px #00000026;transform:translateY(0)}.save-icon{display:block}.action-container{grid-column-gap:1.5rem;grid-row-gap:1rem;align-items:stretch;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(90deg,#0000004d,#3ec5ff00);border-radius:16px;box-sizing:border-box;column-gap:1.5rem;display:grid;grid-template-columns:auto 120px;grid-template-rows:auto auto;margin:0 auto;max-width:100%;padding:1.25rem 1.5rem;row-gap:1rem;width:-webkit-fit-content;width:fit-content}.left-controls{grid-row-gap:1rem;display:grid;grid-column:1;grid-row:1/span 2;grid-template-rows:auto auto;justify-items:start;row-gap:1rem}.theme-row{--theme-control-h:48px;gap:.5rem;width:100%}.right-controls,.theme-row{align-items:stretch;display:flex}.right-controls{grid-column:2;grid-row:1/span 2;justify-content:center}.primary-btn{font-size:1hmax;max-width:100%;padding:.7rem 1.4rem;white-space:normal}.primary-btn,.secondary-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:transform .15s ease,box-shadow .15s ease}.secondary-btn{flex:0 0 auto;font-size:.9rem;padding:.6rem 1rem}.primary-btn:hover,.secondary-btn:hover{box-shadow:0 6px 18px #0003;transform:translateY(-1px)}.primary-btn:active,.secondary-btn:active{box-shadow:0 3px 10px #00000026;transform:translateY(0)}.left-controls>.primary-btn{background:linear-gradient(135deg,#6a5cff,#3ec6ff)}.theme-row .primary-btn{padding-bottom:0;padding-top:0}.theme-row .primary-btn,.theme-row .secondary-btn{align-items:center;background:linear-gradient(135deg,#774f09,#feb600);display:inline-flex;height:var(--theme-control-h)}.theme-row .secondary-btn{justify-content:center;padding:0;width:var(--theme-control-h)}.right-controls .primary-btn{align-items:center;aspect-ratio:1/1;background:linear-gradient(135deg,#285a10,#11ab00);display:flex;height:100%;justify-content:center;line-height:1.1;padding:0}@media (max-width:640px){.content{padding:1.25rem}.albumbar{justify-content:center;margin-bottom:.75rem;padding:0 .75rem;width:100%}.albumname-input{height:44px;width:min(420px,68vw)}.album-save-btn{height:44px;width:44px}.action-container{column-gap:.75rem;grid-template-columns:minmax(0,1fr) auto;padding:1rem;row-gap:.75rem;width:100%}.theme-row{--theme-control-h:44px}.secondary-btn{font-size:.85rem}.left-controls>.primary-btn{align-items:center;display:inline-flex;height:44px;overflow:hidden;padding-bottom:0;padding-top:0}}.pages-counter{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#11fa0099,#ffffff0d);border-radius:50%;box-shadow:0 10px 30px #00000040;color:#000;display:flex;flex-direction:column;height:10vmax;justify-content:center;left:1rem;pointer-events:none;position:fixed;text-align:center;top:1rem;width:10vmax;z-index:9999}.pages-counter-label{font-size:1.5vmax;line-height:1;margin-top:1.5vmax;opacity:.9}.pages-counter-value{font-size:2vmax;font-weight:600;margin-top:.25vmax}.auth-shell,.workspace{background:#f5f7fb;color:#182033;font-family:system-ui,sans-serif;min-height:100vh}.auth-shell{display:grid;padding:2rem;place-items:center}.auth-card{background:#fff;border-radius:24px;box-shadow:0 18px 60px #1e28461f;padding:2.4rem;width:min(420px,100%)}.auth-logo{color:#6a5cff;font-size:.78rem;font-weight:800;letter-spacing:.16em}.auth-server-icon{display:block;height:auto;margin:.25rem auto .75rem;max-width:600px;object-fit:contain;width:100%}.auth-card h1{font-size:2rem;margin:.6rem 0 .4rem}.auth-form{grid-gap:1rem;display:grid;gap:1rem;margin:1.5rem 0}.auth-form label,.file-picker{grid-gap:.45rem;display:grid;font-weight:600;gap:.45rem}.auth-form input,.auth-form select,.inline-form input{background:#fff;border:1px solid #dbe1ee;border-radius:10px;box-sizing:border-box;font:inherit;padding:.8rem;width:100%}.danger-button,.primary-button,.secondary-button{border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;padding:.72rem 1rem}.primary-button{background:#5f55eb;color:#fff}.secondary-button{background:#e9edf6;color:#27304a}.danger-button{background:#ffe5e7;color:#b32638}.primary-button:disabled{cursor:wait;opacity:.55}.link-button{background:none;border:0;color:#5f55eb;cursor:pointer;font:inherit}.export-menu{position:relative}.export-menu-panel{grid-gap:.15rem;background:#fff;border:1px solid #e0e5ef;border-radius:10px;box-shadow:0 10px 24px #1e284629;display:grid;gap:.15rem;min-width:210px;padding:.35rem;position:absolute;right:0;top:calc(100% + .45rem);z-index:10}.export-menu-panel button{background:#0000;border:0;border-radius:7px;color:#27304a;cursor:pointer;font:inherit;padding:.65rem .75rem;text-align:left}.export-menu-panel button:focus-visible,.export-menu-panel button:hover{background:#eef1f8}.export-menu-panel button:disabled{cursor:wait;opacity:.5}.workspace button{font-size:.9rem;line-height:1.2}.auth-message,.error-message{color:#b32638;margin:.75rem 0}.muted{color:#6e778e}.workspace{padding-bottom:3rem}.workspace-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e8ebf2;display:flex;gap:1rem;padding:1rem max(1rem,calc(50% - 560px));position:-webkit-sticky;position:sticky;top:0;z-index:4}.workspace-album-meta{align-items:center;display:flex;gap:.8rem;margin-right:auto;min-width:0}.workspace-album-meta>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-page-progress{align-items:center;display:inline-flex;gap:.45rem;min-width:170px}.album-page-progress-label{color:#6c7891;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.album-page-progress-track{background:#e8edf3;border-radius:999px;height:8px;overflow:hidden;width:100px}.album-page-progress-fill{border-radius:inherit;display:block;height:100%;transition:width .25s ease,background-color .25s ease}.album-page-progress-value{color:#46506a;font-size:.8rem;font-weight:700;white-space:nowrap}.album-page-progress--safe .album-page-progress-fill{background:#2ea44f}.album-page-progress--warning .album-page-progress-fill{background:#e5911a}.album-page-progress--danger .album-page-progress-fill{background:#d64545}.album-actions,.toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.album-editor,.album-manager{margin:3rem auto;width:min(1000px,calc(100% - 2rem))}.album-editor h1,.album-manager h1{font-size:2rem;margin-bottom:.5rem}.inline-form{display:flex;gap:.6rem;margin:1.5rem 0 2rem}.inline-form input{max-width:420px}.album-list{grid-gap:.75rem;display:grid;gap:.75rem}.album-row{align-items:center;background:#fff;border:1px solid #e8ebf2;border-radius:14px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.2rem}.album-row>div:first-child{grid-gap:.3rem;display:grid;gap:.3rem}.empty-state{background:#fff;border-radius:14px;color:#6e778e;padding:2rem}.cover-button{border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.65rem .9rem}.cover-button--new{background:#d64545}.cover-button--ready{background:#2ea44f}.cover-button:hover{filter:brightness(.95)}.editor-heading{margin-bottom:1.25rem}.page-stack{grid-gap:1rem;display:grid;gap:1rem}.page-card{background:#fff;border:1px solid #e2e7f0;border-radius:18px;box-shadow:0 8px 25px #24304a0f;padding:1.25rem}.page-card.is-complete{border-color:#bce3c8}.page-card-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.page-card-heading h2{font-size:1.1rem;margin:0}.status-pill{background:#e4f7e9;border-radius:999px;color:#237b3e;font-size:.8rem;font-weight:700;padding:.25rem .55rem}.file-picker-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.file-picker{border:1px dashed #b8c2d4;border-radius:12px;color:#46506a;min-height:86px;padding:1rem}.file-picker input{font:inherit;width:100%}.checkbox-row{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin:.9rem 0 .4rem}.checkbox-row input{accent-color:#6a5cff}.ai-help{display:block;margin-bottom:.75rem}.ai-prompt-field{display:flex;flex-direction:column;font-size:.9rem;gap:.35rem;margin-bottom:.8rem}.ai-prompt-field textarea{border:1px solid #d8dbe2;border-radius:8px;box-sizing:border-box;font:inherit;min-height:4rem;padding:.65rem;resize:vertical;width:100%}@media (max-width:700px){.workspace-toolbar{align-items:flex-start;flex-wrap:wrap}.workspace-album-meta{justify-content:space-between;order:-1;width:100%}.album-page-progress{flex:1 1;justify-content:flex-end;min-width:0}.toolbar-actions{width:100%}.album-row{align-items:flex-start;flex-direction:column}.file-picker-grid,.inline-form{display:grid;grid-template-columns:1fr}.album-actions{width:100%}.album-actions button{flex:1 1}}.background-controls{grid-gap:.65rem;display:grid;gap:.65rem}.background-heading{font-size:.95rem;margin:0}.background-mode-toggle{display:flex;flex-wrap:wrap;gap:.5rem}.toggle-button{background:#fff;border:1px solid #c8cede;border-radius:999px;color:#46506a;cursor:pointer;font:inherit;padding:.55rem .85rem}.toggle-button.is-active{background:#eeeaff;border-color:#6a5cff;color:#4437bd;font-weight:700}.toggle-button:disabled{cursor:not-allowed;opacity:.55}.file-picker.is-disabled{opacity:.55}.confirmation-overlay{background:#141b2d7a;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:30}.confirmation-card{background:#fff;border-radius:16px;box-shadow:0 20px 70px #141b2d3d;padding:1.5rem;width:min(100%,30rem)}.confirmation-card h2{margin:0 0 .65rem}.confirmation-card p{color:#46506a;line-height:1.5;margin:0}.confirmation-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.page-heading-actions{grid-gap:.65rem;align-items:center;display:grid;flex:1 1 auto;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:1rem;max-width:30rem}.page-heading-actions>*{border-radius:10px;box-sizing:border-box;font:inherit;font-size:.82rem;font-weight:700;line-height:1.15;min-height:2.5rem;min-width:0;overflow-wrap:anywhere;padding:.55rem .4rem;text-align:center;white-space:normal;width:100%}.page-status-pill{align-items:center;background:#e4f7e9;color:#237b3e;display:inline-flex;justify-content:center}.page-delete-button{font-size:.82rem;padding:.55rem .4rem}.page-heading-title{align-items:center;display:flex;gap:.65rem}.page-heading-page{color:#6c7891;font-size:.85rem;font-weight:600}@media (max-width:700px){.page-card-heading{grid-gap:.65rem;display:grid;gap:.65rem}.page-heading-title{min-width:0}.page-heading-actions{gap:.4rem;margin-left:0;max-width:none;width:100%}.page-heading-actions>*{font-size:.78rem;padding:.5rem .25rem}}.file-picker{cursor:default;position:relative}.file-picker-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-picker-trigger{align-items:center;background:#fff;border:1px solid #dbe1ee;border-radius:9px;cursor:pointer;display:flex;min-height:2.6rem;overflow:hidden;padding:.65rem .8rem;text-overflow:ellipsis;white-space:nowrap}.file-picker-trigger:hover{background:#f8f9fc;border-color:#8c97af}.file-picker-input:focus-visible+.file-picker-trigger{outline:2px solid #536dfe;outline-offset:2px}.file-picker:focus-within{outline:2px solid #536dfe;outline-offset:2px}.file-picker.is-disabled{cursor:not-allowed}.file-picker-input:disabled+.file-picker-trigger{cursor:not-allowed;opacity:.6}.pdf-download-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:10000}.pdf-download-card{background:#fff;border-radius:18px;box-shadow:0 24px 80px #141b2d4d;padding:2rem;text-align:center;width:min(100%,26rem)}.pdf-download-card h2{margin:1rem 0 .45rem}.pdf-download-card p{color:#6e778e;margin:0 0 1.2rem}.pdf-download-spinner{animation:pdf-download-spin .8s linear infinite;border:4px solid #dbeafe;border-radius:50%;border-top-color:#5f55eb;height:34px;margin:0 auto;width:34px}.pdf-download-progress-track{background:#e8edf3;border-radius:999px;height:10px;overflow:hidden}.pdf-download-progress-fill{background:linear-gradient(90deg,#5f55eb,#2ea44f);border-radius:inherit;display:block;height:100%;transition:width .25s ease}.pdf-download-card>strong{color:#46506a;display:block;margin-top:.65rem}@keyframes pdf-download-spin{to{transform:rotate(1turn)}}.page-card--last{border-color:#6a5cff;box-shadow:0 0 0 3px #6a5cff24,0 8px 25px #24304a14}.file-picker.section-step--active{background:#f7f5ff;border-color:#6a5cff;box-shadow:0 0 0 2px #6a5cff1f}.background-controls.section-step--active{background:#f7f5ff;border:1px solid #6a5cff;border-radius:12px;box-shadow:0 0 0 2px #6a5cff1f;padding:1rem}.section-step--disabled{opacity:.55}.section-step--disabled .file-picker-trigger{cursor:not-allowed}.pages-preview-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:9999}.pages-preview-modal{background:#141414fa;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 40px #0000008c;display:flex;flex-direction:column;height:min(800px,90vh);overflow:hidden;position:relative;width:min(1100px,95vw)}.pages-preview-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex:0 0 auto;gap:1rem;justify-content:space-between;padding:14px 16px}.pages-preview-header-left{display:flex;flex-direction:column;gap:2px;min-width:0}.pages-preview-title{color:#fff;font-size:16px;font-weight:600}.pages-preview-subtitle{color:#ffffffb3;font-size:12px}.pages-preview-close{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;height:36px;line-height:1;width:36px}.pages-preview-close:hover{background:#ffffff1f}.pages-preview-body{--custom-controls-width:clamp(240px,30%,360px);align-items:center;background:#00000059;display:flex;flex:1 1 auto;justify-content:center;min-height:0;overflow:hidden;overscroll-behavior:contain;padding:18px calc(var(--custom-controls-width) + 18px) 18px 18px;position:relative}.pages-preview-custom-controls{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10121af5;border-left:1px solid #ffb3475c;bottom:0;box-shadow:-16px 0 38px #0000003d;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:.55rem;overflow:auto;padding:18px;position:absolute;right:0;top:0;width:var(--custom-controls-width);z-index:20}.pages-preview-image-wrap{align-items:center;cursor:default;display:flex;flex:1 1 auto;height:100%;isolation:isolate;justify-content:center;min-height:0;min-width:0;overflow:hidden;padding:6px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.pages-preview-image-source{display:contents}.pages-preview-image-wrap.is-zoomed{cursor:grab}.pages-preview-image-wrap.is-zoomed.is-dragging{cursor:grabbing}.pages-preview-image{background:#00000040;border:1px solid #ffffff1a;border-radius:0;height:auto;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;transform-origin:center center;-webkit-user-select:none;user-select:none;width:auto;will-change:transform}.pages-preview-image.is-animation-selecting{cursor:crosshair;pointer-events:none}.pages-preview-empty{color:#ffffffbf}.pages-preview-arrow{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:26px;height:72px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:48px;z-index:12}.pages-preview-arrow:hover{background:#ffffff24}.pages-preview-arrow:disabled{background:#ffffff0d;color:#ffffff59;cursor:not-allowed}.pages-preview-arrow-left{left:14px}.pages-preview-arrow-right{right:calc(var(--custom-controls-width) + 14px)}.pages-preview-footer{align-items:center;border-top:1px solid #ffffff14;color:#fff9;display:flex;flex:0 0 auto;font-size:12px;gap:16px;justify-content:space-between;padding:10px 16px}.pages-preview-zoom-controls{align-items:center;color:#ffffffdb;display:flex;gap:7px;white-space:nowrap}.pages-preview-zoom-controls button{background:#ffffff14;border:1px solid #ffffff24;border-radius:7px;color:#fff;cursor:pointer;height:28px;min-width:30px;padding:0 8px}.pages-preview-zoom-controls button:hover:not(:disabled){background:#ffffff26}.pages-preview-zoom-controls button:disabled{background:#ffffff0a;color:#ffffff59;cursor:not-allowed}.pages-preview-zoom-controls span{min-width:48px;text-align:center}@media (max-width:640px){.pages-preview-footer{align-items:flex-start;flex-direction:column;gap:8px}}.fixed-action-width{display:flex;justify-content:center;width:100%}.fixed-action-width .action-container{width:min(900px,92vw)}.fixed-action-width .left-controls{width:100%}.fixed-action-width .primary-btn{align-items:center;box-sizing:border-box;display:flex;justify-content:center;text-align:center;width:100%}.pages-preview-header-actions{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:0;min-width:-webkit-max-content;min-width:max-content;position:relative;z-index:20}.pages-preview-header-action-row{align-items:center;display:flex;gap:.65rem}.pages-preview-delete{font-size:.85rem;padding:.45rem .7rem}.pages-preview-custom-action{align-items:center;align-self:center;aspect-ratio:1;background:#181c26e6;border:1px solid #fff3;border-radius:10px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:700;height:104px;justify-content:center;line-height:1.15;min-height:104px;min-width:104px;overflow-wrap:anywhere;padding:.7rem;position:static;text-align:center;white-space:normal;width:104px}.pages-preview-custom-action:hover{background:#303646fa;border-color:#ffffff6b;box-shadow:none;color:#fff;transform:none}.pages-preview-custom-action:focus-visible{outline:2px solid #ffb347;outline-offset:2px}.pages-preview-custom-action.is-active{background:#ffb347;border-color:#ffb347;box-shadow:0 0 0 2px #ffb34733,0 0 14px #ffb34773;color:#20150a}.pages-preview-custom-action.is-active:hover{background:#ffc46b;border-color:#ffc46b;color:#20150a}.custom-animation-layer{inset:0;pointer-events:none;position:absolute;z-index:3}.custom-animation-item{background:#0000;border:0;border-radius:14px;box-shadow:0 0 18px #ffb34799;box-sizing:border-box;cursor:grab;outline:2px solid #ffb347f2;outline-offset:2px;pointer-events:auto;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}.custom-animation-item.saved{box-shadow:0 0 18px #64ffaa73;cursor:default;outline-color:#64ffaaf2}.custom-animation-item.is-dragging{cursor:grabbing}.custom-animation-image{border-radius:10px;display:block;filter:drop-shadow(0 0 12px rgba(255,179,71,.45));pointer-events:none;width:100%}.custom-animation-badge{background:#000000b3;border-radius:999px;bottom:8px;color:#fff;font-size:.68rem;font-weight:700;left:8px;padding:.2rem .45rem;position:absolute}.custom-animation-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10121af2;border:1px solid #ffb3477a;border-radius:18px;box-shadow:0 18px 55px #00000061;color:#fff;max-height:calc(100% - 36px);overflow:auto;padding:1rem;position:absolute;right:18px;top:18px;width:min(370px,calc(100% - 36px));z-index:8}.pages-preview-custom-controls .custom-animation-panel{align-self:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:0;border-radius:0;box-shadow:none;max-height:none;overflow:visible;padding:0;position:static;width:auto;z-index:auto}.custom-animation-generate-button{background:#ffb347;border:0;border-radius:10px;color:#20150a;cursor:pointer;flex:0 0 auto;font-weight:800;margin-inline:auto;padding:.72rem .85rem;width:min(100%,240px)}.custom-animation-generate-button:hover{background:#ffc36e}.custom-animation-generate-button:disabled{cursor:not-allowed;opacity:.45}.custom-animation-prompt-input{background:#ffffff14;border:1px solid #ffffff3d;border-radius:10px;box-sizing:border-box;color:#fff;font:inherit;line-height:1.35;min-height:96px;padding:.75rem;resize:vertical;width:min(100%,300px)}.custom-animation-prompt-input::placeholder{color:#ffffff94}.custom-animation-prompt-input:focus{outline:2px solid #ffb347cc;outline-offset:2px}.custom-animation-input-shell{grid-gap:.65rem;box-sizing:border-box;display:grid;gap:.65rem;max-width:100%;min-width:0;width:min(100%,620px)}.custom-animation-mode-tabs{align-items:center;background:#0a0a12b3;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;gap:.25rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.custom-animation-mode-tab{background:#0000;border:0;border-radius:999px;color:#ffffffa6;cursor:pointer;font:inherit;padding:.45rem .85rem}.custom-animation-mode-tab.is-active{background:#51ff9d33;box-shadow:inset 0 0 0 1px #51ff9d73;color:#fff}.custom-animation-template{align-items:center;background:#0a0a12b3;border:1px solid #ffffff1f;border-radius:.8rem;box-sizing:border-box;color:#ffffffe6;display:flex;flex-wrap:wrap;gap:.45rem;line-height:1.5;min-width:0;overflow:hidden;overflow-wrap:anywhere;padding:.8rem 1rem;white-space:normal;width:100%}.custom-animation-template>span{min-width:0;overflow-wrap:anywhere}.custom-animation-template input{background:#ffffff14;border:1px solid #fff3;border-radius:.45rem;box-sizing:border-box;color:inherit;flex:0 0 auto;font:inherit;font-size:inherit;line-height:inherit;max-width:100%;min-width:0;padding:.08rem .35rem}.custom-animation-adjustments{grid-gap:.65rem;background:#0a0a1273;border:1px solid #ffffff1f;border-radius:.7rem;display:grid;gap:.65rem;margin-top:.8rem;padding:.7rem .8rem}.custom-animation-adjustment-row{grid-gap:.65rem;align-items:center;color:#ffffffd1;display:grid;font-size:.85rem;gap:.65rem;grid-template-columns:3.5rem minmax(0,1fr) 4.5rem}.custom-animation-adjustment-row input[type=range]{accent-color:#ffb347;width:100%}.custom-animation-adjustment-value{font-feature-settings:"tnum";color:#ffffffa6;font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}.custom-animation-template input:focus{border-color:#51ff9dcc;box-shadow:0 0 0 2px #51ff9d2e;outline:none}.custom-animation-upload{grid-gap:.55rem;background:#0a0a12b3;border:1px dashed #ffffff4d;border-radius:.8rem;color:#ffffffd9;display:grid;gap:.55rem;padding:.8rem 1rem}.custom-animation-upload input{color:#fffc;max-width:100%}.custom-animation-target-layer{cursor:default;display:block;overflow:visible!important;pointer-events:none!important;position:absolute;touch-action:none;z-index:81!important}.custom-animation-target-layer.has-photo-regions{pointer-events:none!important}.custom-animation-hit-layer{background:#0000;cursor:crosshair;display:block;pointer-events:auto!important;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;z-index:80!important}.custom-animation-hit-area{fill:hsla(0,0%,100%,.001);stroke:#0000;cursor:pointer;pointer-events:all!important}.custom-animation-target-outline{fill:none!important;stroke:#0000;stroke-width:0;stroke-opacity:1;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke;pointer-events:none;transition:none}.custom-animation-target-outline.is-targeted{stroke:#ff5a00!important;stroke-width:.006!important;filter:drop-shadow(0 0 2px rgba(255,255,255,1)) drop-shadow(0 0 7px rgba(255,90,0,1)) drop-shadow(0 0 18px rgba(255,90,0,.95))}.custom-animation-target-outline.is-selected{stroke:#51ff9d!important;stroke-width:.0065!important;filter:drop-shadow(0 0 2px rgba(255,255,255,1)) drop-shadow(0 0 7px rgba(81,255,157,1)) drop-shadow(0 0 18px rgba(81,255,157,.95))}.custom-animation-selection-action{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10121ae6;border:1px solid #65f5a26b;border-radius:12px;bottom:18px;box-shadow:0 12px 30px #00000059;color:#fff;display:flex;gap:.65rem;left:50%;padding:.55rem .7rem;position:absolute;transform:translateX(-50%);z-index:9}.custom-animation-panel h3{margin:0}.custom-animation-panel-heading{align-items:start;display:flex;gap:.75rem;justify-content:space-between}.custom-animation-panel-copy{color:#ffffffbf;font-size:.88rem;line-height:1.4;margin:.45rem 0 .9rem}.custom-animation-photo-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.custom-animation-photo-picker{grid-gap:.55rem;display:grid;gap:.55rem}.custom-animation-photo-picker .custom-animation-photo{color:#fff;font:inherit;padding:0;width:100%}.custom-animation-photo{aspect-ratio:1;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .18s ease,box-shadow .18s ease}.custom-animation-photo img{display:block;height:100%;object-fit:cover;width:100%}.custom-animation-photo:hover{border-color:#ffb347;box-shadow:0 0 18px #ffb347cc}.custom-animation-photo.is-targeted{border-color:#ff9f43;box-shadow:0 0 0 2px #ff9f434d,0 0 24px #ff9f43e6}.custom-animation-photo.is-selected{border-color:#65f5a2;box-shadow:0 0 0 2px #65f5a24d,0 0 24px #65f5a2d9}.custom-animation-photo-label{background:#000000ad;border-radius:6px;bottom:6px;color:#fff;font-size:.7rem;left:6px;overflow:hidden;padding:.2rem .35rem;position:absolute;right:6px;text-overflow:ellipsis;white-space:nowrap}.custom-animation-selected-source{align-items:center;background:#7dff9e14;border:1px solid #7dff9e52;border-radius:10px;color:#ffffffdb;display:flex;font-size:.78rem;gap:10px;margin:8px 0 12px;padding:8px}.custom-animation-selected-source img{border:2px solid #65f5a2;border-radius:8px;box-shadow:0 0 14px #65f5a28c;height:56px;object-fit:cover;width:56px}.custom-animation-panel label{color:#ffffffe0;display:block;font-size:.82rem;font-weight:700;margin-top:.7rem}.custom-animation-panel input,.custom-animation-panel textarea{background:#ffffff14;border:1px solid #fff3;border-radius:10px;box-sizing:border-box;color:#fff;font:inherit;margin-top:.35rem;padding:.65rem .7rem;width:100%}.custom-animation-panel textarea{min-height:74px;resize:vertical}.custom-animation-actions{display:flex;gap:.55rem;justify-content:center;margin-top:.9rem}.custom-animation-ready-actions{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.custom-animation-ready-actions button{line-height:1.2;min-width:0;white-space:normal;width:100%}.custom-animation-selection-actions{align-items:center;justify-content:space-between}.custom-animation-selection-note{color:#ffffffc7;font-size:.8rem}.custom-animation-error{color:#ff9b9b;font-size:.84rem;line-height:1.35;margin:.5rem 0 .75rem}.custom-animation-actions button{border:0;border-radius:999px;cursor:pointer;font-weight:700;padding:.62rem .85rem}.custom-animation-actions .primary-button{background:#ffb347;color:#20150a}.custom-animation-actions .secondary-button{background:#ffffff21;color:#fff}.custom-animation-actions .secondary-button[aria-pressed=true]{background:#65f5a2;color:#20150a}.custom-animation-actions button:disabled{cursor:not-allowed;opacity:.5}.custom-animation-mock-note,.custom-animation-saved-note{color:#ffffffb8;font-size:.78rem;line-height:1.35;margin:.75rem 0 0}.custom-animation-saved-note{color:#65f5a2}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes pages-preview-loading-spin{to{transform:rotate(1turn)}}@media (max-width:700px){.pages-preview-body{--custom-controls-width:0px;padding:10px 10px 180px}.pages-preview-loading{align-items:center;background:#111827e6;border:1px solid #ffffff3d;border-radius:999px;box-shadow:0 6px 18px #00000059;color:#fff;display:inline-flex;font-size:.82rem;font-weight:700;gap:.55rem;left:50%;padding:.7rem .9rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:20}.pages-preview-loading-spinner{animation:pages-preview-loading-spin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;flex:0 0 14px;height:14px;width:14px}.pages-preview-arrow{background:#111827e0;border-color:#ffffff47;border-radius:16px;box-shadow:0 4px 14px #00000059;font-size:44px;font-weight:700;height:76px;width:56px}.pages-preview-arrow-left{left:6px}.pages-preview-arrow-right{right:6px}.pages-preview-custom-controls{align-items:center;border-left:0;border-top:1px solid #ffb3475c;bottom:0;box-shadow:0 -16px 38px #0000003d;gap:.45rem;left:0;max-height:52%;min-height:132px;padding:10px;right:0;top:auto;width:auto}.pages-preview-custom-action{aspect-ratio:auto;flex:0 0 auto;font-size:.9rem;height:auto;line-height:1.2;min-height:48px;min-width:0;overflow:visible;overflow-wrap:normal;padding:.75rem 1rem;white-space:normal;width:100%;word-break:normal}.pages-preview-custom-controls .custom-animation-panel{max-height:none;position:static;right:auto;top:auto;width:auto}}.progress-bar{grid-gap:.5rem;background:#f8f9fc;border:1px solid #e1e5ef;border-radius:12px;display:grid;gap:.5rem;margin:1rem 0 1.1rem;padding:.8rem .9rem}.progress-bar-heading{align-items:center;color:#46506a;display:flex;font-size:.85rem;font-weight:700;gap:1rem;justify-content:space-between}.progress-bar-label{align-items:center;display:flex;gap:.55rem;min-width:0}.progress-bar-spinner{animation:progress-bar-spin .8s linear infinite;border:.15rem solid #d8dbee;border-radius:50%;border-top-color:#5f55eb;flex:0 0 0.85rem;height:.85rem;width:.85rem}.progress-bar-value{font-feature-settings:"tnum";color:#5f55eb;font-variant-numeric:tabular-nums}.progress-bar-track{background:#e4e7f0;border-radius:999px;height:.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#5f55eb,#7f74ff);border-radius:inherit;height:100%;transition:width .22s linear}@keyframes progress-bar-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.progress-bar-spinner{animation-duration:1.6s}.progress-bar-fill{transition-duration:0ms}}.cover-overlay{align-items:center;background:#0e141dc7;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.cover-editor-shell{background:#f7f3ed;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 28px 80px #00000059;display:flex;flex-direction:column;height:min(900px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);min-height:min(540px,calc(100dvh - 32px));overflow:hidden;width:min(1480px,100%)}.cover-editor-header{align-items:center;border-bottom:1px solid #e5ddd2;display:flex;justify-content:space-between;padding:18px 24px}.cover-editor-header h2{font-size:24px;margin:3px 0 0}.cover-editor-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.cover-save-to-album{background:#2563eb;border:1px solid #60a5fa73;border-radius:10px;color:#eff6ff;cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:9px 14px}.cover-save-to-album:hover:not(:disabled){background:#3b82f6}.cover-save-to-album:disabled{cursor:wait;opacity:.6}.cover-save-state{color:#81786e;font-size:12px}.icon-button{background:#0000;border:0;color:#4b443d;cursor:pointer;font-size:30px;line-height:1}.cover-editor-tabs{display:flex;gap:4px;padding:12px 24px 0}.cover-editor-tabs button{background:#0000;border:0;border-bottom:3px solid #0000;color:#71685e;cursor:pointer;padding:10px 16px}.cover-editor-tabs button.is-active{border-color:#bf684f;color:#2b2825;font-weight:700}.cover-editor-tabs span{align-items:center;background:#e9e0d5;border-radius:10px;display:inline-flex;font-size:11px;height:20px;justify-content:center;margin-left:7px;min-width:20px}.cover-error{background:#ffe4de;border-radius:8px;color:#933d2b;font-size:13px;margin:10px 24px 0;padding:9px 12px}.cover-editor-body{display:grid;flex:1 1;grid-template-columns:minmax(0,1fr) auto;min-height:0;padding:16px 0 0 24px}.cover-workspace-viewport{align-items:flex-start;background:#e7e0d6;display:flex;min-height:0;min-width:0;padding:20px 24px 30px 0}.cover-canvas-frame{flex:0 0 auto;position:relative}.cover-canvas{background:#fff;box-shadow:0 12px 32px #3c2d1e33;display:flex;max-width:none;transform-origin:top left;width:4550px}.cover-canvas,.cover-part{height:3000px;position:relative}.cover-part{background:#f5efe7;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);flex:0 0 auto;max-height:3000px;min-height:3000px;transition:box-shadow .2s}.cover-part,.cover-part-clip{contain:paint;isolation:isolate;overflow:hidden}.cover-part-clip{-webkit-clip-path:inset(0);clip-path:inset(0);height:100%;inset:0;max-height:100%;min-height:0;position:absolute;width:100%}.cover-part--left,.cover-part--right{width:2150px}.cover-part--spine{background:#e0d2c2;width:250px}.cover-part.is-focused{box-shadow:inset 0 0 0 10px #a78bfa;z-index:2}.cover-part-object{border:0;border-radius:0;outline:0;overflow:visible;position:absolute;z-index:1}.cover-part-object img{display:block;height:100%;object-fit:contain;width:100%}.cover-canvas-frame,.cover-workspace-track{overflow:visible}.cover-canvas{overflow:hidden}.cover-part-object span{color:#62564d;display:grid;height:100%;padding:10px;place-items:center;text-align:center}.cover-object-panel{background:#fff;border-left:1px solid #e4dbd0;position:relative;transition:width .2s;width:340px}.cover-object-panel.is-collapsed{width:48px}.cover-panel-toggle{background:#fff;border:1px solid #ded4c8;border-radius:50%;color:#665b51;cursor:pointer;font-size:21px;height:30px;left:-15px;line-height:20px;position:absolute;top:22px;width:30px;z-index:3}.cover-panel-content{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100%;padding:24px 22px}.cover-panel-content h3{font-size:21px;margin:4px 0 0}.cover-object-list{display:flex;flex:1 1;flex-direction:column;gap:9px;min-height:80px;overflow:auto}.cover-object-row{align-items:flex-start;background:#fcfaf8;border:1px solid #ebe2d8;border-radius:9px;display:flex;gap:10px;padding:10px}.cover-object-row>span{font-size:18px}.cover-object-row small,.cover-object-row strong{display:block}.cover-object-row strong{font-size:13px;overflow-wrap:anywhere}.cover-object-row small{color:#8a7d70;font-size:11px;line-height:1.3;margin-top:3px}.cover-upload-button{border:1px dashed #bd907e;border-radius:9px;color:#9d523f;cursor:pointer;display:block;font-weight:700;padding:11px;text-align:center}.cover-upload-button input{display:none}.cover-panel-content textarea{background:#faf8f5;border:1px solid #dfd5ca;border-radius:9px;box-sizing:border-box;font:inherit;padding:10px;resize:vertical;width:100%}.cover-loading{color:#7b7168;display:grid;flex:1 1;min-height:100%;place-items:center}.cover-editor-shell .primary-button{width:100%}@media (max-width:900px){.cover-overlay{padding:8px}.cover-editor-shell{border-radius:14px;height:100%;max-height:none;min-height:0}.cover-editor-body{grid-template-columns:1fr;padding-left:12px}.cover-object-panel{border-left:0;border-top:1px solid #e4dbd0;grid-row:2;max-height:300px;width:auto}.cover-object-panel.is-collapsed{max-height:48px;width:auto}.cover-panel-toggle{left:50%;top:-15px;transform:translateX(-50%) rotate(90deg)}.cover-panel-content{padding:18px}.cover-workspace-viewport{padding-right:12px}.cover-editor-tabs{padding-left:12px}.cover-editor-header{padding:14px 16px}}.cover-workspace-viewport{cursor:grab;overflow:auto;overscroll-behavior:contain;touch-action:none;user-select:none;-webkit-user-select:none}.cover-workspace-viewport.is-panning{cursor:grabbing}.cover-canvas,.cover-canvas img,.cover-canvas-frame{user-select:none;-webkit-user-select:none}.cover-canvas img{pointer-events:none}.cover-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ab8;padding:20px;z-index:1000}.cover-editor-shell{background:#0b1220;border:1px solid #94a3b847;border-radius:18px;box-shadow:0 24px 80px #0000007a;color:#e5e7eb;height:min(900px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)}.cover-editor-header{background:linear-gradient(180deg,#0f172afa,#0f172adb);border-bottom-color:#94a3b838;padding:18px 22px 14px}.cover-editor-header h2,.cover-panel-content h3{color:#f8fafc}.cover-save-state{color:#94a3b8}.icon-button{background:#111827;border:1px solid #94a3b847;border-radius:10px;color:#e5e7eb;font-size:26px;height:36px;width:36px}.cover-editor-tabs{background:#0f172a;border-bottom:1px solid #94a3b82e;padding:12px 22px 0}.cover-editor-tabs button{color:#94a3b8}.cover-editor-tabs button.is-active{border-color:#60a5fa;color:#f8fafc}.cover-editor-tabs span{background:#1e293b;color:#cbd5e1}.cover-error{background:#7f1d1d73;border:1px solid #f871714d;color:#fecaca;margin-left:22px;margin-right:22px}.cover-editor-body{background:#020617;padding-left:22px}.cover-workspace-viewport{background:#020617;padding:20px 0 30px;scrollbar-color:#475569 #0f172a}.cover-workspace-track{align-items:flex-start;box-sizing:initial;display:flex;flex:0 0 auto;padding:24px max(24px,0px);padding:24px max(24px,var(--cover-workspace-gutter,0px))}.cover-canvas{background:#111827;box-shadow:0 18px 42px #0000007a}.cover-part{background:#1e293b}.cover-part--spine{background:#334155}.cover-part-object{background:#0000;box-shadow:none}.cover-part-object span{color:#cbd5e1}.cover-object-row{align-items:center;cursor:default}.cover-object-row.is-drag-over{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa47}.cover-object-grip{display:grid;min-height:26px;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none;width:24px}.cover-object-details{flex:1 1;min-width:0}.cover-object-delete{background:#0000;border:1px solid #0000;border-radius:7px;color:#94a3b8;cursor:pointer;display:grid;flex:0 0 auto;height:28px;padding:0;place-items:center;width:28px}.cover-object-delete:focus-visible,.cover-object-delete:hover{background:#f871711a;border-color:#f8717159;color:#f87171}.cover-object-delete svg{height:16px;width:16px}@media (max-width:900px){.cover-object-panel{transition:left .28s cubic-bezier(.22,1,.36,1),right .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),max-height .28s cubic-bezier(.22,1,.36,1),border-radius .28s ease,box-shadow .28s ease}.cover-object-panel:not(.is-collapsed){border-radius:14px;height:min(50dvh,420px);left:8px;max-height:min(50dvh,420px);overflow:visible;right:8px;width:auto}.cover-object-panel.is-collapsed{bottom:max(12px,env(safe-area-inset-bottom,0px));height:48px;left:auto;max-height:48px;overflow:visible;right:16px;width:48px}.cover-panel-toggle{box-sizing:border-box;display:grid;font-family:inherit;font-size:22px;height:36px;left:50%;line-height:1;padding:0;place-items:center;top:-18px;transform:translateX(-50%);transition:transform .28s cubic-bezier(.22,1,.36,1),width .28s ease,height .28s ease;width:36px}.cover-object-panel.is-collapsed .cover-panel-toggle{border:1px solid #94a3b84d;border-radius:50%;font-size:24px;height:48px;inset:0;transform:none;width:48px}.cover-panel-content{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:100%;inset:0;min-height:0;opacity:1;overflow-y:auto;pointer-events:auto;position:absolute;transform:translateY(0);transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s;visibility:visible}.cover-object-panel.is-collapsed .cover-panel-content{opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .12s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s;visibility:hidden}.cover-object-list{flex:1 1 auto;max-height:none;min-height:64px;overflow-y:auto}.cover-object-row{align-items:flex-start}.cover-object-details{min-width:0;overflow-wrap:anywhere}.cover-object-details small{overflow-wrap:anywhere;white-space:normal}}@media (min-width:901px){.cover-panel-toggle{display:none}.cover-object-panel,.cover-object-panel.is-collapsed{width:340px}}@media (max-width:900px){.cover-object-panel:not(.is-collapsed) .cover-panel-content{overflow-x:hidden;overflow-y:auto}.cover-object-panel:not(.is-collapsed) .cover-object-list{flex:0 0 auto;max-height:none;min-height:0;overflow:visible}.cover-object-panel{box-sizing:border-box;left:50%;right:auto;transform:translateX(-50%);transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),max-height .28s cubic-bezier(.22,1,.36,1),border-radius .28s ease,box-shadow .28s ease}.cover-object-panel:not(.is-collapsed){border-radius:14px;height:min(50dvh,420px);max-height:min(50dvh,420px);width:calc(100% - 16px)}.cover-object-panel.is-collapsed,.cover-object-panel:not(.is-collapsed){bottom:max(8px,env(safe-area-inset-bottom,0px));left:50%;right:auto;transform:translateX(-50%)}.cover-object-panel.is-collapsed{border-radius:50%;bottom:max(8px,env(safe-area-inset-bottom,0px));height:36px;max-height:36px;overflow:visible;right:8px;width:36px}.cover-object-panel.is-collapsed .cover-panel-toggle{border:1px solid #94a3b84d;border-radius:50%;font-size:18px;height:36px;inset:0;line-height:1;min-height:36px;min-width:36px;padding:0;transform:none;width:36px}.cover-object-panel.is-collapsed,.cover-object-panel:not(.is-collapsed){overflow:visible}.cover-object-panel.is-collapsed{bottom:calc(16px + env(safe-area-inset-bottom, 0px));height:48px;max-height:48px;right:16px;width:48px}.cover-panel-toggle{box-sizing:border-box;display:grid;font-family:inherit;font-size:22px;height:36px;left:50%;line-height:1;padding:0;place-items:center;top:-18px;transform:translateX(-50%);width:36px}.cover-object-panel.is-collapsed .cover-panel-toggle{border:1px solid #94a3b84d;border-radius:50%;font-size:24px;height:48px;inset:0;transform:none;width:48px}.cover-panel-content{box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.cover-object-list{flex:1 1 auto;max-height:none;min-height:64px;overflow-y:auto}.cover-object-row{align-items:flex-start}.cover-object-details{min-width:0;overflow-wrap:anywhere}.cover-object-details small{overflow-wrap:anywhere;white-space:normal}}.cover-panel-toggle{box-sizing:border-box;display:grid;font-family:inherit;line-height:1;padding:0;place-items:center}@media (max-width:900px){.cover-object-panel.is-collapsed{bottom:calc(16px + env(safe-area-inset-bottom, 0px));height:48px;max-height:48px;overflow:visible;right:16px;width:48px}.cover-panel-toggle{font-size:22px;height:36px;left:50%;top:-18px;transform:translateX(-50%);width:36px}.cover-object-panel.is-collapsed .cover-panel-toggle{border:1px solid #94a3b84d;border-radius:50%;font-size:24px;height:48px;inset:0;transform:none;width:48px}.cover-panel-content{box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.cover-object-list{flex:1 1 auto;max-height:none;min-height:64px;overflow-y:auto}.cover-object-row{align-items:flex-start}.cover-object-details{min-width:0;overflow-wrap:anywhere}.cover-object-details small{overflow-wrap:anywhere;white-space:normal}.cover-editor-body{display:block;flex:1 1 auto;height:0;min-height:0;overflow:hidden;padding:0;position:relative}.cover-workspace-viewport{height:100%;min-height:0;padding:12px 0 20px;width:100%}.cover-object-panel{border:1px solid #94a3b847;border-radius:14px;bottom:8px;box-shadow:0 16px 40px #00000059;display:block;height:min(50dvh,420px);left:8px;max-height:min(50dvh,420px);overflow:hidden;position:absolute;right:8px;width:auto;z-index:20}.cover-object-panel.is-collapsed{height:48px;max-height:48px;width:auto}.cover-panel-content{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px}.cover-overlay{align-items:stretch;padding:8px}.cover-editor-shell{height:100%;max-height:none;min-height:0;width:100%}.cover-editor-header{align-items:center;flex-wrap:nowrap;gap:8px;padding:12px 14px 10px}.cover-editor-header>div:first-child{flex:1 1 auto;min-width:0}.cover-editor-header h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-editor-header-actions{flex:0 0 auto;gap:6px;justify-content:flex-end;width:auto}.cover-editor-tabs{flex:0 0 auto;overflow-x:auto;padding:8px 12px 0}.cover-editor-body{display:block;min-height:0;overflow:hidden;padding:0;position:relative}.cover-workspace-viewport{height:100%;padding:12px 0 20px;width:100%}.cover-workspace-track{padding:16px max(16px,16px) 24px;padding:16px max(16px,var(--cover-workspace-gutter,16px)) 24px}.cover-object-panel{border:1px solid #94a3b847;border-radius:14px;bottom:8px;box-shadow:0 16px 40px #00000059;grid-row:auto;height:min(50dvh,420px);left:8px;max-height:min(50dvh,420px);overflow:hidden;position:absolute;right:8px;width:auto;z-index:10}.cover-object-panel.is-collapsed{border-radius:50%;bottom:16px;height:46px;left:auto;max-height:46px;overflow:hidden;right:16px;width:46px}.cover-panel-toggle{left:50%;top:-15px;transform:translateX(-50%) rotate(90deg)}.cover-object-panel.is-collapsed .cover-panel-toggle{border:0;border-radius:50%;font-size:24px;height:100%;inset:0;transform:none;width:100%}.cover-panel-content{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px}.cover-object-list{flex:0 1 auto;max-height:120px;min-height:0}.cover-asset-controls{flex:0 0 auto}.cover-panel-content textarea{max-height:220px;min-height:100px;overflow-y:auto;resize:vertical}}@media (max-width:520px){.cover-editor-header-actions{justify-content:flex-end}.cover-save-to-album{flex:0 0 auto;padding:8px 10px}.cover-save-state{display:none}}.cover-editor-shell .progress-bar{background:#111827;border-color:#94a3b847;margin:0}.cover-editor-shell .progress-bar-heading{color:#cbd5e1}.cover-editor-shell .progress-bar-value{color:#93c5fd}.cover-editor-shell .progress-bar-track{background:#334155}.cover-editor-shell .progress-bar-fill{background:linear-gradient(90deg,#60a5fa,#a78bfa)}.cover-editor-shell .progress-bar-spinner{border-color:#60a5fa #475569 #475569}.cover-object-panel{background:#0f172a;border-left-color:#94a3b838}.cover-panel-toggle{background:#111827;border-color:#94a3b84d;color:#e5e7eb}.cover-object-row{background:#111827;border-color:#94a3b833}.cover-object-row small{color:#94a3b8}.cover-upload-button{border-color:#60a5fa;color:#93c5fd}.cover-panel-content textarea{background:#111827;border-color:#94a3b847;color:#e5e7eb}.cover-panel-content textarea::placeholder{color:#64748b}.cover-loading{color:#94a3b8}.cover-editor-shell .primary-button{background:#2563eb;border-color:#93c5fd59;color:#eff6ff}.cover-editor-shell .primary-button:hover{background:#3b82f6}@media (max-width:900px){.cover-editor-shell{height:100%;max-height:none}.cover-editor-body{padding-left:12px}.cover-object-panel{border-top-color:#94a3b838}.cover-workspace-viewport{padding-right:0}.cover-editor-tabs{padding-left:12px}}.cover-asset-controls{background:#111827;border:1px solid #94a3b833;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:10px}.cover-asset-tabs{grid-gap:4px;background:#0b1220;border-radius:9px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.cover-asset-tabs button{background:#0000;border:0;border-radius:7px;color:#94a3b8;cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:8px 10px}.cover-asset-tabs button.is-active{background:#2563eb;color:#eff6ff}.cover-asset-panel{display:flex;flex-direction:column;gap:10px}.cover-asset-panel[hidden]{display:none}.cover-asset-helper{color:#94a3b8;font-size:12px;line-height:1.4;margin:0}.cover-selected-file{align-items:center;border:1px solid #60a5fa59;border-radius:8px;color:#cbd5e1;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:8px 10px}.cover-selected-file span{overflow-wrap:anywhere}.cover-selected-file button{background:#0000;border:0;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1}.cover-object-row{cursor:grab;-webkit-user-select:none;user-select:none}.cover-object-row:active{cursor:grabbing}.cover-object-row.is-selected{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa38}.cover-object-grip{color:#94a3b8;cursor:grab;flex:0 0 auto;font-size:18px;line-height:1}.cover-part-object{touch-action:none}.cover-part-object.is-selected{outline:2px solid #a78bfa;outline-offset:3px}.cover-object-transform-handle{background:#7c3aed;border:1px solid #c4b5fd;border-radius:999px;box-shadow:0 2px 8px #00000040;color:#fff;display:grid;height:26px;padding:0;place-items:center;position:absolute;width:26px;z-index:3}.cover-object-transform-handle--rotate{cursor:grab;left:50%;top:-34px;transform:translateX(-50%)}.cover-object-transform-handle--resize{bottom:-13px;cursor:nwse-resize;right:-13px}@media (max-width:900px){.cover-object-panel:not(.is-collapsed){overflow:visible}.cover-object-panel.is-collapsed{bottom:calc(16px + env(safe-area-inset-bottom, 0px));height:48px;left:auto;max-height:48px;overflow:visible;right:16px;width:48px}.cover-panel-toggle{box-sizing:border-box;display:grid;font-family:inherit;font-size:22px;height:36px;left:50%;line-height:1;padding:0;place-items:center;top:-18px;transform:translateX(-50%);width:36px}.cover-object-panel.is-collapsed .cover-panel-toggle{border:1px solid #94a3b84d;border-radius:50%;font-size:24px;height:48px;inset:0;transform:none;width:48px}.cover-panel-content{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;overflow-y:auto}.cover-object-list{flex:1 1 auto;max-height:none;min-height:64px;overflow-y:auto}.cover-object-row{align-items:flex-start}.cover-object-details{min-width:0;overflow-wrap:anywhere}.cover-object-details small{overflow-wrap:anywhere;white-space:normal}.cover-object-panel.is-collapsed{border-radius:50%;bottom:max(8px,env(safe-area-inset-bottom,0px));height:36px;left:50%;max-height:36px;overflow:visible;right:auto;transform:translateX(-50%);width:36px}.cover-object-panel.is-collapsed .cover-panel-toggle{border:1px solid #94a3b84d;border-radius:50%;font-size:22px;height:36px;inset:0;line-height:1;min-height:36px;min-width:36px;padding:0;transform:none;width:36px}}