*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f3efe6;--panel:rgba(255,250,239,0.88);--panel-strong:rgba(255,248,232,0.98);--ink:#1c130f;--muted:#6d584e;--line:rgba(67,40,24,0.14);--accent:#b34a1d;--accent-strong:#913a15;--accent-soft:rgba(179,74,29,0.12);--accent-soft-strong:rgba(179,74,29,0.18);--shadow:0 26px 80px rgba(53,27,13,0.12);--display-font:"Bahnschrift","Aptos Display","Segoe UI Variable Display","Trebuchet MS",sans-serif;--body-font:"Aptos","Segoe UI Variable Text","Helvetica Neue",sans-serif}html{background:radial-gradient(circle at top left,rgba(179,74,29,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(88,43,16,.12),transparent 32%),linear-gradient(180deg,#f6f0e4,#efe6d5);color:var(--ink)}body{font-family:var(--body-font);line-height:1.5;min-height:100vh;background-image:linear-gradient(rgba(67,40,24,.05) 1px,transparent 0),linear-gradient(90deg,rgba(67,40,24,.05) 1px,transparent 0);background-size:32px 32px}button,input,select{font:inherit}.preview-page,.project-page,.styling-page,.template-page,.upload-page{min-height:100vh;padding:48px 24px 64px}.project-shell,.upload-shell{width:min(100%,1180px);margin:0 auto;display:grid;grid-gap:24px;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.hero-copy{display:grid;grid-gap:10px;gap:10px}.eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.28em;color:var(--accent-strong)}.hero-copy h1,.project-shell h1{font-family:var(--display-font);font-size:clamp(3.4rem,10vw,7.2rem);line-height:.92;letter-spacing:-.08em}.create-project-button,.header-button,.project-action,.settings-close-button{min-width:148px;padding:14px 18px;border:1px solid transparent;border-radius:999px;background:var(--ink);color:#fff7ef;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background-color .16s ease,border-color .16s ease}.create-project-button:hover:not(:disabled),.header-button:hover:not(:disabled),.project-action:hover:not(:disabled),.settings-close-button:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-strong)}.header-button{background:rgba(255,255,255,.62);border-color:var(--line);color:var(--ink)}.header-button:hover:not(:disabled){color:#fff7ef}.create-project-button:disabled,.header-button:disabled,.project-action:disabled,.settings-close-button:disabled{cursor:not-allowed;opacity:.42}.project-card,.upload-panel{border:1px solid var(--line);border-radius:30px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.upload-panel{padding:20px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.upload-panel,.upload-stack{display:grid;grid-gap:18px;gap:18px}.upload-dropzone{position:relative;overflow:hidden;min-height:300px;padding:28px;border-radius:24px;border:1px solid var(--line);background:var(--panel-strong);display:grid;align-content:start;grid-gap:22px;gap:22px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.upload-dropzone:before{content:"";position:absolute;inset:12px;border:2px dashed rgba(179,74,29,.22);border-radius:18px;pointer-events:none;transition:border-color .16s ease,background-color .16s ease}.upload-dropzone.is-dragging,.upload-dropzone:focus-visible,.upload-dropzone:hover{transform:translateY(-2px);border-color:rgba(179,74,29,.35);box-shadow:0 28px 86px rgba(53,27,13,.16);outline:none}.upload-dropzone.is-dragging:before,.upload-dropzone:focus-visible:before,.upload-dropzone:hover:before{border-color:rgba(179,74,29,.7);background:var(--accent-soft)}.upload-dropzone-copy{position:relative;z-index:1;display:grid;grid-gap:8px;gap:8px}.upload-kicker{font-size:.78rem;font-weight:700;letter-spacing:.18em;color:var(--accent-strong)}.upload-dropzone-copy h2{max-width:none;font-family:var(--display-font);font-size:clamp(2rem,4.6vw,3.8rem);line-height:.98;letter-spacing:-.06em}.upload-dropzone-hint{max-width:42ch;color:var(--muted)}.upload-selected{position:relative;z-index:1;display:grid;grid-gap:14px;gap:14px}.upload-selected-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;align-items:baseline}.format-sidebar h3,.project-card h2,.upload-selected-heading h3{font-family:var(--display-font);font-size:1.2rem;letter-spacing:-.03em}.field-help,.format-sidebar-heading p,.project-subtext,.upload-selected-heading p{color:var(--muted);font-size:.95rem}.empty-file-state{padding:18px;border-radius:18px;border:1px dashed var(--line);background:rgba(255,255,255,.34);color:var(--muted)}.file-list{list-style:none;display:grid;grid-gap:12px;gap:12px}.file-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.4)}.file-item div{display:grid;grid-gap:3px;gap:3px;min-width:0}.file-item strong{font-size:.98rem;word-break:break-word}.file-item em,.file-item span{font-size:.88rem;color:var(--muted)}.file-item em{font-style:normal;white-space:nowrap}.rejected-files{padding:14px 16px;border-radius:16px;border:1px solid rgba(145,58,21,.22);background:rgba(179,74,29,.08)}.rejected-files p{margin-bottom:8px;color:var(--accent-strong);font-weight:700}.rejected-files ul{list-style:none;display:grid;grid-gap:6px;gap:6px}.format-sidebar{padding:26px 22px;border-radius:24px;border:1px solid var(--line);background:rgba(255,251,244,.72);display:grid;align-content:start;grid-gap:18px;gap:18px}.format-sidebar-heading{display:grid;grid-gap:6px;gap:6px}.format-groups{display:grid;grid-gap:12px;gap:12px}.format-group{display:grid;grid-gap:10px;gap:10px}.format-group h4{font-size:.92rem}.format-pills{display:flex;flex-wrap:wrap;gap:8px}.format-pill{padding:7px 10px;border-radius:999px;background:rgba(28,19,15,.06);color:var(--ink);font-size:.78rem;font-weight:700}.format-note{padding-top:6px;border-top:1px dashed var(--line);color:var(--muted);font-size:.86rem}.sidebar-actions{display:grid;grid-gap:12px;gap:12px;margin-top:auto}.sidebar-actions .project-action{width:100%}.analysis-feedback{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.42)}.analysis-feedback strong{font-size:.96rem}.analysis-feedback p{color:var(--muted);font-size:.92rem}.analysis-feedback.is-success{border-color:rgba(34,114,75,.22);background:rgba(34,114,75,.08)}.analysis-feedback.is-success strong{color:#1f6c48}.analysis-feedback.is-error{border-color:rgba(145,58,21,.24);background:rgba(179,74,29,.08)}.analysis-feedback.is-error strong{color:var(--accent-strong)}.project-card{padding:28px 24px;display:grid;grid-gap:24px;gap:24px}.project-shell h1{font-size:clamp(2.8rem,7vw,5.2rem)}.project-top{display:grid;grid-gap:8px;gap:8px}.project-name-block{display:grid;grid-gap:10px;gap:10px}.field-label,.project-name-label{font-size:.88rem;font-weight:700;letter-spacing:.08em;color:var(--accent-strong);text-transform:uppercase}.field-select,.field-textarea,.project-name-input{width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.5);color:var(--ink)}.field-textarea{min-height:120px;resize:vertical}.project-name-input{font-family:var(--display-font);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.field-select:focus,.field-textarea:focus,.project-name-input:focus,.toggle-input:focus-visible+.toggle-track{outline:2px solid rgba(179,74,29,.22);outline-offset:2px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.project-field{display:grid;grid-gap:10px;gap:10px;padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.42)}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.toggle-copy{display:grid;grid-gap:4px;gap:4px}.toggle-copy strong{font-size:1rem}.toggle-input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;display:inline-flex;width:60px;height:34px;padding:3px;border-radius:999px;background:rgba(28,19,15,.14);transition:background-color .16s ease}.toggle-track:after{content:"";width:28px;height:28px;border-radius:50%;background:#fff7ef;box-shadow:0 8px 18px rgba(28,19,15,.18);transition:transform .16s ease}.toggle-input:checked+.toggle-track{background:var(--accent)}.toggle-input:checked+.toggle-track:after{transform:translateX(26px)}.project-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 18px;align-items:center;padding:16px 18px;border-radius:18px;border:1px dashed var(--line);background:rgba(255,255,255,.32)}.project-summary strong{font-size:1rem}.project-files{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.project-files li{padding:8px 12px;border-radius:999px;background:rgba(28,19,15,.06);font-size:.86rem}.project-actions{display:flex;justify-content:flex-end}.template-detail-head,.template-header-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.styling-stack,.template-detail-groups,.template-select-block,.template-stack{display:grid;grid-gap:20px;gap:20px}.styling-grid,.template-meta-grid,.template-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.mode-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.44);color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.mode-card.is-active,.mode-card:hover{transform:translateY(-1px);border-color:rgba(179,74,29,.35);background:rgba(255,247,238,.84);box-shadow:0 22px 48px rgba(53,27,13,.08)}.mode-card strong{display:block;margin-bottom:6px;font-size:1.16rem}.mode-card p,.template-detail-card p{color:var(--muted)}.mode-card-kicker,.template-category-pill{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(28,19,15,.06);color:var(--accent-strong);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.template-detail-card{display:grid;grid-gap:18px;gap:18px;padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.46)}.template-detail-card.is-free{background:rgba(255,248,235,.78)}.template-detail-card h2{font-family:var(--display-font);font-size:1.52rem;letter-spacing:-.04em}.keyword-list{display:flex;flex-wrap:wrap;gap:10px}.keyword-pill{padding:8px 12px;border-radius:999px;background:rgba(28,19,15,.06);font-size:.84rem}.template-preview-shell{display:grid;grid-gap:16px;gap:16px;padding-top:6px}.image-plan-head,.preview-panel-head,.preview-shot-copy,.template-lightbox-toolbar,.template-preview-controls,.template-preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.styling-action-row,.template-action-row{display:flex;justify-content:flex-end}.template-preview-controls{justify-content:flex-end;flex-wrap:wrap}.template-preview-count{color:var(--muted);font-size:.92rem}.preview-nav-button{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.68);color:var(--ink);cursor:pointer}.preview-nav-button:disabled{cursor:not-allowed;opacity:.42}.template-preview-stage,.template-preview-thumb{border:0;background:transparent;text-align:left;cursor:pointer}.template-preview-stage{display:grid;grid-gap:10px;gap:10px}.template-lightbox-frame,.template-preview-frame,.template-preview-thumb-frame{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.62)}.template-lightbox-frame img,.template-preview-frame img,.template-preview-thumb-frame img{display:block;width:100%;height:auto}.template-preview-caption{color:var(--muted);font-size:.92rem}.template-preview-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.template-preview-thumb{display:grid;grid-gap:8px;gap:8px;padding:10px;border-radius:18px;border:1px solid transparent}.template-preview-thumb.is-active{border-color:rgba(179,74,29,.35);background:rgba(255,248,235,.78)}.template-preview-thumb span{color:var(--muted);font-size:.88rem}.preview-empty-state{padding:20px;border-radius:20px;border:1px dashed var(--line);color:var(--muted)}.template-lightbox{position:fixed;inset:0;z-index:50;padding:28px;background:rgba(18,12,8,.86);display:grid;align-items:center;justify-items:center}.template-lightbox-stage{width:min(92vw,1400px);display:grid;grid-gap:14px;gap:14px}.template-lightbox-frame{border-color:rgba(255,247,238,.14);background:rgba(255,252,246,.96)}.template-lightbox-close{position:absolute;top:20px;right:20px;padding:10px 14px;border:1px solid rgba(255,247,238,.18);border-radius:999px;background:rgba(255,247,238,.1);color:#fff7ef;cursor:pointer}.settings-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(18,12,8,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-modal{width:min(100%,760px);display:grid;grid-gap:22px;gap:22px;padding:26px;border:1px solid rgba(255,247,238,.18);border-radius:28px;background:linear-gradient(180deg,rgba(255,249,239,.98),rgba(249,241,228,.96));box-shadow:0 32px 90px rgba(18,12,8,.28)}.llm-progress-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:rgba(18,12,8,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.llm-progress-modal{width:min(100%,980px);max-height:min(90vh,920px);overflow:auto;display:grid;grid-gap:20px;gap:20px;padding:26px;border:1px solid rgba(255,247,238,.16);border-radius:30px;background:linear-gradient(180deg,rgba(255,249,239,.98),rgba(247,239,224,.96));box-shadow:0 34px 100px rgba(18,12,8,.32)}.llm-progress-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.llm-progress-header h2{font-family:var(--display-font);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.llm-progress-layout{display:grid;grid-gap:16px;gap:16px}.llm-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.llm-progress-empty,.llm-progress-layout [data-llm-section]{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.44)}.llm-progress-empty{color:var(--muted)}.llm-progress-layout [data-llm-section=error]{border-color:rgba(145,58,21,.24);background:rgba(179,74,29,.08)}.llm-progress-layout [data-llm-section] h3{font-family:var(--display-font);font-size:1.08rem;letter-spacing:-.03em}.llm-progress-layout [data-llm-row=header]{display:flex;justify-content:space-between;gap:12px;align-items:center}.llm-progress-layout [data-llm-progress-track]{overflow:hidden;width:100%;height:12px;border-radius:999px;background:rgba(28,19,15,.08)}.llm-progress-layout [data-llm-progress-fill]{height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(145,58,21,.94),rgba(211,112,57,.9));transition:width .22s ease}.llm-progress-layout [data-llm-grid]{display:grid;grid-gap:10px;gap:10px}.llm-progress-layout [data-llm-grid]>div{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(67,40,24,.08);background:rgba(255,255,255,.5)}.llm-progress-layout dt{color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.llm-progress-layout dd{font-size:.96rem;word-break:break-word}.llm-progress-layout [data-llm-connection-error]{padding:10px 12px;border-radius:14px;background:rgba(145,58,21,.08);color:var(--accent-strong)}.llm-progress-layout [data-llm-result-block]{display:grid;grid-gap:8px;gap:8px}.llm-progress-layout pre{overflow:auto;max-height:240px;padding:14px;border-radius:16px;border:1px solid rgba(67,40,24,.08);background:rgba(28,19,15,.06);color:var(--ink);white-space:pre-wrap;word-break:break-word}.settings-modal-header,.settings-range-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.settings-modal h2{font-family:var(--display-font);font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.05em}.settings-close-button{min-width:auto}.settings-grid{display:grid;grid-gap:16px;gap:16px}.settings-value-pill{padding:6px 12px;border-radius:999px;background:rgba(28,19,15,.06);color:var(--accent-strong);font-size:.84rem;font-weight:700}.range-input{width:100%;accent-color:var(--accent)}.styling-grid .project-field{min-height:180px;align-content:start}.preview-layout{display:grid;grid-gap:24px;gap:24px}.preview-panel{gap:22px}.preview-panel-head h2{font-family:var(--display-font);font-size:1.8rem;letter-spacing:-.04em}.image-plan-grid,.preview-highlight-grid,.preview-image-summary,.preview-summary-grid{display:grid;grid-gap:16px;gap:16px}.preview-highlight-grid,.preview-image-summary,.preview-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-plan-card,.preview-callout{display:grid;grid-gap:10px;gap:10px;padding:20px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.42)}.image-plan-card strong,.preview-callout strong{font-size:1.06rem}.preview-template-shot{display:grid;grid-gap:12px;gap:12px}.preview-shot-copy{justify-content:space-between;align-items:flex-end}.preview-shot-frame{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.62)}.preview-shot-frame img{display:block;width:100%;height:auto}.image-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-plan-head{align-items:flex-start}.image-plan-status{padding:6px 10px;border-radius:999px;background:rgba(28,19,15,.06);color:var(--accent-strong);font-size:.78rem;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:980px){.upload-panel{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-plan-grid,.llm-progress-grid,.preview-highlight-grid,.preview-image-summary,.preview-summary-grid,.styling-grid,.template-meta-grid,.template-mode-grid{grid-template-columns:1fr}}@media (max-width:720px){.preview-page,.project-page,.styling-page,.template-page,.upload-page{padding:28px 16px 40px}.page-header{grid-template-columns:1fr;display:grid}.header-actions{justify-content:flex-start}.project-card,.upload-panel{border-radius:24px}.format-sidebar,.upload-dropzone{border-radius:20px}.upload-dropzone{min-height:auto;padding:22px 18px}.upload-dropzone:before{inset:10px}.project-grid{grid-template-columns:1fr}.template-detail-head{flex-direction:column}.image-plan-head,.llm-progress-header,.preview-panel-head,.preview-shot-copy,.settings-modal-header,.settings-range-header,.template-action-row,.template-lightbox-toolbar,.template-preview-toolbar{flex-direction:column;align-items:flex-start}.template-preview-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-modal-backdrop,.template-lightbox{padding:16px}.settings-modal{padding:22px 18px;border-radius:22px}.llm-progress-backdrop{padding:16px}.llm-progress-modal{padding:22px 18px;border-radius:22px}.template-lightbox-stage{width:100%}.file-item{flex-direction:column;align-items:flex-start}.project-actions,.project-summary{justify-content:flex-start}}.comic-library-page{min-height:100vh;padding:64px 24px 80px}.comic-library-shell{width:min(100%,1180px);margin:0 auto;display:grid;grid-gap:36px;gap:36px}.comic-library-header{display:grid;grid-gap:14px;gap:14px}.comic-library-copy{display:grid;grid-gap:12px;gap:12px}.comic-library-copy h1{font-family:var(--display-font);font-size:clamp(3rem,9vw,6.2rem);line-height:.92;letter-spacing:-.08em}.comic-library-sub{max-width:60ch;color:var(--muted);font-size:1.05rem}.comic-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:22px;gap:22px}.comic-card{display:grid;grid-gap:14px;gap:14px;padding:14px;border:1px solid var(--line);border-radius:24px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.comic-card:focus-visible,.comic-card:hover{transform:translateY(-2px);border-color:rgba(179,74,29,.4);box-shadow:0 28px 86px rgba(53,27,13,.18);outline:none}.comic-card-cover{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:2/3;background:rgba(28,19,15,.08)}.comic-card-cover img{display:block;width:100%;height:100%;object-fit:cover}.comic-card-flag{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;background:rgba(145,58,21,.92);color:#fff7ef;font-size:.74rem;font-weight:700;letter-spacing:.06em}.comic-card-meta{display:grid;grid-gap:6px;gap:6px;padding:4px 6px 6px}.comic-card-meta h2{font-family:var(--display-font);font-size:1.4rem;letter-spacing:-.04em}.comic-card-author{color:var(--muted);font-size:.92rem}.comic-card-foot{display:flex;gap:8px;font-size:.86rem;color:var(--muted)}.comic-empty{padding:36px 28px;border:1px dashed var(--line);border-radius:28px;background:rgba(255,255,255,.34);display:grid;grid-gap:14px;gap:14px;color:var(--ink)}.comic-empty h2{font-family:var(--display-font);font-size:1.8rem;letter-spacing:-.04em}.comic-empty code{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.92rem;padding:2px 6px;border-radius:6px;background:rgba(28,19,15,.08)}.comic-reader-page{min-height:100vh;background:radial-gradient(circle at top,rgba(179,74,29,.18),transparent 38%),linear-gradient(180deg,#1c130f,#0d0805);color:#fff7ef;padding:28px 24px 56px}.comic-reader-shell{width:min(100%,1080px);margin:0 auto;display:grid;grid-gap:22px;gap:22px}.comic-reader-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}.comic-reader-back{color:rgba(255,247,239,.78);text-decoration:none;font-size:.95rem;letter-spacing:.04em;padding:8px 14px;border:1px solid rgba(255,247,239,.18);border-radius:999px;transition:background-color .16s ease,color .16s ease}.comic-reader-back:focus-visible,.comic-reader-back:hover{background:rgba(255,247,239,.12);color:#fff7ef;outline:none}.comic-reader-title{display:grid;grid-gap:4px;gap:4px;flex:1 1 280px}.comic-reader-title h1{font-family:var(--display-font);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.05em}.comic-reader-author{color:rgba(255,247,239,.62);font-size:.95rem}.comic-reader-page-indicator{font-family:var(--display-font);font-size:1.2rem;letter-spacing:-.04em;color:rgba(255,247,239,.78)}.comic-reader-stage{position:relative;display:grid;place-items:center;border-radius:28px;overflow:hidden;background:rgba(255,247,239,.04);border:1px solid rgba(255,247,239,.08);aspect-ratio:2/3;max-height:70vh}.comic-reader-image{display:block;width:100%;height:100%;object-fit:contain}.comic-reader-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,247,239,.22);background:rgba(18,12,8,.6);color:#fff7ef;font-size:2rem;line-height:1;cursor:pointer;transition:background-color .16s ease,transform .16s ease,opacity .16s ease}.comic-reader-nav:focus-visible,.comic-reader-nav:hover:not(:disabled){background:rgba(179,74,29,.85);outline:none}.comic-reader-nav:disabled{opacity:.32;cursor:not-allowed}.comic-reader-nav-prev{left:18px}.comic-reader-nav-next{right:18px}.comic-reader-text-panel{display:grid;grid-gap:14px;gap:14px;padding:22px 24px;border-radius:24px;background:rgba(255,247,239,.06);border:1px solid rgba(255,247,239,.1)}.comic-reader-text-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.comic-reader-text-heading h2{font-family:var(--display-font);font-size:1.4rem;letter-spacing:-.04em}.comic-reader-page-label{font-size:.88rem;letter-spacing:.08em;color:rgba(255,247,239,.6)}.comic-reader-narration{font-size:1.05rem;line-height:1.6;color:rgba(255,247,239,.92)}.comic-reader-dialogue{list-style:none;display:grid;grid-gap:10px;gap:10px}.comic-reader-dialogue li{padding:12px 16px;border-radius:16px;background:rgba(179,74,29,.16);border:1px solid rgba(179,74,29,.32);display:grid;grid-gap:4px;gap:4px}.comic-reader-dialogue strong{font-size:.88rem;color:#f3a47b;letter-spacing:.04em}.comic-reader-text-error{color:#f3a47b;font-size:.95rem}.comic-reader-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.comic-reader-audio,.comic-reader-paging{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comic-reader-audio-button,.comic-reader-mute-button,.comic-reader-page-button{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,247,239,.22);background:rgba(255,247,239,.08);color:#fff7ef;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.comic-reader-audio-button:hover,.comic-reader-mute-button:hover,.comic-reader-page-button:hover:not(:disabled){background:rgba(179,74,29,.78);border-color:rgba(179,74,29,.9)}.comic-reader-page-button:disabled{opacity:.32;cursor:not-allowed}.comic-reader-paging-indicator{font-family:var(--display-font);font-size:1.1rem;color:rgba(255,247,239,.78)}.comic-reader-empty{padding:80px 24px;text-align:center;color:rgba(255,247,239,.7)}@media (max-width:720px){.comic-library-page{padding:40px 16px 56px}.comic-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comic-reader-stage{max-height:60vh}.comic-reader-nav{width:44px;height:44px;font-size:1.6rem}.comic-reader-nav-prev{left:10px}.comic-reader-nav-next{right:10px}.comic-reader-controls{flex-direction:column;align-items:stretch}}