:root{font-family:Manrope,Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-primary);background-color:var(--bg-deep);font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-deep)}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::selection{background:#a855f74d;color:var(--text-primary)}:root{--bg-deep: #141218;--bg-surface: #1c1a22;--bg-elevated: #24222c;--bg-hover: #2e2b38;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text-primary: #f0eef5;--text-secondary: #b8b2c8;--text-muted: #8a8299;--accent: #c084fc;--accent-strong: #a855f7;--accent-deep: #7c3aed;--accent-glow: rgba(168, 85, 247, .25);--text-on-accent: #ffffff;--warm: #f59e0b;--warm-glow: rgba(245, 158, 11, .2);--success: #34d399;--error: #f87171;--error-light: rgba(248, 113, 113, .1);--error-border: rgba(248, 113, 113, .25);--overlay-bg: rgba(10, 8, 16, .85);--scroll-thumb: rgba(255, 255, 255, .1);--scroll-thumb-hover: rgba(255, 255, 255, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--gradient-tint-1: rgba(168, 85, 247, .06);--gradient-tint-2: rgba(245, 158, 11, .04);--gradient-tint-canvas: rgba(168, 85, 247, .04);--chat-bg: rgba(28, 26, 34, .5);--chat-bubble-user: rgba(168, 85, 247, .1);--chat-bubble-user-border: rgba(168, 85, 247, .25);--chat-bubble-assistant: rgba(245, 158, 11, .06);--chat-bubble-assistant-border: rgba(245, 158, 11, .18);--chat-surface: rgba(255, 255, 255, .02);--topbar-bg: rgba(28, 26, 34, .8);--btn-surface: rgba(255, 255, 255, .06);--btn-surface-hover: rgba(255, 255, 255, .1);--library-active-bg: rgba(168, 85, 247, .12);--attempt-bg: rgba(0, 0, 0, .12)}[data-theme=light]{--bg-deep: #fef7f0;--bg-surface: #ffffff;--bg-elevated: #fff5eb;--bg-hover: #fde8d3;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .16);--text-primary: #1a1523;--text-secondary: #5c526a;--text-muted: #8a8299;--accent: #a855f7;--accent-strong: #9333ea;--accent-deep: #7c3aed;--accent-glow: rgba(168, 85, 247, .25);--text-on-accent: #ffffff;--warm: #f59e0b;--warm-glow: rgba(245, 158, 11, .2);--success: #10b981;--error: #dc2626;--error-light: rgba(220, 38, 38, .08);--error-border: rgba(220, 38, 38, .2);--overlay-bg: rgba(254, 247, 240, .9);--scroll-thumb: rgba(0, 0, 0, .12);--scroll-thumb-hover: rgba(0, 0, 0, .22);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--gradient-tint-1: rgba(168, 85, 247, .06);--gradient-tint-2: rgba(245, 158, 11, .04);--gradient-tint-canvas: rgba(168, 85, 247, .04);--chat-bg: rgba(255, 255, 255, .8);--chat-bubble-user: rgba(168, 85, 247, .1);--chat-bubble-user-border: rgba(168, 85, 247, .25);--chat-bubble-assistant: rgba(245, 158, 11, .08);--chat-bubble-assistant-border: rgba(245, 158, 11, .2);--chat-surface: rgba(0, 0, 0, .02);--topbar-bg: rgba(255, 255, 255, .85);--btn-surface: rgba(0, 0, 0, .04);--btn-surface-hover: rgba(0, 0, 0, .07);--library-active-bg: rgba(168, 85, 247, .12);--attempt-bg: rgba(0, 0, 0, .03)}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,var(--gradient-tint-1),transparent 60%),radial-gradient(ellipse at 80% 100%,var(--gradient-tint-2),transparent 60%),var(--bg-deep)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;height:56px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;flex-shrink:0}.topbar__left{display:flex;align-items:center;gap:8px;min-width:0}.topbar__brand{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:800;font-size:15px;white-space:nowrap}.topbar__name{color:var(--text-primary)}.topbar__active{display:flex;align-items:center;gap:8px;min-width:0}.topbar__divider{color:var(--text-muted);font-weight:300}.topbar__book-title{color:var(--text-secondary);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__right{display:flex;align-items:center;gap:8px}.topbar__user{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:12px;border-left:1px solid var(--border-subtle)}.topbar__email{color:var(--text-muted);font-size:13px;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-btn{padding:6px 12px!important;font-size:13px!important;border-radius:var(--radius-sm)!important;gap:6px!important;background:transparent!important;border:1px solid var(--border-default)!important;color:var(--text-secondary)!important}.topbar-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.topbar-btn.icon-only{padding:6px!important}.topbar-btn__label{white-space:nowrap}.theme-toggle{padding:6px!important;background:transparent!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.theme-toggle:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.topbar__library-wrap{position:relative}.library-backdrop{position:fixed;inset:0;z-index:90}.library-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:95;max-height:400px;overflow-y:auto}.library-dropdown__title{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.library-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .12s ease;text-align:left}.library-item:hover{background:var(--bg-hover);color:var(--text-primary)}.library-item.is-active{background:var(--library-active-bg);color:var(--accent)}.app-body{flex:1;display:flex;flex-direction:column;min-height:0}.app-error{margin:16px 24px 0;padding:12px 16px;background:var(--error-light);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);font-weight:600}.app-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.app-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);text-align:center;padding:48px 24px}.app-empty h2{margin:0;color:var(--text-primary);font-size:24px}.app-empty p{margin:0;color:var(--text-secondary);max-width:320px}.workspace{flex:1;display:grid;grid-template-columns:240px 1fr;min-height:0}.workspace__viewer{display:contents}.chat-flyout{position:fixed;right:0;top:56px;bottom:0;width:380px;max-width:90vw;background:var(--bg-surface);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);z-index:150;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.chat-flyout.is-open{transform:translate(0)}.chat-flyout__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.chat-flyout__title{font-weight:800;font-size:14px;color:var(--text-primary)}.chat-flyout .chat-panel{border-radius:0;border:none;background:var(--chat-bg);box-shadow:none;position:static;max-height:none;height:100%;min-height:0;flex:1}.flyout-backdrop{position:fixed;inset:56px 0 0;background:#0000004d;z-index:140}.topbar-btn.is-active{background:var(--library-active-bg)!important;color:var(--accent)!important;border-color:var(--accent)!important}.library-dropdown__empty{padding:16px 12px;color:var(--text-muted);font-size:13px;text-align:center}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-md);padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent;transition:all .15s ease;color:var(--text-primary);background:var(--btn-surface);font-family:inherit}.btn:hover{transform:translateY(-1px);background:var(--btn-surface-hover)}.btn.primary{background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));border:none;color:var(--text-on-accent);box-shadow:0 8px 24px var(--accent-glow)}.btn.primary:hover{box-shadow:0 12px 32px var(--accent-glow)}.btn.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn.ghost{border-color:var(--border-default);background:transparent}.btn.ghost:hover{border-color:var(--border-strong);background:var(--bg-hover)}.btn.pill{border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-default)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:var(--text-on-accent);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-subtle)}.pill.subtle{background:var(--btn-surface);color:var(--text-secondary);box-shadow:none}.eyebrow{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700}.helper{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.muted{color:var(--text-muted);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wizard-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}.wizard-card{width:100%;max-width:640px;max-height:90vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 80px var(--accent-glow);padding:32px}.wizard-top{text-align:center;margin-bottom:24px}.wizard-brand{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:800;font-size:14px;margin-bottom:16px}.wizard-brand span{color:var(--text-primary)}.wizard-heading{margin:0;font-size:28px;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.wizard-sub{margin:8px 0 0;color:var(--text-secondary);font-size:15px}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:28px;position:relative}.wizard-steps:before{content:"";position:absolute;top:14px;left:calc(50% - 80px);width:160px;height:2px;background:var(--border-default);z-index:0}.wizard-step-dot{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.wizard-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;background:var(--bg-elevated);border:2px solid var(--border-default);color:var(--text-muted);transition:all .2s ease}.wizard-step-dot.is-active .wizard-step-num{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--text-on-accent);box-shadow:0 0 16px var(--accent-glow)}.wizard-step-dot.is-done .wizard-step-num{background:var(--success);border-color:var(--success);color:var(--text-on-accent)}.wizard-step-label{font-size:12px;font-weight:600;color:var(--text-muted)}.wizard-step-dot.is-active .wizard-step-label{color:var(--text-primary)}.wizard-content{display:flex;flex-direction:column;gap:24px}.wizard-content.wizard-center{align-items:center;justify-content:center;text-align:center;min-height:200px}.wizard-content.wizard-center h3{margin:0;color:var(--text-primary)}.wizard-muted{color:var(--text-secondary);margin:0}.wizard-error{color:var(--error);font-weight:600;margin:0}.wizard-section{display:flex;flex-direction:column;gap:12px}.wizard-section-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.theme-card:hover{border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-2px)}.theme-card.is-selected{border-color:var(--accent-strong);background:var(--library-active-bg);box-shadow:0 0 20px var(--accent-glow)}.theme-card__icon{font-size:24px;line-height:1}.theme-card__label{font-size:13px;font-weight:700;color:var(--text-primary)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-card{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.audience-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}.audience-card.is-selected{border-color:var(--warm);background:var(--warm-glow);box-shadow:0 0 16px var(--warm-glow)}.audience-card__label{font-size:14px;font-weight:700;color:var(--text-primary)}.audience-card__desc{font-size:12px;color:var(--text-muted)}.wizard-input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);font-size:15px;font-family:inherit;transition:border-color .12s ease}.wizard-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.wizard-next{align-self:flex-end;padding:12px 24px;font-size:15px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.wizard-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--border-default);border-top-color:var(--accent);animation:spin .8s linear infinite}.wizard-success-icon{width:56px;height:56px;border-radius:50%;background:#34d39926;border:2px solid var(--success);display:flex;align-items:center;justify-content:center;color:var(--success)}.page-count-picker{display:flex;align-items:center;gap:8px;justify-content:center}.wizard-hint{font-size:12px;color:var(--text-muted);text-align:center;margin:8px 0 0;line-height:1.4}.wizard-hint--warn{color:var(--warning, #f59e0b)}.page-count-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.page-count-btn:hover:not(:disabled){background:var(--bg-hover)}.page-count-btn:disabled{opacity:.4;cursor:not-allowed}.page-count-input{width:64px;text-align:center;font-size:18px;font-weight:700;border:1px solid var(--border-default);border-radius:8px;padding:6px;background:var(--bg-elevated);color:var(--text-primary)}.page-count-input::-webkit-inner-spin-button,.page-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-count-input[type=number]{-moz-appearance:textfield}.concept-preview{display:flex;flex-direction:column;gap:20px}.concept-header{text-align:center}.concept-title{margin:0;font-size:24px;font-weight:900;color:var(--text-primary);letter-spacing:-.01em}.concept-tagline{margin:6px 0 0;color:var(--accent);font-weight:600;font-size:15px;font-style:italic}.concept-desc{margin:8px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.concept-pages{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px}.concept-pages-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;color:var(--text-secondary)}.concept-page-list{display:flex;flex-direction:column;gap:10px}.concept-page-item{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle)}.concept-page-num{width:24px;height:24px;border-radius:50%;background:var(--accent-glow);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:2px}.concept-page-title{margin:0;font-weight:700;font-size:14px;color:var(--text-primary)}.concept-page-scene{margin:2px 0 0;font-size:13px;color:var(--text-muted);line-height:1.4}.chat-panel{padding:18px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--chat-bg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:14px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:hidden}.chat-panel__header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-panel__body{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;background:var(--chat-surface);display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}.chat-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}.chat-bubble{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--chat-surface)}.chat-bubble.is-user{background:var(--chat-bubble-user);border-color:var(--chat-bubble-user-border)}.chat-bubble.is-assistant{background:var(--chat-bubble-assistant);border-color:var(--chat-bubble-assistant-border)}.chat-pages-preview{display:flex;flex-direction:column;gap:6px;margin-top:8px}.chat-page-card{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:12px}.chat-page-card strong{color:var(--text-primary)}.chat-page-card span{color:var(--text-secondary)}.chat-page-card em{color:var(--text-muted);font-style:italic;font-size:11px}.chat-add-pages-btn{margin-top:4px;font-size:12px;padding:6px 12px;width:100%}.chat-role{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.chat-markdown{font-size:13px;line-height:1.5}.chat-markdown p{margin:.4em 0}.chat-markdown p:first-child{margin-top:0}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown ul,.chat-markdown ol{margin:.4em 0;padding-left:1.4em}.chat-markdown li{margin:.2em 0}.chat-markdown strong{color:var(--text-primary)}.chat-markdown code{font-size:12px;background:var(--bg-deep);padding:1px 4px;border-radius:3px}.chat-markdown pre{font-size:11px;background:var(--bg-deep);padding:8px;border-radius:var(--radius-md);overflow-x:auto}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{font-size:14px;margin:.6em 0 .3em}.chat-markdown blockquote{border-left:2px solid var(--accent);padding-left:8px;margin:.4em 0;color:var(--text-secondary)}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;flex-shrink:0}.chat-form input,.chat-form textarea{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);font-family:inherit;font-size:inherit;resize:none}.chat-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.chat-empty{display:inline-flex;gap:8px;align-items:center;color:var(--text-muted)}.chat-status{border:1px solid var(--border-subtle);padding:10px 12px;border-radius:var(--radius-md);background:var(--chat-surface);font-weight:700}.chat-status.bad{border-color:var(--error-border);color:var(--error)}.idea-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:grid;gap:12px;background:var(--chat-surface);flex-shrink:0;max-height:50%;overflow-y:auto}.idea-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.idea-controls .field{display:grid;gap:4px}.idea-controls label{font-weight:700;color:var(--text-secondary);font-size:13px}.idea-controls input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);font-family:inherit}.idea-controls .field.short input{max-width:90px}.idea-card{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px;background:var(--bg-deep);display:grid;gap:10px}.idea-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.idea-concept{margin:0;color:var(--text-secondary)}.idea-pages{display:grid;gap:8px}.idea-page{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px;background:var(--chat-surface)}.idea-page__title{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary)}.idea-page__scene,.idea-page__prompt{margin:4px 0 0;color:var(--text-secondary)}.book-viewer__sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar__fixed{padding:16px 16px 0;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.book-viewer__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:var(--text-on-accent);padding:5px 10px;border-radius:999px;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;width:fit-content}.book-viewer__title-row{display:flex;flex-direction:column;gap:8px}.book-viewer__eyebrow{margin:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700}.book-viewer__title{margin:4px 0 2px;font-size:16px;font-weight:900;color:var(--text-primary);line-height:1.2}.book-viewer__tagline{margin:0;color:var(--text-secondary);font-weight:600;font-size:12px}.book-viewer__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border-default);background:var(--chat-surface);color:var(--text-secondary);font-weight:600;font-size:11px;width:fit-content}.book-viewer__chip .dot{width:7px;height:7px;border-radius:50%;background:var(--warm);box-shadow:0 0 0 4px var(--warm-glow)}.book-viewer__chip.is-on .dot{background:var(--success);box-shadow:0 0 0 4px #34d3992e}.book-viewer__bundle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;background:var(--chat-surface);display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.book-viewer__bundle h3{margin:2px 0;font-size:14px}.book-viewer__bundle .book-viewer__scene{margin:0;font-size:12px;line-height:1.4}.book-viewer__bundle .book-viewer__crumb{font-size:10px}.book-viewer__bundle .book-viewer__actions{flex-direction:column}.book-viewer__bundle .book-viewer__actions .btn{width:100%;justify-content:center;font-size:12px;padding:8px 12px}.book-viewer__list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding:12px 16px}.page-card{width:100%;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left}.page-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.page-card.is-active{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-glow);background:var(--library-active-bg)}.page-card__title{margin:0;font-weight:700;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-card__meta{margin:0;font-size:10px;color:var(--text-muted)}.page-card__thumb-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden}.page-card__thumb{width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-deep)}.page-card__thumb-blank{display:block;width:100%;height:100%;border-radius:6px;border:2px dashed var(--border-default);background:transparent}.page-card__check{position:absolute;top:4px;right:4px;color:var(--success);filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.notes-section{display:flex;flex-direction:column;gap:4px}.notes-section__label{display:flex;align-items:center;gap:4px;font-weight:700;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.notes-section__input{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);font-family:inherit;font-size:12px;resize:vertical;min-height:40px;line-height:1.4}.notes-section__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.book-viewer__empty{border:1px dashed var(--border-default);border-radius:var(--radius-sm);padding:12px;color:var(--text-secondary);font-weight:600;text-align:center;font-size:13px}.book-viewer__main{background:radial-gradient(circle at 60% 20%,var(--gradient-tint-canvas),transparent 50%),var(--bg-deep);padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.main-layout{display:grid;grid-template-columns:1fr 2fr;gap:20px;flex:1;min-height:0}.main-layout__prompts{display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-height:0}.main-layout__gallery{display:flex;flex-direction:column;gap:12px;min-height:0}.prompt-stack{display:flex;flex-direction:column;gap:12px}.book-viewer__header{display:flex;flex-direction:column;gap:4px}.book-viewer__header h2{margin:4px 0;font-size:20px;font-weight:900;color:var(--text-primary)}.carousel{display:flex;align-items:stretch;gap:0;min-height:280px;max-height:520px;flex:1}.carousel__arrow{display:flex;align-items:center;justify-content:center;width:36px;flex-shrink:0;border:none;background:var(--btn-surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.carousel__arrow:hover:not(:disabled){background:var(--btn-surface-hover);color:var(--text-primary)}.carousel__arrow:disabled{opacity:.3;cursor:default}.carousel__arrow--prev{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.carousel__arrow--next{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.carousel__viewport{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);min-height:0;overflow:hidden;position:relative}.carousel__image-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.carousel__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-deep);box-shadow:var(--shadow-md)}.carousel__saving{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:999px;font-weight:700;font-size:13px;color:var(--text-secondary);box-shadow:var(--shadow-md)}.carousel__generate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;border:2px dashed var(--border-default);border-radius:0;padding:16px}.carousel__gen-btn{font-size:14px;padding:12px 22px}.carousel__model-select{appearance:none;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;padding:6px 10px;cursor:pointer;text-align:center}.carousel__model-select:focus{outline:none;border-color:var(--accent)}.carousel__gen-hint{margin:0;color:var(--text-muted);font-size:13px}.carousel__loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--warm);text-align:center}.carousel__loading p{margin:0;color:var(--text-secondary)}.carousel__actions{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.carousel__actions .btn{font-size:13px;padding:8px 14px}.carousel__refine{display:flex;gap:8px;padding:0 4px}.carousel__refine-input{flex:1;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);font-size:13px;font-family:inherit}.carousel__refine-input:focus{outline:none;border-color:var(--accent)}.carousel__refine-btn{white-space:nowrap;font-size:12px;padding:6px 10px}.carousel__thumbs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:4px 0}.carousel__thumb-btn{width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid var(--border-default);background:var(--bg-elevated);cursor:pointer;padding:0;overflow:hidden;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.carousel__thumb-btn:hover{border-color:var(--border-strong)}.carousel__thumb-btn.is-active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.carousel__thumb-btn.is-selected{border-color:var(--success)}.carousel__thumb-btn.is-selected.is-active{border-color:var(--success);box-shadow:0 0 12px #10b9814d}.carousel__thumb-img{width:100%;height:100%;object-fit:cover}.bundle-confirm-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bundle-confirm-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:28px;max-width:480px;width:100%}.bundle-confirm-card h3{margin:0 0 12px;font-size:18px;color:var(--text-primary)}.bundle-confirm-card p{margin:0 0 8px;color:var(--text-secondary);font-size:14px;line-height:1.5}.bundle-confirm-warn{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--warm-glow);border:1px solid var(--warm);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;font-size:13px;margin-top:12px}.bundle-toggle{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;margin-top:12px}.bundle-toggle input[type=checkbox]{margin-top:3px;accent-color:var(--accent)}.bundle-toggle__text{display:flex;flex-direction:column;gap:2px}.bundle-toggle__text strong{font-size:13px;color:var(--text-primary)}.bundle-toggle__text span{font-size:11px;color:var(--text-muted)}.bundle-section-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:4px 0 0}.bundle-confirm-options{display:flex;flex-direction:column;gap:8px;margin-top:16px}.bundle-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.bundle-option:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.bundle-option:disabled{opacity:.5;cursor:not-allowed}.bundle-option svg{flex-shrink:0;color:var(--accent)}.bundle-option div{display:flex;flex-direction:column;gap:2px}.bundle-option strong{font-size:13px;font-weight:600}.bundle-option span{font-size:11px;color:var(--text-secondary);line-height:1.4}.bundle-confirm-status{text-align:center;font-weight:600;color:var(--accent);font-size:13px;margin-top:12px}.bundle-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.book-viewer__callout{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);padding:14px;background:var(--chat-surface);display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:var(--shadow-sm)}.book-viewer__callout h3{margin:4px 0}.book-viewer__callout .book-viewer__scene{margin:0}.cover-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px;background:var(--chat-surface);box-shadow:var(--shadow-sm);display:grid;gap:12px;margin-top:14px}.cover-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:14px;margin:4px 0;background:var(--chat-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.prompt-stack .prompt-field textarea{min-height:56px}.prompt-field{display:flex;flex-direction:column;gap:6px}.prompt-field label{font-weight:700;font-size:13px;color:var(--text-secondary);letter-spacing:.02em}.prompt-field__collapse-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-weight:700;font-size:13px;color:var(--text-secondary);letter-spacing:.02em;cursor:pointer}.prompt-field__collapse-toggle:hover{color:var(--text-primary)}.prompt-field__inline-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;font-weight:400}.prompt-field__inline-toggle input[type=checkbox]{accent-color:var(--accent)}.prompt-field__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prompt-field__inherit{font-size:11px;color:var(--text-muted)}.prompt-field__inherit--custom{color:var(--accent)}.prompt-field__reset{font-size:11px;padding:2px 6px;gap:3px}.prompt-preview{display:flex;flex-direction:column;gap:10px}.prompt-preview__section{display:flex;flex-direction:column;gap:4px}.prompt-preview__label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.placement-toggle{display:flex;align-items:center;gap:4px;font-size:11px}.placement-toggle__label{color:var(--text-muted);margin-right:2px}.placement-toggle__btn{padding:2px 8px;border:1px solid var(--border-default);border-radius:4px;background:transparent;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .15s}.placement-toggle__btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.carousel__prompt-preview{display:flex;flex-direction:column;gap:8px;padding:12px;width:100%;max-height:100%;overflow-y:auto}.carousel__prompt-preview-label{font-size:12px;color:var(--text-secondary);margin:0}.carousel__prompt-preview-text{flex:1;min-height:120px;font-family:inherit;font-size:12px;line-height:1.5;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);resize:vertical}.carousel__prompt-preview-text:focus{outline:none;border-color:var(--accent)}.carousel__prompt-preview-actions{display:flex;gap:8px}.carousel__prompt-preview-actions .btn{font-size:12px}.prompt-preview__code{font-family:monospace;font-size:11px;line-height:1.4;color:var(--text-secondary);background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 10px;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;margin:0}.prompt-field textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);padding:8px 10px;resize:vertical;min-height:64px;font-family:inherit;font-size:14px;line-height:1.5;box-shadow:var(--shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.prompt-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.prompt-field textarea:hover{border-color:var(--border-strong)}.prompt-field--caption{grid-column:1 / -1}.prompt-field--caption textarea{min-height:56px}.prompt-hint{font-size:12px;color:var(--text-muted);padding-left:2px}.prompt-tip{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px;cursor:help}.prompt-tip__icon{color:var(--text-muted);transition:color .15s ease}.prompt-tip:hover .prompt-tip__icon{color:var(--accent)}.prompt-tip__popup{display:none;position:absolute;left:0;top:calc(100% + 6px);width:280px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50}.prompt-tip:hover .prompt-tip__popup{display:flex;flex-direction:column;gap:6px}.prompt-tip__line{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);line-height:1.4}.prompt-tip__line:before{content:"• ";color:var(--accent)}.prompt-guide{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--chat-surface);overflow:hidden}.prompt-guide__toggle{width:100%;display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:color .15s ease}.prompt-guide__toggle:hover{color:var(--accent)}.prompt-guide__chevron{margin-left:auto;transition:transform .2s ease}.prompt-guide__chevron.is-open{transform:rotate(180deg)}.prompt-guide__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-subtle)}.prompt-guide__section{display:flex;flex-direction:column;gap:4px}.prompt-guide__heading{margin:0;font-size:12px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.prompt-guide__list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px}.prompt-guide__list li{font-size:12px;color:var(--text-secondary);line-height:1.45}.prompt-guide__list li::marker{color:var(--border-strong)}.book-viewer__crumb{margin:0;color:var(--text-muted);font-weight:700;font-size:12px;letter-spacing:.05em}.book-viewer__scene{margin:0;color:var(--text-secondary);max-width:640px;line-height:1.5}.book-viewer__kdp-warn{font-size:11px;color:var(--warning, #f59e0b);margin:4px 0 0;line-height:1.4}.book-viewer__actions{display:flex;align-items:center;gap:8px}.book-viewer__alert{display:inline-flex;align-items:center;gap:8px;background:var(--error-light);color:var(--error);border:1px solid var(--error-border);border-radius:var(--radius-md);padding:10px 12px;font-weight:600;width:fit-content}.book-viewer__canvas{background:radial-gradient(circle at 30% 30%,var(--gradient-tint-canvas),transparent 40%),var(--bg-elevated);border:1px dashed var(--border-default);border-radius:var(--radius-xl);min-height:420px;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.book-viewer__loading,.book-viewer__placeholder{text-align:center;color:var(--text-secondary);display:grid;gap:8px;align-items:center;justify-items:center}.book-viewer__loading svg{color:var(--warm)}.book-viewer__preview{display:grid;gap:14px;justify-items:center}.book-viewer__preview img{max-height:480px;max-width:100%;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-deep);box-shadow:var(--shadow-md)}.book-viewer__footer{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-weight:600;border-top:1px solid var(--border-subtle);padding-top:10px}.book-viewer__footer .good{color:var(--success)}.image-attempts{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px;background:var(--chat-surface);box-shadow:var(--shadow-sm)}.image-attempts__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.image-attempts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.image-attempts__item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--attempt-bg);padding:8px;display:grid;gap:6px}.image-attempts__item.is-active{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-glow)}.image-attempts__thumb{width:100%;border:none;padding:0;background:transparent;cursor:pointer}.image-attempts__thumb img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-deep)}.image-attempts__meta{display:flex;gap:8px;align-items:center}.image-attempts__actions{display:flex;gap:6px;flex-wrap:wrap}.empty-state{border:1px dashed var(--border-default);color:var(--text-secondary);padding:14px;border-radius:var(--radius-md);text-align:center;font-weight:600}.book-switcher{display:grid;gap:8px;padding:10px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--chat-surface)}.book-switcher label{font-weight:700;color:var(--text-secondary);letter-spacing:.03em;font-size:13px}.book-select{position:relative}.book-select select{width:100%;appearance:none;-webkit-appearance:none;background:var(--bg-deep);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 40px 10px 12px;color:var(--text-primary);font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}.book-select select:focus{outline:1px solid var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.book-select select:disabled{opacity:.5;cursor:not-allowed}.book-select__chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:900;pointer-events:none;font-size:14px}.book-switcher__meta{display:flex;gap:8px;align-items:center}.book-chips{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.book-chip{border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 12px;text-align:left;display:grid;gap:4px;cursor:pointer;transition:all .15s ease;font-family:inherit}.book-chip:hover{border-color:var(--border-strong);transform:translateY(-1px)}.book-chip.is-active{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-glow)}.book-chip small{color:var(--text-muted);font-weight:600}@media(max-width:1024px){.workspace{grid-template-columns:1fr}.workspace__viewer{display:contents}.flyout-backdrop{display:block}.main-layout{grid-template-columns:1fr}.book-viewer__sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);max-height:40vh}.book-viewer__list{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px}.page-card{min-width:140px;flex-shrink:0}.book-viewer__bundle .book-viewer__actions{flex-direction:row}.book-viewer__bundle .book-viewer__actions .btn{width:auto}.carousel{min-height:260px}.topbar-btn__label,.topbar__email{display:none}}@media(max-width:640px){.topbar{padding:0 12px}.topbar__name{display:none}.wizard-card{padding:20px}.theme-grid{grid-template-columns:repeat(3,1fr)}.audience-grid{grid-template-columns:1fr}.book-viewer__sidebar{padding:12px}.book-viewer__main{padding:16px 12px 32px}}.concept-page-content{flex:1;min-width:0}.concept-page-retry{flex-shrink:0;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.concept-page-retry:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-primary)}.concept-page-retry:disabled{opacity:.4;cursor:not-allowed}.concept-retry-all{margin-top:8px;width:100%;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.page-title-input{font-size:1.4rem;font-weight:700;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 8px;margin:0 -8px;width:calc(100% + 16px);transition:border-color .15s}.page-title-input:hover{border-color:var(--border-default)}.page-title-input:focus{border-color:var(--accent);outline:none}.ai-gen-btn{margin-top:4px;font-size:12px;gap:4px}.page-card-wrap{position:relative;display:flex;align-items:center;gap:2px;transition:transform .15s,opacity .15s}.page-card-wrap[draggable=true]{cursor:grab}.page-card-wrap.is-dragging{opacity:.4}.page-card-wrap.is-drag-over{border-top:2px solid var(--accent);margin-top:-2px}.page-card__grip{color:var(--text-muted);opacity:0;transition:opacity .15s;flex-shrink:0;cursor:grab}.page-card-wrap:hover .page-card__grip{opacity:.5}.page-card__actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s}.page-card-wrap:hover .page-card__actions{opacity:1}.page-card__delete{width:24px;height:24px;border-radius:4px;border:none;background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s}.page-card__delete:hover{color:var(--danger, #e53e3e)}.page-card__confirm-delete{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;color:var(--text-secondary)}.btn-tiny{padding:2px 8px;font-size:11px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer}.btn-tiny.danger{color:#fff;background:var(--danger, #e53e3e);border-color:var(--danger, #e53e3e)}.page-card--add{border:2px dashed var(--border-default);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s;background:transparent}.page-card--add:hover{color:var(--text-primary);border-color:var(--text-primary)}.page-card--ai{border-color:var(--accent);color:var(--accent)}.page-card--ai:hover{color:var(--text-primary)}.page-card__add-group{display:flex;gap:8px}.page-card__add-group .page-card--add{flex:1;min-width:0;padding:12px 8px;font-size:12px}.add-pages-panel{padding:12px 16px;border-bottom:1px solid var(--border-default);display:flex;flex-direction:column;gap:8px}.add-pages-panel__header{display:flex;justify-content:space-between;align-items:center}.add-pages-panel__header strong{font-size:13px}.add-pages-panel__desc{font-size:11px;color:var(--text-muted);margin:0;line-height:1.4}.add-pages-panel__row{display:flex;align-items:center;gap:8px}.add-pages-panel__row label{font-size:12px;color:var(--text-secondary)}.page-count-picker--sm{transform:scale(.85);transform-origin:left center}.library-item-wrap{display:flex;align-items:center;position:relative}.library-item-wrap .library-item{flex:1;min-width:0}.library-item__delete{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:opacity .15s,color .15s}.library-item-wrap:hover .library-item__delete{opacity:1}.library-item__delete:hover{color:var(--danger, #e53e3e)}.library-item__confirm{display:flex;gap:4px;padding-right:4px}.admin-page{position:fixed;inset:0;z-index:400;background:var(--bg-deep);overflow-y:auto}.admin-page__header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-default);background:var(--bg-surface);position:sticky;top:0;z-index:10}.admin-page__close{margin-left:auto}.admin-page__header h2{margin:0;font-size:18px;color:var(--text-primary)}.admin-page__loading{padding:48px;text-align:center;color:var(--text-muted)}.admin-page__body{max-width:800px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.admin-card-stat{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.admin-card-stat svg{flex-shrink:0;color:var(--accent)}.admin-card-stat div{display:flex;flex-direction:column}.admin-card-stat__value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.admin-card-stat__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.admin-section-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px}.admin-section-card h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.admin-saving{font-size:11px;font-weight:400;color:var(--accent)}.admin-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:24px 0}.admin-hint{color:var(--text-muted);font-size:12px;margin:0 0 12px;line-height:1.4}.admin-daily-chart{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.admin-daily-row{display:grid;grid-template-columns:50px 1fr 120px;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.admin-daily-date{font-family:monospace;font-size:11px;color:var(--text-muted)}.admin-daily-val{text-align:right;font-size:11px;white-space:nowrap}.admin-bar{height:16px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.admin-bar__fill{height:100%;background:var(--accent);border-radius:3px;opacity:.7;transition:width .3s}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;padding:6px 8px;border-bottom:1px solid var(--border-default)}.admin-table td{padding:6px 8px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.admin-model-tags{display:flex;flex-wrap:wrap;gap:4px}.admin-model-tag{font-size:10px;padding:1px 6px;background:var(--bg-hover);border-radius:4px;color:var(--text-muted);white-space:nowrap}.admin-user-list{display:flex;flex-direction:column;gap:2px}.admin-user-report{border-radius:var(--radius-md);overflow:hidden}.admin-user-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--text-primary);border-radius:var(--radius-md);transition:background .1s}.admin-user-row:hover{background:var(--bg-hover)}.admin-user-info{display:flex;flex-direction:column;gap:2px}.admin-user-info strong{font-size:13px}.admin-user-meta{font-size:11px;color:var(--text-muted)}.admin-user-cost{font-size:15px;font-weight:700;color:var(--accent)}.admin-user-detail{padding:0 12px 12px;max-height:300px;overflow-y:auto}.admin-model-list{display:flex;flex-direction:column;gap:8px}.admin-model-toggle{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;text-align:left;transition:border-color .15s,opacity .15s}.admin-model-toggle:hover:not(:disabled){border-color:var(--accent)}.admin-model-toggle:disabled{opacity:.5;cursor:not-allowed}.admin-model-toggle.is-on{border-color:var(--accent);color:var(--text-primary)}.admin-model-toggle.is-on svg{color:var(--accent)}.admin-model-toggle div{display:flex;flex-direction:column;gap:1px}.admin-default-models{display:flex;flex-direction:column;gap:12px}.admin-default-model{display:flex;flex-direction:column;gap:4px}.admin-default-model label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.admin-default-model select{padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-deep);color:var(--text-primary);font-size:13px;font-family:inherit}.admin-default-model select:focus{outline:none;border-color:var(--accent)}.admin-model-toggle strong{font-size:13px}.admin-model-toggle span{font-size:11px;color:var(--text-muted)}@media(max-width:640px){.admin-page__body{padding:16px}.admin-cards{grid-template-columns:1fr 1fr}.admin-daily-row{grid-template-columns:40px 1fr 80px}}