*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--dpb-background: #fff8f5;--dpb-surface: #fff8f5;--dpb-surface-container: #ffeadd;--dpb-surface-container-high: #fbe4d5;--dpb-surface-container-low: #fff1e9;--dpb-surface-container-lowest: #ffffff;--dpb-surface-container-highest: #f5ded0;--dpb-surface-dim: #ecd6c8;--dpb-surface-variant: #f5ded0;--dpb-on-surface: #251911;--dpb-on-surface-variant: #56423d;--dpb-on-background: #251911;--dpb-primary: #9e4225;--dpb-primary-container: #ff8c69;--dpb-on-primary: #ffffff;--dpb-on-primary-container: #752409;--dpb-primary-fixed: #ffdbd1;--dpb-primary-fixed-dim: #ffb59f;--dpb-on-primary-fixed: #3a0a00;--dpb-on-primary-fixed-variant: #7e2b10;--dpb-inverse-primary: #ffb59f;--dpb-secondary: #665c59;--dpb-secondary-container: #eedfdb;--dpb-secondary-fixed: #eedfdb;--dpb-secondary-fixed-dim: #d1c4bf;--dpb-on-secondary: #ffffff;--dpb-on-secondary-container: #6d625e;--dpb-tertiary: #695c55;--dpb-tertiary-container: #b9a8a0;--dpb-tertiary-fixed: #f1dfd6;--dpb-tertiary-fixed-dim: #d5c3ba;--dpb-on-tertiary: #ffffff;--dpb-on-tertiary-container: #493d37;--dpb-outline: #89726b;--dpb-outline-variant: #dcc0b9;--dpb-error: #ba1a1a;--dpb-error-container: #ffdad6;--dpb-on-error: #ffffff;--dpb-inverse-surface: #3b2e24;--dpb-inverse-on-surface: #ffede3;--dpb-font-display: "Plus Jakarta Sans", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--dpb-font-body: "Be Vietnam Pro", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--dpb-fs-display-lg: 28px;--dpb-lh-display-lg: 36px;--dpb-ls-display-lg: -.02em;--dpb-fs-display-lg-mobile: 24px;--dpb-lh-display-lg-mobile: 32px;--dpb-fs-title-md: 20px;--dpb-lh-title-md: 28px;--dpb-fs-body-lg: 16px;--dpb-lh-body-lg: 26px;--dpb-fs-label-md: 13px;--dpb-lh-label-md: 20px;--dpb-fs-label-sm: 11px;--dpb-lh-label-sm: 16px;--dpb-ls-label-sm: .05em;--dpb-radius: .25rem;--dpb-radius-lg: .5rem;--dpb-radius-xl: .75rem;--dpb-radius-full: 9999px;--dpb-space-base: 4px;--dpb-space-xs: 4px;--dpb-space-sm: 8px;--dpb-space-md: 12px;--dpb-space-lg: 16px;--dpb-space-xl: 20px;--dpb-space-2xl: 24px;--dpb-space-3xl: 32px;--dpb-space-4xl: 40px;--dpb-space-5xl: 48px;--dpb-space-6xl: 64px;--dpb-space-gutter: 16px;--dpb-space-container-margin: 24px;--dpb-shadow-card: 0 4px 6px -1px rgba(158,66,37,.06), 0 2px 4px -1px rgba(158,66,37,.06);--dpb-shadow-elevated: 0 10px 15px -3px rgba(158,66,37,.1), 0 4px 6px -2px rgba(158,66,37,.05);--dpb-shadow-soft: 0 4px 6px -1px rgba(37,25,17,.06), 0 2px 4px -1px rgba(37,25,17,.04);--dpb-shadow-input-glow: 0 0 0 4px rgba(255,140,105,.2);--dpb-shadow-btn: 0 4px 16px rgba(255,140,105,.3);--dpb-shadow-btn-hover: 0 6px 20px rgba(255,140,105,.4);--dpb-max-screen: 1200px;--dpb-max-content: 768px;--dpb-max-form: 512px}body{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);line-height:var(--dpb-lh-body-lg);background:var(--dpb-background);color:var(--dpb-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}.dpb-root{display:flex;flex-direction:column;min-height:100dvh}.dpb-app-bar{position:sticky;top:0;z-index:50;width:100%;background:color-mix(in srgb,var(--dpb-surface) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--dpb-shadow-soft);transition:all .3s}.dpb-app-bar-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--dpb-space-md) var(--dpb-space-container-margin);max-width:var(--dpb-max-screen);margin:0 auto}.dpb-app-bar-brand{display:flex;align-items:center;gap:var(--dpb-space-sm)}.dpb-app-bar-icon{width:48px;height:48px;border-radius:50%;background:var(--dpb-primary-container);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--dpb-on-primary-container);box-shadow:var(--dpb-shadow-card);flex-shrink:0}.dpb-app-bar-title{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:700;color:var(--dpb-primary)}.dpb-app-bar-action{padding:var(--dpb-space-sm);border-radius:var(--dpb-radius-full);border:none;background:transparent;color:var(--dpb-on-surface-variant);cursor:pointer;font-size:24px;transition:color .2s}.dpb-app-bar-action:hover{color:var(--dpb-primary-container)}@media (max-width: 640px){.dpb-app-bar-icon{display:none}}.dpb-main{flex:1;padding-top:var(--dpb-space-6xl);padding-left:var(--dpb-space-container-margin);padding-right:var(--dpb-space-container-margin);padding-bottom:var(--dpb-space-3xl);max-width:var(--dpb-max-content);margin:0 auto;width:100%}.dpb-main--narrow{max-width:var(--dpb-max-form)}.dpb-hero{text-align:center;margin-bottom:var(--dpb-space-4xl)}.dpb-hero-title{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-display-lg-mobile);font-weight:700;line-height:var(--dpb-lh-display-lg-mobile);color:var(--dpb-on-background);margin-bottom:var(--dpb-space-sm)}@media (min-width: 768px){.dpb-hero-title{font-size:var(--dpb-fs-display-lg);line-height:var(--dpb-lh-display-lg)}}.dpb-hero-subtitle{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);color:var(--dpb-on-surface-variant)}.dpb-upload-zone{width:100%;max-width:300px;aspect-ratio:1 / 1;margin:0 auto var(--dpb-space-lg);border:2px dashed var(--dpb-outline-variant);border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-low);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2519110f;position:relative;overflow:hidden}.dpb-upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--dpb-primary-container) 10%,transparent);opacity:0;transition:opacity .3s}.dpb-upload-zone:hover:before,.dpb-upload-zone.dpb-upload-zone--dragging:before{opacity:1}.dpb-upload-zone:hover,.dpb-upload-zone.dpb-upload-zone--dragging{border-color:var(--dpb-primary-container);background:var(--dpb-surface-container)}.dpb-upload-zone-icon{font-size:36px;color:var(--dpb-primary-container);margin-bottom:var(--dpb-space-md);position:relative;z-index:1;transition:transform .3s}.dpb-upload-zone:hover .dpb-upload-zone-icon{transform:scale(1.1)}.dpb-upload-zone-text{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;color:var(--dpb-on-surface);position:relative;z-index:1}.dpb-tip{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);letter-spacing:var(--dpb-ls-label-sm);font-weight:500;color:var(--dpb-secondary);text-align:center;background:var(--dpb-surface-container);padding:var(--dpb-space-sm) var(--dpb-space-lg);border-radius:var(--dpb-radius-full);margin-top:var(--dpb-space-lg)}.dpb-photos-strip{width:100%;margin-top:var(--dpb-space-4xl)}.dpb-photos-strip-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;color:var(--dpb-on-surface-variant);margin-bottom:var(--dpb-space-md);padding:0 var(--dpb-space-sm)}.dpb-photos-strip-list{display:flex;gap:var(--dpb-space-lg);overflow-x:auto;padding-bottom:var(--dpb-space-sm);padding-left:var(--dpb-space-sm);padding-right:var(--dpb-space-sm);scrollbar-width:none}.dpb-photos-strip-list::-webkit-scrollbar{display:none}.dpb-photo-circle{flex-shrink:0;width:80px;height:80px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container-high);border:1px solid var(--dpb-outline-variant);overflow:hidden;position:relative;cursor:pointer;transition:all .2s}.dpb-photo-circle:hover{border-color:var(--dpb-primary-container)}.dpb-photo-circle img{width:100%;height:100%;object-fit:cover}.dpb-photo-circle-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:var(--dpb-radius-full);background:var(--dpb-error);color:var(--dpb-on-error);border:2px solid var(--dpb-surface-container-lowest);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.dpb-photo-circle:hover .dpb-photo-circle-remove{opacity:1}.dpb-photo-add{flex-shrink:0;width:80px;height:80px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container-high);border:1px solid var(--dpb-outline-variant);display:flex;align-items:center;justify-content:center;color:var(--dpb-outline-variant);font-size:24px;cursor:pointer;transition:all .2s}.dpb-photo-add:hover{color:var(--dpb-primary-container);border-color:var(--dpb-primary-container)}.dpb-privacy-note{display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm);margin-top:auto;padding-top:var(--dpb-space-4xl);padding-bottom:var(--dpb-space-xl)}.dpb-privacy-note-icon{font-size:16px;color:var(--dpb-tertiary);flex-shrink:0}.dpb-privacy-note-text{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);font-weight:500;color:var(--dpb-tertiary);text-align:center}.dpb-form-heading{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;line-height:var(--dpb-lh-title-md);color:var(--dpb-on-surface);margin-bottom:var(--dpb-space-2xl)}.dpb-form{display:flex;flex-direction:column;gap:var(--dpb-space-4xl)}.dpb-form-section{display:flex;flex-direction:column;gap:var(--dpb-space-sm)}.dpb-form-label{display:block;font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;color:var(--dpb-on-surface-variant)}.dpb-form-input{width:100%;height:48px;border:1px solid var(--dpb-outline-variant);border-radius:var(--dpb-radius-lg);background:var(--dpb-surface-container-lowest);padding:0 var(--dpb-space-lg);font-size:var(--dpb-fs-body-lg);font-family:var(--dpb-font-body);color:var(--dpb-on-surface);transition:box-shadow .2s,border-color .2s}.dpb-form-input:focus{outline:none;border-color:var(--dpb-primary-container);box-shadow:var(--dpb-shadow-input-glow)}.dpb-form-input::placeholder{color:var(--dpb-outline)}.dpb-chips-row{display:flex;gap:var(--dpb-space-sm);overflow-x:auto;padding-bottom:var(--dpb-space-xs);scrollbar-width:none}.dpb-chips-row::-webkit-scrollbar{display:none}.dpb-chip{white-space:nowrap;padding:var(--dpb-space-sm) var(--dpb-space-lg);border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container);color:var(--dpb-on-surface-variant);font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;border:none;cursor:pointer;transition:all .2s}.dpb-chip:hover{background:var(--dpb-primary-fixed)}.dpb-chip-active{background:var(--dpb-primary-fixed)!important;color:var(--dpb-primary)!important;border:1px solid var(--dpb-primary-container)}.dpb-animal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dpb-space-md)}.dpb-animal-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:96px;border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-lowest);border:1px solid var(--dpb-outline-variant);box-shadow:var(--dpb-shadow-soft);cursor:pointer;transition:all .2s}.dpb-animal-card:hover{background:var(--dpb-surface-container)}.dpb-animal-card-active{background:var(--dpb-surface-container)!important;border:2px solid var(--dpb-primary-container)!important;box-shadow:var(--dpb-shadow-soft)!important}.dpb-animal-card-emoji{font-size:32px;line-height:1}.dpb-animal-card-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500;margin-top:var(--dpb-space-xs)}.dpb-animal-card-active .dpb-animal-card-label{color:var(--dpb-primary)}.dpb-animal-card-check{position:absolute;top:var(--dpb-space-sm);right:var(--dpb-space-sm);font-size:16px;color:var(--dpb-primary);display:none}.dpb-animal-card-active .dpb-animal-card-check{display:block}.dpb-animal-card--add{border-style:dashed;color:var(--dpb-outline)}.dpb-animal-card--add .dpb-animal-card-label{color:var(--dpb-outline)}.dpb-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dpb-space-md)}.dpb-theme-card{display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm);height:56px;border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-lowest);border:1px solid var(--dpb-outline-variant);box-shadow:var(--dpb-shadow-soft);cursor:pointer;transition:all .2s;position:relative}.dpb-theme-card:hover{background:var(--dpb-surface-container)}.dpb-theme-card-active{background:var(--dpb-surface-container)!important;border:2px solid var(--dpb-primary-container)!important;box-shadow:var(--dpb-shadow-soft)!important}.dpb-theme-card-active .dpb-theme-card-label{color:var(--dpb-primary)}.dpb-theme-card-emoji{font-size:18px}.dpb-theme-card-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);line-height:var(--dpb-lh-label-md);font-weight:500}.dpb-theme-card-check{position:absolute;top:var(--dpb-space-sm);right:var(--dpb-space-sm);font-size:14px;color:var(--dpb-primary);display:none}.dpb-theme-card-active .dpb-theme-card-check{display:block}.dpb-theme-card--add{border-style:dashed}.dpb-theme-card--add .dpb-theme-card-label{color:var(--dpb-outline)}.dpb-style-list{display:flex;flex-direction:column;gap:var(--dpb-space-md)}.dpb-style-card{display:flex;align-items:center;padding:var(--dpb-space-md);border-radius:var(--dpb-radius-xl);background:var(--dpb-surface-container-lowest);border:1px solid var(--dpb-outline-variant);box-shadow:var(--dpb-shadow-soft);cursor:pointer;transition:all .2s}.dpb-style-card:hover{background:var(--dpb-surface-container)}.dpb-style-card-active{background:var(--dpb-surface-container)!important;border:2px solid var(--dpb-primary-container)!important;box-shadow:var(--dpb-shadow-soft)!important}.dpb-style-card-preview{width:60px;height:60px;border-radius:var(--dpb-radius-lg);background:var(--dpb-surface-variant);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;color:var(--dpb-outline)}.dpb-style-card-active .dpb-style-card-preview{background:var(--dpb-primary-fixed);color:var(--dpb-primary)}.dpb-style-card-info{margin-left:var(--dpb-space-lg);flex-grow:1}.dpb-style-card-name{font-family:var(--dpb-font-display);font-size:16px;font-weight:600;color:var(--dpb-on-surface);display:flex;align-items:center;gap:var(--dpb-space-xs);flex-wrap:wrap}.dpb-style-card-desc{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);color:var(--dpb-on-surface-variant);margin-top:var(--dpb-space-xs)}.dpb-style-card-badge{font-size:12px;font-weight:400;color:var(--dpb-primary);margin-left:var(--dpb-space-xs);background:var(--dpb-primary-fixed);padding:2px var(--dpb-space-sm);border-radius:var(--dpb-radius-full)}.dpb-style-card-radio{width:20px;height:20px;accent-color:var(--dpb-primary-container);border-color:var(--dpb-outline-variant);flex-shrink:0;margin-left:var(--dpb-space-md)}.dpb-btn-generate{width:100%;height:56px;border-radius:var(--dpb-radius-full);background:var(--dpb-primary-container);color:var(--dpb-on-primary);border:none;font-family:var(--dpb-font-display);font-size:18px;font-weight:600;cursor:pointer;box-shadow:var(--dpb-shadow-elevated);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm);margin-top:var(--dpb-space-xl)}.dpb-btn-generate:hover:not(:disabled){background:var(--dpb-primary);opacity:.9}.dpb-btn-generate:disabled{opacity:.5;cursor:not-allowed}.dpb-btn-next{width:100%;height:56px;border-radius:var(--dpb-radius-full);background:var(--dpb-primary-container);color:var(--dpb-on-primary);border:none;font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;cursor:pointer;box-shadow:var(--dpb-shadow-btn);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm)}.dpb-btn-next:hover:not(:disabled){background:var(--dpb-primary);box-shadow:var(--dpb-shadow-btn-hover);transform:translateY(-2px)}.dpb-btn-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.dpb-btn-next-arrow{font-size:20px}.dpb-progress{margin-bottom:var(--dpb-space-lg)}.dpb-progress-label{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);color:var(--dpb-on-surface-variant);margin-bottom:var(--dpb-space-sm)}.dpb-progress-bar{width:100%;height:8px;background:var(--dpb-surface-container);border-radius:var(--dpb-radius-full);overflow:hidden}.dpb-progress-fill{height:100%;background:linear-gradient(90deg,var(--dpb-primary-container),var(--dpb-inverse-primary));transition:width .4s ease;border-radius:var(--dpb-radius-full)}.dpb-progress-shimmer{background:linear-gradient(90deg,#ff8c6900,#ff8c6933,#ff8c6900);background-size:200% 100%;animation:dpb-shimmer 2s infinite linear}@keyframes dpb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dpb-error{padding:var(--dpb-space-md) var(--dpb-space-lg);background:var(--dpb-error-container);color:var(--dpb-error);border-radius:var(--dpb-radius-lg);font-size:var(--dpb-fs-label-md);margin-bottom:var(--dpb-space-lg);border-left:4px solid var(--dpb-error)}.dpb-viewer{display:flex;flex-direction:column;align-items:center;gap:var(--dpb-space-xl);width:100%;animation:dpb-fade-in .5s ease}@keyframes dpb-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dpb-viewer-heading{text-align:center}.dpb-viewer-title{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-display-lg-mobile);font-weight:700;line-height:var(--dpb-lh-display-lg-mobile);color:var(--dpb-primary-container)}@media (min-width: 768px){.dpb-viewer-title{font-size:var(--dpb-fs-display-lg);line-height:var(--dpb-lh-display-lg)}}.dpb-viewer-subtitle{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);color:var(--dpb-on-surface-variant);margin-top:var(--dpb-space-xs)}.dpb-book-frame{position:relative;width:300px;height:400px;border-radius:var(--dpb-radius-xl);box-shadow:var(--dpb-shadow-elevated);background:var(--dpb-surface-container-lowest);overflow:hidden;border:1px solid var(--dpb-surface-variant);perspective:1000px;cursor:pointer}@media (min-width: 768px){.dpb-book-frame{width:360px;height:480px}}.dpb-book-page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;animation:dpb-flip .4s ease}@keyframes dpb-flip{0%{opacity:0;transform:rotateY(-5deg) scale(.97)}to{opacity:1;transform:rotateY(0) scale(1)}}.dpb-book-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.dpb-book-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--dpb-space-xl);pointer-events:none}.dpb-book-text{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-body-lg);line-height:var(--dpb-lh-body-lg);color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.3)}.dpb-book-cover-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dpb-primary-container),var(--dpb-secondary-container));padding:var(--dpb-space-2xl);text-align:center;animation:dpb-flip .4s ease}.dpb-book-cover-title{font-family:var(--dpb-font-display);font-size:1.5rem;font-weight:700;color:var(--dpb-on-primary-container);line-height:1.4}.dpb-book-cover-sub{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-md);color:var(--dpb-on-surface-variant);margin-top:var(--dpb-space-md)}.dpb-book-blessing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dpb-primary-fixed),var(--dpb-surface-container-low));padding:var(--dpb-space-2xl);text-align:center}.dpb-book-blessing-text{font-family:var(--dpb-font-display);font-size:1.1rem;font-weight:600;color:var(--dpb-on-primary-container);line-height:1.6}.dpb-book-nav{display:flex;align-items:center;gap:var(--dpb-space-xl);margin-top:var(--dpb-space-sm)}.dpb-book-nav-btn{width:44px;height:44px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-container);border:none;display:flex;align-items:center;justify-content:center;color:var(--dpb-primary-container);cursor:pointer;box-shadow:var(--dpb-shadow-card);transition:all .2s;font-size:24px;flex-shrink:0}.dpb-book-nav-btn:hover:not(:disabled){background:var(--dpb-primary-container);color:var(--dpb-on-primary);box-shadow:var(--dpb-shadow-elevated)}.dpb-book-nav-btn:disabled{opacity:.3;cursor:not-allowed}.dpb-book-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dpb-book-dot{width:8px;height:8px;border-radius:var(--dpb-radius-full);background:var(--dpb-surface-variant);border:none;cursor:pointer;transition:all .2s;padding:0}.dpb-book-dot-active{background:var(--dpb-primary-container);transform:scaleX(2.5)}.dpb-book-actions{display:flex;flex-direction:column;gap:var(--dpb-space-lg);width:100%;max-width:480px;margin-top:var(--dpb-space-lg)}@media (min-width: 768px){.dpb-book-actions{flex-direction:row}}.dpb-book-actions-primary{flex:1;height:56px;border-radius:var(--dpb-radius-full);background:var(--dpb-primary-container);color:var(--dpb-on-primary);border:none;font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;cursor:pointer;box-shadow:var(--dpb-shadow-card);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm)}.dpb-book-actions-primary:hover{box-shadow:var(--dpb-shadow-elevated);opacity:.9}.dpb-book-actions-row{display:flex;gap:var(--dpb-space-lg);flex:1}.dpb-book-actions-secondary{flex:1;height:56px;border-radius:var(--dpb-radius-full);border:1.5px solid var(--dpb-primary-container);background:transparent;color:var(--dpb-primary-container);font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--dpb-space-sm)}.dpb-book-actions-secondary:hover{background:var(--dpb-surface-container)}.dpb-footer{background:var(--dpb-surface-container-low);width:100%;padding:var(--dpb-space-6xl) var(--dpb-space-container-margin);margin-top:var(--dpb-space-4xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dpb-space-lg);text-align:center}.dpb-footer-brand{font-family:var(--dpb-font-display);font-size:var(--dpb-fs-title-md);font-weight:600;color:var(--dpb-primary)}.dpb-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dpb-space-lg)}.dpb-footer-link{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);font-weight:500;color:var(--dpb-secondary);text-decoration:none;transition:color .2s}.dpb-footer-link:hover{color:var(--dpb-primary)}.dpb-footer-copy{font-family:var(--dpb-font-body);font-size:var(--dpb-fs-label-sm);line-height:var(--dpb-lh-label-sm);font-weight:500;color:var(--dpb-secondary);margin-top:var(--dpb-space-sm)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dpb-step-enter{animation:dpb-step-enter .3s ease}@keyframes dpb-step-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes dpb-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.dpb-float{animation:dpb-float 3s ease-in-out infinite}::selection{background:var(--dpb-primary-container);color:var(--dpb-on-primary)}.dpb-btn-generate--loading{cursor:wait;opacity:.85}.dpb-btn-generate-loading{display:inline-flex;align-items:center;gap:8px}.dpb-btn-generate-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dpb-spin .6s linear infinite}@keyframes dpb-spin{to{transform:rotate(360deg)}}