/* C025 mobile Document. Shared home glow colours style the app chrome only;
   document paper and editable template typography keep their own colours. */
@layer fuuvo-mobile-design {
@font-face {
    font-family: "FuuVoDocumentCJK";
    src: url("/static/document-templates/editor-cjk.woff") format("woff");
    font-display: swap;
}
@media (max-width: 920px) {
html body #ai-document-app.fuuvo-mobile-document-active {
    --fd-ink: #25232e !important;
    --fd-muted: #9989a5 !important;
    --fd-copy: #82758e !important;
    --fd-line: #e5deeb !important;
    --fd-surface: #fff !important;
    --fd-soft: #faf9fc !important;
    --fd-tint: #ffffffa0 !important;
    --fd-primary: #25232e !important;
    --fd-primary-ink: #fff !important;
    --fd-focus: #8c71ad !important;
    --fd-error: #af5363 !important;
    --fd-success: #617c6d !important;
    --fd-font: Inter, Arial, "FuuVoDocumentCJK", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
    --fd-top-height: 56px !important;
    /* The supplied CJK face is regular; allow the editor's bold/italic controls. */
    font-synthesis: weight style !important;
    display: flex !important; width: 100% !important; max-width: 100% !important;
    height: var(--fd-viewport-height, 100dvh) !important; min-height: 0 !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; overflow: hidden !important;
    color: var(--fd-ink) !important;
    background: radial-gradient(ellipse 83% 30% at 50% -3%, var(--home-bg-glow-a, transparent), transparent),
        radial-gradient(ellipse 94% 32% at 0 0, var(--home-bg-glow-b, transparent), transparent),
        radial-gradient(ellipse 65% 24% at 95% 0, var(--home-bg-glow-c, transparent), transparent),
        var(--fd-surface) !important;
}
html body:is([data-ui-theme="dark"], [data-theme="dark"]) #ai-document-app.fuuvo-mobile-document-active,
html:is([data-ui-theme="dark"], [data-theme="dark"]) body #ai-document-app.fuuvo-mobile-document-active {
    --fd-ink: #f1edf5 !important; --fd-muted: #b3a3c0 !important;
    --fd-copy: #c4b9ce !important; --fd-line: #46404f !important;
    --fd-surface: #1b1b25 !important; --fd-soft: #26232e !important;
    --fd-tint: #25232dcc !important; --fd-primary: #ece7f4 !important;
    --fd-primary-ink: #25212e !important; --fd-focus: #c7afe4 !important;
    --fd-error: #ffb0bc !important; --fd-success: #a2d7b7 !important;
}
html body #ai-document-app.fuuvo-mobile-document-active > .creation-workspace {
    display: flex !important; flex-direction: column !important; width: 100% !important;
    height: 100% !important; min-height: 0 !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; overflow: hidden !important;
    background: transparent !important; transform: none !important; filter: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .ai-document-main {
    display: block !important; flex: 1 1 auto !important; min-height: 0 !important;
    width: 100% !important; max-width: none !important; margin: 0 !important;
    padding: 17px 20px calc(25px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important; overflow-y: auto !important;
    background: transparent !important; scrollbar-width: none !important;
    scroll-padding-block: 14px !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .ai-document-main::-webkit-scrollbar { display: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active .ai-document-main > :not(#fuuvo-mobile-document),
html body #ai-document-app.fuuvo-mobile-document-active [data-mobile-primary-action="1"] { display: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active .ai-document-main:has(#fuuvo-mobile-document:is([data-fd-view="editor"], [data-fd-view="read"])) { overflow: hidden !important; }
html body #ai-document-app.fuuvo-mobile-document-active [data-fuuvo-shared-topbar] {
    display: flex !important; flex: 0 0 auto !important; position: relative !important;
    width: 100% !important; height: var(--fd-top-height) !important; min-height: var(--fd-top-height) !important;
    padding: 0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left)) !important; margin: 0 !important;
    align-items: center !important; justify-content: space-between !important;
    gap: 0 !important; color: var(--fd-ink) !important; background: transparent !important;
    border: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active [data-fuuvo-shared-topbar] :is(.shell-topbar-left, .shell-topbar-center, .shell-topbar-right,
    .fuuvo-mobile-prototype-title, .fuuvo-mobile-prototype-new-chat, .fuuvo-mobile-prototype-legacy-back) { display: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-back {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 44px !important; height: 44px !important; flex: 0 0 44px !important;
    padding: 10px !important; border: 0 !important; background: transparent !important;
    color: var(--fd-ink) !important; border-radius: 12px !important; text-decoration: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-back .icon { width: 24px !important; height: 24px !important; }
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-brand {
    position: absolute !important; left: 50% !important;
    top: 50% !important; transform: translate(-50%, -50%) !important;
    display: flex !important; align-items: center !important; width: 99px !important; height: 36px !important;
    color: var(--fd-ink) !important; pointer-events: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-brand img {
    display: block !important; width: 99px !important; height: auto !important;
    max-height: 36px !important; object-fit: contain !important; filter: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-brand :is(.ai, span) {
    position: absolute !important; left: calc(100% + 5px) !important; bottom: 6px !important;
    font: 700 12px/16px var(--fd-font) !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-language {
    display: flex !important; margin-left: auto !important; padding: 2px !important; gap: 1px !important;
    height: 36px !important; border: 1px solid var(--fd-line) !important; border-radius: 10px !important;
    background: var(--fd-tint) !important; flex: 0 0 auto !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-language :is(a, button) {
    display: flex !important; align-items: center !important; justify-content: center !important;
    min-width: 29px !important; height: 30px !important; padding: 0 5px !important;
    border: 0 !important; border-radius: 7px !important; font: 400 11px/16px var(--fd-font) !important;
    background: transparent !important; color: var(--fd-copy) !important; text-decoration: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-language :is(.active, [aria-pressed="true"]) {
    background: var(--fd-surface) !important; color: var(--fd-ink) !important;
    font-weight: 650 !important; box-shadow: 0 1px 4px #6551710d !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document {
    display: block !important; min-width: 0 !important; width: 100% !important;
    margin: 0 !important; padding: 0 !important; color: var(--fd-ink) !important;
    background: transparent !important; font-family: var(--fd-font) !important;
    -webkit-text-size-adjust: 100% !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document * { box-sizing: border-box !important; }
html body #ai-document-app.fuuvo-mobile-document-active :is(#fuuvo-mobile-document, .fd-top-language, .fd-top-brand) * { -webkit-text-fill-color: currentColor !important; }
html body #ai-document-app.fuuvo-mobile-document-active :is(#fuuvo-mobile-document, [data-fuuvo-shared-topbar]) [hidden] { display: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :is(button, input, select, textarea) {
    font-family: var(--fd-font) !important; letter-spacing: normal !important; text-transform: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document button {
    margin: 0 !important; border: 0 !important; padding: 0 !important; min-width: 0 !important;
    color: inherit !important; box-shadow: none !important; cursor: pointer !important;
    touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :where(button):not(:where(.swatch)) { background: transparent !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document button:disabled { opacity: .35 !important; cursor: default !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document a { color: inherit; text-decoration: none; }
html body #ai-document-app.fuuvo-mobile-document-active :is(#fuuvo-mobile-document, [data-fuuvo-shared-topbar]) :is(button, a, input, select, textarea):focus-visible {
    outline: 2px solid var(--fd-focus) !important; outline-offset: 3px !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :is(input, textarea, select) {
    min-width: 0 !important; margin: 0 !important; box-shadow: none !important;
    outline: none !important; color: var(--fd-ink) !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :is(input, textarea)::placeholder { color: var(--fd-muted) !important; opacity: .85 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .icon,
html body #ai-document-app.fuuvo-mobile-document-active .fd-top-back .icon {
    display: block !important; width: 24px !important; height: 24px !important;
    flex: none !important; fill: none !important; stroke: currentColor !important;
    stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; pointer-events: none !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .ib {
    width: 40px !important; height: 42px !important; min-height: 42px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex: none !important; border-radius: 10px !important; padding: 9px !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .ib .icon { width: 19px !important; height: 19px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .page { padding: 0 !important; min-width: 0 !important; background: transparent !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .intro :is(h1, h2) {
    font-size: 29px !important; letter-spacing: -.8px !important; line-height: 35px !important;
    font-weight: 600 !important; margin: 0 0 5px !important; color: var(--fd-ink) !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .intro p { font-size: 13px !important; color: var(--fd-copy) !important; line-height: 19px !important; margin: 0 0 20px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .composer {
    border: 1px solid var(--fd-line) !important; background: var(--fd-surface) !important;
    border-radius: 17px !important; padding: 12px !important; box-shadow: 0 3px 12px #59466003 !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .composer textarea {
    display: block !important; width: 100% !important; height: 88px !important;
    min-height: 0 !important; max-height: 88px !important;
    padding: 0 2px !important; border: 0 !important; resize: none !important;
    background: transparent !important; font-size: 13px !important; line-height: 20px !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .composer-actions { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; margin-top: 12px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .composer-actions .icon { height: 17px !important; width: 17px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .input-options { display: flex !important; gap: 3px !important; min-width: 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .mini { min-height: 38px !important; min-width: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; font-size: 10px !important; line-height: 15px !important; color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .primary {
    background: var(--fd-primary) !important; color: var(--fd-primary-ink) !important;
    border-radius: 11px !important; min-height: 40px !important; padding: 8px 15px !important;
    font-size: 11px !important; font-weight: 500 !important; display: flex !important;
    align-items: center !important; justify-content: center !important; gap: 8px !important; flex: 0 0 auto !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .primary .icon { width: 17px !important; height: 17px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .primary:is([data-generate], [data-use-template], [data-run-ai]) .icon { order: 1 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .start-options { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; margin: 11px 0 22px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .start-option { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 40px !important; padding: 6px !important; background: var(--fd-tint) !important; border: 1px solid var(--fd-line) !important; border-radius: 10px !important; font-size: 11px !important; line-height: 16px !important; color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .start-option .icon { width: 19px !important; height: 19px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .library-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 12px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .library-title :is(h2, h3) { margin: 0 !important; font-weight: 600 !important; font-size: 18px !important; line-height: 25px !important; letter-spacing: -.3px !important; color: var(--fd-ink) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .library-title span { font-size: 10px !important; line-height: 15px !important; color: var(--fd-muted) !important; white-space: nowrap !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .search { min-height: 37px !important; border: 1px solid var(--fd-line) !important; border-radius: 10px !important; background: var(--fd-surface) !important; display: flex !important; gap: 8px !important; align-items: center !important; padding: 0 10px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .search .icon { width: 16px !important; height: 16px !important; color: var(--fd-muted) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .search input { border: 0 !important; min-width: 0 !important; width: 100% !important; height: 35px !important; padding: 0 !important; font-size: 11px !important; background: transparent !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .categories { display: flex !important; gap: 7px !important; overflow-x: auto !important; scrollbar-width: none !important; padding: 12px 0 14px !important; margin: 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .categories button { white-space: nowrap !important; font-size: 10px !important; min-height: 31px !important; padding: 0 12px !important; border: 1px solid var(--fd-line) !important; border-radius: 18px !important; background: var(--fd-surface) !important; color: var(--fd-copy) !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .categories .active { background: var(--fd-primary) !important; color: var(--fd-primary-ink) !important; border-color: var(--fd-primary) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .template-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 19px 13px !important; min-width: 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .template-card { text-align: left !important; padding: 0 !important; min-width: 0 !important; color: var(--fd-ink) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .template-card img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 10 / 7 !important; object-fit: cover !important; border: 1px solid var(--fd-line) !important; border-radius: 10px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .template-card strong { display: block !important; font-weight: 500 !important; font-size: 12px !important; line-height: 17px !important; margin: 8px 0 4px !important; overflow-wrap: anywhere !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .template-card small { display: block !important; font-size: 10px !important; line-height: 16px !important; color: var(--fd-muted) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .file-list { display: flex !important; gap: 5px !important; overflow-x: auto !important; margin: 8px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :is(.file-list, .error):empty { display: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .file-chip { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; background: var(--fd-soft) !important; color: var(--fd-copy) !important; border-radius: 6px !important; padding: 5px !important; white-space: nowrap !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .file-chip button { width: 25px !important; height: 25px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .resume { font-size: 10px !important; line-height: 17px !important; color: var(--fd-copy) !important; text-decoration: underline !important; display: block !important; margin: -12px 0 17px !important; text-align: left !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .error { font-size: 11px !important; line-height: 18px !important; color: var(--fd-error) !important; margin-top: 8px !important; overflow-wrap: anywhere !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .overlay {
    position: fixed !important; z-index: 10120 !important; inset: var(--fd-top-height) 0 auto !important;
    width: 100% !important; height: calc(var(--fd-viewport-height, 100dvh) - var(--fd-top-height)) !important;
    min-height: 0 !important; display: flex !important; flex-direction: column !important;
    overflow: hidden !important; background: var(--fd-surface) !important; color: var(--fd-ink) !important;
    overscroll-behavior: contain !important; isolation: isolate !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-head { min-height: 60px !important; padding: 5px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; border-bottom: 1px solid var(--fd-line) !important; flex: none !important; background: linear-gradient(110deg, color-mix(in srgb, var(--home-bg-glow-b, transparent) 16%, var(--fd-surface)), color-mix(in srgb, var(--home-bg-glow-a, transparent) 13%, var(--fd-surface))) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-head strong { font-size: 15px !important; line-height: 22px !important; font-weight: 600 !important; overflow-wrap: anywhere !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-head .ib { align-self: center !important; flex: 0 0 42px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-body { padding: 22px 20px !important; flex: 1 1 auto !important; overflow-y: auto !important; overflow-x: hidden !important; min-height: 0 !important; min-width: 0 !important; overscroll-behavior: contain !important; scroll-padding-block: 18px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-footer { padding: 14px 20px calc(14px + env(safe-area-inset-bottom)) !important; background: var(--fd-surface) !important; border-top: 1px solid var(--fd-line) !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-footer .primary { width: 100% !important; min-height: 43px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .eyebrow { font-size: 10px !important; line-height: 16px !important; color: var(--fd-muted) !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-body > h2 { font-size: 27px !important; line-height: 33px !important; letter-spacing: -.5px !important; margin: 7px 0 11px !important; color: var(--fd-ink) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .panel-body > p { font-size: 12px !important; line-height: 19px !important; color: var(--fd-copy) !important; margin: 10px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .field { display: block !important; margin-bottom: 17px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .field > span { display: block !important; font-size: 12px !important; font-weight: 500 !important; margin-bottom: 8px !important; color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .field :is(textarea, select, input) { width: 100% !important; background: var(--fd-surface) !important; border: 1px solid var(--fd-line) !important; border-radius: 9px !important; padding: 10px !important; font-size: 13px !important; line-height: 20px !important; min-height: 42px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .field textarea { min-height: 95px !important; resize: vertical !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .chips { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin: 12px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .chips button { border: 1px solid var(--fd-line) !important; border-radius: 20px !important; padding: 8px 11px !important; font-size: 11px !important; line-height: 16px !important; color: var(--fd-copy) !important; min-height: 34px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .notice { font-size: 11px !important; color: var(--fd-muted) !important; line-height: 18px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .file-input { display: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-editor {
    position: fixed !important; z-index: 10110 !important; inset: var(--fd-top-height) 0 auto !important;
    width: 100% !important; height: calc(var(--fd-viewport-height, 100dvh) - var(--fd-top-height)) !important;
    min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--home-bg-glow-a, transparent) 16%, var(--fd-surface)), color-mix(in srgb, var(--home-bg-glow-b, transparent) 12%, var(--fd-surface)) 30%, var(--fd-soft)) !important;
    container-name: fd-editor-view !important; container-type: size !important;
}
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-head { display: flex !important; align-items: center !important; gap: 7px !important; padding: 8px 13px !important; min-height: 66px !important; background: var(--fd-tint) !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-title { min-width: 0 !important; flex: 1 1 auto !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-title input { border: 0 !important; width: 100% !important; font-size: 14px !important; line-height: 21px !important; font-weight: 600 !important; background: transparent !important; padding: 0 !important; text-overflow: ellipsis !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-title small { font-size: 10px !important; line-height: 15px !important; color: var(--fd-muted) !important; display: block !important; margin-top: 6px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-download { min-height: 37px !important; border-radius: 12px !important; padding: 6px 12px !important; background: var(--fd-primary) !important; color: var(--fd-primary-ink) !important; font-size: 12px !important; line-height: 18px !important; display: flex !important; gap: 6px !important; align-items: center !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-download .icon { width: 16px !important; height: 16px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools { display: flex !important; align-items: center !important; padding: 4px 12px !important; border-block: 1px solid var(--fd-line) !important; background: var(--fd-tint) !important; gap: 3px !important; flex: none !important; min-height: 47px !important; overflow-x: auto !important; scrollbar-width: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools button { min-height: 36px !important; min-width: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; border-radius: 6px !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools button.active { background: var(--fd-soft) !important; color: var(--fd-focus) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools .icon { width: 18px !important; height: 18px !important; color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools .text-style { min-width: 84px !important; gap: 6px !important; font-size: 11px !important; margin-inline: 4px !important; border-inline: 1px solid var(--fd-line) !important; border-radius: 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools .text-style .icon { width: 14px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools .lang-tool { margin-left: auto !important; font-size: 11px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-scroll { overflow-y: auto !important; overflow-x: hidden !important; flex: 1 1 auto !important; min-height: 0 !important; scrollbar-width: thin !important; scrollbar-color: var(--fd-line) var(--fd-soft) !important; background: var(--fd-soft) !important; padding: 15px 13px 25px !important; scroll-padding-block: 18px !important; overscroll-behavior: contain !important; }
/* Paper defaults are independent of chrome/theme; block typography stays normal
   priority so inline user and template colour/size/weight/italic/alignment wins. */
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :is(.paper, .paper-read) { background: #fff !important; color: #45414b; border: 1px solid #e7e2ec !important; border-radius: 3px !important; overflow-wrap: anywhere !important; min-width: 0 !important; font-family: Arial, "FuuVoDocumentCJK", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .paper { min-height: 640px !important; padding: 27px 21px 45px !important; box-shadow: 0 3px 12px #54396d04 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .paper-read { padding: 25px 21px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block { position: relative !important; margin: 0 0 13px !important; border-radius: 3px !important; line-height: 1.7; font-size: 14px; color: #45414b; outline: 1px solid transparent !important; outline-offset: 5px !important; scroll-margin-block: 16px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block.selected { outline-color: #d4c5e3 !important; }
/* Legacy dark-mode paragraph rules use important colours. Text inherits the
   editable parent object's colour so its inline template/user style wins. */
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block :is(h1, h2, p) { font: inherit; color: inherit !important; text-align: inherit; line-height: inherit; margin: 0 !important; white-space: pre-wrap !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block [contenteditable] { outline: none !important; min-height: 1.5em !important; word-break: break-word !important; scroll-margin-block: 16px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block [contenteditable]:empty::before { content: attr(data-placeholder) !important; color: #b1a2bc; pointer-events: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block.is-h1 { font-size: 27px; line-height: 1.17; font-weight: 600; letter-spacing: -.6px; margin-bottom: 13px !important; color: #30303c; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block.is-h2 { font-size: 16px; font-weight: 600; line-height: 1.35; margin-top: 23px !important; margin-bottom: 9px !important; color: var(--doc-accent, #787895); }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block ul { padding-left: 19px !important; margin: 0 !important; color: inherit; font: inherit; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block li { margin: 5px 0 !important; color: inherit; font: inherit; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block.is-table { font-size: 11px; line-height: 1.5; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block table { width: 100% !important; border-collapse: collapse !important; table-layout: fixed !important; font: inherit; line-height: inherit; color: inherit; text-align: inherit; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block :is(td, th) { border: 1px solid #e3dee8 !important; padding: 8px 6px !important; vertical-align: top !important; word-break: break-word !important; color: inherit; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block tr:first-child :is(td, th) { background: #f3f0f6; font-weight: 600; color: #70627d; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-block img { width: 100%; max-width: 100% !important; height: auto !important; display: block !important; border-radius: 3px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-scroll.readmode .selected { outline-color: transparent !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-meta { min-height: 30px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 4px 20px !important; border-top: 1px solid var(--fd-line) !important; background: var(--fd-surface) !important; color: var(--fd-muted) !important; font-size: 10px !important; line-height: 15px !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav { display: flex !important; align-items: center !important; justify-content: space-around !important; min-height: calc(67px + env(safe-area-inset-bottom)) !important; padding: 0 4px env(safe-area-inset-bottom) !important; background: var(--fd-surface) !important; border-top: 1px solid var(--fd-line) !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav button { min-width: 48px !important; min-height: 58px !important; font-size: 10px !important; line-height: 15px !important; color: var(--fd-copy) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 5px !important; padding: 3px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav .icon { width: 22px !important; height: 22px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-facts { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; margin: 17px 0 !important; font-size: 11px !important; line-height: 17px !important; color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .detail-doc { max-height: 350px !important; overflow-y: auto !important; overflow-x: hidden !important; background: var(--fd-soft) !important; border: 1px solid var(--fd-line) !important; border-radius: 12px !important; padding: 15px !important; overscroll-behavior: contain !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .detail-doc .paper-read { min-height: 420px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .detail-doc .doc-block { font-size: 12px; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .detail-doc .is-h1 { font-size: 23px; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .detail-doc .is-h2 { font-size: 14px; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .outline-item { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; padding: 16px 5px !important; text-align: left !important; border-bottom: 1px solid var(--fd-line) !important; font-size: 13px !important; line-height: 20px !important; color: var(--fd-copy) !important; overflow-wrap: anywhere !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .outline-item .icon { width: 16px !important; height: 16px !important; color: var(--fd-muted) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 18px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-grid button { border: 1px solid var(--fd-line) !important; border-radius: 10px !important; min-height: 54px !important; padding: 8px !important; font-size: 13px !important; line-height: 20px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-grid button.active { border-color: var(--fd-focus) !important; background: var(--fd-soft) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-grid button.h { font-weight: 600 !important; font-size: 18px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-actions { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; margin: 14px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-actions button { min-height: 38px !important; min-width: 38px !important; border: 1px solid var(--fd-line) !important; border-radius: 8px !important; font-size: 13px !important; padding: 5px 10px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-actions button:not(.swatch) { background: var(--fd-surface) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-actions .active { background: var(--fd-soft) !important; color: var(--fd-focus) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-actions .swatch { border-radius: 50% !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; border: 2px solid var(--fd-surface) !important; box-shadow: 0 0 0 1px var(--fd-line) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .insert-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; margin-top: 15px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .insert-list button { padding: 18px 12px !important; border: 1px solid var(--fd-line) !important; border-radius: 12px !important; display: flex !important; gap: 10px !important; align-items: center !important; font-size: 12px !important; line-height: 18px !important; overflow-wrap: anywhere !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .insert-list .icon { width: 20px !important; height: 20px !important; color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .export-option { width: 100% !important; display: flex !important; align-items: center !important; gap: 13px !important; border: 1px solid var(--fd-line) !important; border-radius: 13px !important; padding: 16px 13px !important; margin-bottom: 12px !important; text-align: left !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .export-option.selected { border-color: var(--fd-focus) !important; background: var(--fd-soft) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .file-format { width: 41px !important; height: 47px !important; display: flex !important; justify-content: center !important; align-items: center !important; border: 1px solid var(--fd-copy) !important; background: var(--fd-surface) !important; border-radius: 6px !important; font-size: 10px !important; color: var(--fd-copy) !important; flex: none !important; font-weight: 600 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .format-label { flex: 1 1 auto !important; min-width: 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .export-option strong { font-size: 14px !important; line-height: 21px !important; font-weight: 600 !important; display: block !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .export-option small { font-size: 11px !important; color: var(--fd-muted) !important; display: block !important; margin-top: 5px !important; line-height: 16px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .choice-dot { width: 17px !important; height: 17px !important; border: 1px solid var(--fd-copy) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: none !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .selected .choice-dot::after { content: '' !important; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: var(--fd-focus) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .download-status { font-size: 12px !important; color: var(--fd-success) !important; line-height: 20px !important; margin: 15px 0 !important; overflow-wrap: anywhere !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .export-foot { font-size: 11px !important; color: var(--fd-copy) !important; line-height: 19px !important; margin: 18px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-note { width: 100% !important; border: 1px solid var(--fd-line) !important; min-height: 160px !important; resize: vertical !important; border-radius: 12px !important; padding: 14px !important; font-size: 13px !important; line-height: 21px !important; background: var(--fd-surface) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .more-row { display: flex !important; align-items: center !important; gap: 12px !important; padding: 15px 4px !important; width: 100% !important; border-bottom: 1px solid var(--fd-line) !important; text-align: left !important; font-size: 13px !important; line-height: 20px !important; min-height: 50px !important; color: var(--fd-ink) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .more-row .icon { width: 20px !important; height: 20px !important; color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-list-card { padding: 16px !important; border: 1px solid var(--fd-line) !important; border-radius: 12px !important; display: flex !important; gap: 12px !important; width: 100% !important; text-align: left !important; margin: 12px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-list-card > span { min-width: 0 !important; overflow-wrap: anywhere !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-list-card .icon { color: var(--fd-copy) !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-list-card strong { display: block !important; font-size: 14px !important; line-height: 21px !important; font-weight: 500 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-list-card small { display: block !important; font-size: 11px !important; line-height: 17px !important; color: var(--fd-muted) !important; margin-top: 8px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .preview-notice { font-size: 10px !important; color: var(--fd-muted) !important; text-align: center !important; margin: 0 0 14px !important; line-height: 17px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .outline-empty { font-size: 12px !important; color: var(--fd-copy) !important; line-height: 20px !important; padding-top: 12px !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :is(.source-hint, .textarea-tip) { font-size: 10px !important; color: var(--fd-muted) !important; line-height: 17px !important; margin: 8px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .empty { font-size: 12px !important; color: var(--fd-muted) !important; line-height: 19px !important; padding: 25px 8px !important; text-align: center !important; grid-column: 1 / -1 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .footnote { font-size: 10px !important; line-height: 16px !important; text-align: center !important; color: var(--fd-muted) !important; margin: 25px 0 !important; }
html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document :is(.categories, .doc-tools)::-webkit-scrollbar { display: none !important; }
@media (max-width: 359px) {
    html body #ai-document-app.fuuvo-mobile-document-active .ai-document-main { padding-inline: 14px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .intro :is(h1, h2) { font-size: 26px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .composer-actions { gap: 4px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .composer-actions .primary { padding-inline: 10px !important; font-size: 10px !important; gap: 5px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .library-title :is(h2, h3) { font-size: 17px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-head { padding-inline: 8px !important; gap: 4px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-download { padding-inline: 10px !important; font-size: 11px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools { padding-inline: 7px !important; gap: 2px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools .text-style { min-width: 77px !important; margin-inline: 2px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .paper { padding-inline: 18px !important; }
}
@media (max-height: 640px) {
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-head { min-height: 55px !important; padding-block: 5px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav { min-height: calc(53px + env(safe-area-inset-bottom)) !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav button { min-height: 48px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-meta { min-height: 22px !important; padding-block: 2px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools { min-height: 40px !important; padding-block: 2px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-scroll { padding: 8px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .paper { padding: 18px 19px !important; }
}
@container fd-editor-view (max-height: 440px) {
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-head { min-height: 50px !important; padding-block: 4px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-title small { margin-top: 2px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools { min-height: 36px !important; padding-block: 0 !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools button { min-height: 32px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-meta { display: none !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav { min-height: calc(50px + env(safe-area-inset-bottom)) !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav button { min-height: 46px !important; gap: 3px !important; }
}
@container fd-editor-view (max-height: 300px) {
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-head { min-height: 44px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-title small { display: none !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-tools { display: none !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav { min-height: calc(44px + env(safe-area-inset-bottom)) !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav button { min-height: 40px !important; font-size: 9px !important; gap: 2px !important; }
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document .doc-nav .icon { width: 19px !important; height: 19px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html body #ai-document-app.fuuvo-mobile-document-active #fuuvo-mobile-document * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
}
}