.mobile-chapter-overview{color:var(--lq-ivory);padding:16px 16px 96px}.mobile-chapter-overview h2{font:30px var(--lq-serif);margin:4px 0 16px}.mobile-chapter-photo{aspect-ratio:1;border:1px solid var(--lq-line);isolation:isolate;border-radius:12px;width:100%;margin-block:12px;position:relative}.mobile-chapter-photo-art{border-radius:inherit;z-index:-1;background-repeat:no-repeat;position:absolute;inset:0}.mobile-chapter-photo .editor-point{touch-action:none;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:18px}.mobile-chapter-status{gap:8px;margin:16px 0;padding:0;font-size:14px;list-style:none;display:grid}.mobile-chapter-status li{align-items:center;gap:8px;display:flex}.mobile-chapter-quick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mobile-chapter-overview button,.mobile-chapter-sheet button,.mobile-photo-actions button{white-space:normal;min-height:44px}.mobile-chapter-list{gap:8px;margin-block:16px;display:grid}.mobile-chapter-list>button,.mobile-chapter-list>div{border-bottom:1px solid var(--lq-line);justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.mobile-chapter-overview-footer{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.mobile-chapter-overview-footer .primary{flex:1}[data-slot=sheet-content].mobile-chapter-sheet{width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));color:var(--lq-ivory);background:#192734;border-radius:0;flex-direction:column;gap:12px;margin:0;display:flex;inset:0;overflow:hidden}.mobile-chapter-sheet>header{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-chapter-sheet>header>div{flex:1;min-width:0}.mobile-chapter-sheet [data-slot=sheet-title]{font:23px var(--lq-serif);color:var(--lq-ivory)}.mobile-chapter-sheet [data-slot=sheet-description]{color:var(--lq-gray)}.mobile-chapter-step{overscroll-behavior:contain;flex:1;min-height:0;animation:.18s ease-out mobile-chapter-enter;overflow-y:auto}.mobile-chapter-step>fieldset{border:0;gap:14px;min-width:0;margin:0;padding:2px 0 16px;display:grid}.mobile-chapter-step label{gap:8px;font-size:15px;display:grid}.mobile-chapter-step input:not([type=radio]),.mobile-chapter-step textarea{width:100%;font-size:16px}.mobile-clue-type{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-answer{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;display:grid}.mobile-answer input[type=radio]{accent-color:#e8c991;width:24px;height:24px;margin:10px}.mobile-chapter-sheet>footer{border-top:1px solid var(--lq-line);flex:none;padding-top:10px}.mobile-chapter-sheet>footer .primary{width:100%;min-height:48px}.mobile-chapter-sheet [role=alert],.mobile-chapter-overview [role=alert]{color:#ffd9b4;font-size:14px}[data-slot=sheet-content].mobile-photo-actions{padding:24px 20px max(24px,env(safe-area-inset-bottom));color:var(--lq-ivory);background:#192734;border-radius:20px 20px 0 0}.mobile-photo-actions [data-slot=sheet-title]{color:var(--lq-ivory)}.mobile-photo-upload{gap:8px;display:grid}.mobile-chapter-gallery .gallery-grid{grid-template-columns:1fr 1fr;min-height:0;overflow-y:auto}.mobile-chapter-gallery .gallery-grid button{border:1px solid var(--lq-line);color:var(--lq-ivory);background:0 0;border-radius:8px;padding:0;overflow:hidden}.mobile-chapter-gallery .gallery-photo{aspect-ratio:1;width:100%;display:block}@keyframes mobile-chapter-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mobile-chapter-step{animation:none}}@media (max-width:900px){.story-studio .story-workspace:has(.mobile-chapter-overview){overflow-y:auto}}.mobile-chapter-sheet .mobile-clue-type button[aria-pressed=true]{background:#e8c991;color:#17212d!important}.mobile-chapter-sheet .mobile-clue-type button[aria-pressed=false]{background:#0b1420;color:#f5f0e7!important}@media (hover:hover){.mobile-chapter-sheet .mobile-clue-type button[aria-pressed=true]:hover{background:#283744;color:#f5f0e7!important}.mobile-chapter-sheet .mobile-clue-type button[aria-pressed=false]:hover{background:#e8c991;color:#17212d!important}}
