html.moyo-file-viewer-open{overflow:hidden}
.moyo-file-layer[hidden]{display:none!important}.moyo-file-layer{position:fixed;inset:0;z-index:70000;color:var(--ink,#1f2733);font-family:"Noto Sans KR",system-ui,sans-serif}.moyo-file-backdrop{position:absolute;inset:0;border:0;background:rgba(10,16,28,.62);backdrop-filter:blur(5px)}
.moyo-file-action-sheet{position:absolute;left:50%;top:50%;width:min(520px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));transform:translate(-50%,-50%);overflow:auto;border:1px solid var(--border,#dce2ea);border-radius:22px;background:var(--surface,#fff);box-shadow:0 24px 80px rgba(5,12,24,.32)}
.moyo-file-action-sheet>header,.moyo-file-action-sheet>footer,.moyo-common-viewer-shell>header,.moyo-common-viewer-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.moyo-file-action-sheet>header{border-bottom:1px solid var(--border,#dce2ea)}.moyo-file-action-sheet header>div,.moyo-common-viewer-shell header>div{min-width:0}.moyo-file-action-sheet small,.moyo-common-viewer-shell small{color:var(--accent,#2864dc);font-size:10px;font-weight:800;letter-spacing:.12em}.moyo-file-action-sheet h2,.moyo-common-viewer-shell h2{margin:3px 0 0;color:var(--ink,#1f2733);font-size:18px}.moyo-file-action-sheet p,.moyo-common-viewer-shell p{margin:4px 0 0;overflow:hidden;color:var(--ink2,#667085);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.moyo-file-close{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border:1px solid var(--border,#dce2ea);border-radius:12px;background:var(--surface2,#f5f7fa);color:var(--ink,#1f2733);font-size:23px;cursor:pointer}
.moyo-file-action-list{display:grid;gap:10px;padding:16px 18px}.moyo-file-action{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 12px;min-height:74px;padding:12px 14px;text-align:left;border:1px solid var(--border,#dce2ea);border-radius:14px;background:var(--surface2,#f5f7fa);color:var(--ink,#1f2733);cursor:pointer}.moyo-file-action:hover,.moyo-file-action:focus-visible{border-color:var(--accent,#2864dc);outline:none}.moyo-file-action.primary{background:color-mix(in srgb,var(--accent,#2864dc) 9%,var(--surface,#fff))}.moyo-file-action>span{grid-row:1/3;display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:var(--accent,#2864dc);color:var(--on-accent,#fff);font-size:20px}.moyo-file-action b{font-size:14px}.moyo-file-action small{color:var(--ink2,#667085);font-size:11px;letter-spacing:0}.moyo-file-action:disabled{cursor:wait;opacity:.6}.moyo-file-action-sheet>footer{border-top:1px solid var(--border,#dce2ea)}.moyo-file-action-sheet>footer>span{min-width:0;color:var(--ink2,#667085);font-size:11px}
.moyo-file-button{min-height:42px;padding:8px 13px;border:1px solid var(--border,#dce2ea);border-radius:11px;background:var(--surface2,#f5f7fa);color:var(--ink,#1f2733);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.moyo-file-button.primary{border-color:var(--accent,#2864dc);background:var(--accent,#2864dc);color:var(--on-accent,#fff)}.moyo-file-button:disabled{opacity:.45;cursor:not-allowed}
.moyo-common-viewer{background:#111722}.moyo-common-viewer-shell{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;background:#111722}.moyo-common-viewer-menu{position:absolute;z-index:6;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(23,32,43,.88);box-shadow:0 5px 22px rgba(0,0,0,.34);color:#fff;font:800 18px/1 system-ui;letter-spacing:2px;cursor:pointer;backdrop-filter:blur(9px)}.moyo-common-viewer-menu:hover,.moyo-common-viewer-menu:focus-visible{border-color:#63b3ff;outline:2px solid rgba(99,179,255,.34);outline-offset:2px}.moyo-common-viewer-menu[aria-expanded="true"]{background:var(--accent,#2864dc);color:var(--on-accent,#fff)}.moyo-common-viewer-stage{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;overflow:auto;place-items:center;padding:8px;background:#111722}.moyo-common-viewer-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.moyo-common-viewer-stage video[data-fit="cover"]{object-fit:cover}.moyo-common-viewer-stage video[data-fit="stretch"]{object-fit:fill}.moyo-common-viewer-stage video[data-fit="original"]{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:none}.moyo-common-document-pages{display:grid;width:100%;min-width:0;min-height:100%;place-items:center;gap:16px}.moyo-common-document-pages[data-spread="spread"]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.moyo-common-document-page{display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center}.moyo-common-page-image{display:block;object-fit:contain;box-shadow:0 8px 36px rgba(0,0,0,.4)}.moyo-common-document-pages[data-scale="fit-width"] .moyo-common-page-image{width:100%;height:auto;max-width:none;max-height:none}.moyo-common-document-pages[data-scale="fit-height"] .moyo-common-page-image{width:auto;height:100%;max-width:none;max-height:100%}.moyo-common-document-pages[data-scale="screen"] .moyo-common-page-image{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 16px)}.moyo-common-document-pages[data-scale="stretch"] .moyo-common-page-image{width:100%;height:100%;max-width:none;max-height:calc(100dvh - 16px);object-fit:fill}.moyo-common-document-pages[data-scale="native"] .moyo-common-page-image{width:auto;height:auto;max-width:none;max-height:none}.moyo-common-epub-frame{width:min(920px,100%);height:100%;min-height:0;border:0;border-radius:8px;background:#fff;color-scheme:light}.moyo-file-loading,.moyo-file-error{display:grid;gap:12px;place-items:center;max-width:540px;padding:24px;color:#dfe8f3;text-align:center}.moyo-common-viewer-notice{position:absolute;z-index:4;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(620px,calc(100% - 32px));padding:12px 14px;transform:translateX(-50%);border:1px solid rgba(255,80,64,.6);border-radius:12px;background:rgba(35,21,24,.94);color:#fff;font-size:12px;line-height:1.5;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.4)}.moyo-file-loading i{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:#63b3ff;border-radius:50%;animation:moyo-file-spin .75s linear infinite}@keyframes moyo-file-spin{to{transform:rotate(360deg)}}
.moyo-common-viewer-options[hidden]{display:none}.moyo-common-viewer-options{position:absolute;z-index:7;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(500px,calc(100% - 20px));max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));overflow:hidden;border:1px solid var(--border,#dce2ea);border-radius:18px;background:var(--surface,#fff);color:var(--ink,#1f2733);box-shadow:0 20px 70px rgba(0,0,0,.48)}.moyo-common-viewer-options>header,.moyo-common-viewer-options>footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border,#dce2ea)}.moyo-common-viewer-options>header>div{min-width:0}.moyo-common-viewer-options>header small{color:var(--accent,#2864dc);font-size:10px;font-weight:800;letter-spacing:.12em}.moyo-common-viewer-options>header h2{margin:3px 0 0;overflow:hidden;color:var(--ink,#1f2733);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.moyo-common-viewer-options>header h3{margin:10px 0 0;font-size:14px}.moyo-common-viewer-options>header p{margin:4px 0 0;overflow:hidden;color:var(--ink2,#667085);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.moyo-common-viewer-options>footer{display:grid;gap:9px;border-top:1px solid var(--border,#dce2ea);border-bottom:0}.moyo-common-viewer-options>footer>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}.moyo-common-viewer-options-body{overflow:auto;padding:14px 15px}.moyo-common-viewer-options-body section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moyo-common-viewer-options-body section[hidden],.moyo-common-viewer-options-body div[hidden],.moyo-common-viewer-options-body label[hidden]{display:none}.moyo-common-viewer-options-body label{display:grid;align-content:start;gap:6px;min-width:0;color:var(--ink2,#667085);font-size:11px}.moyo-common-viewer-options-body label.wide,.moyo-viewer-help,.moyo-common-viewer-options-body section>button,.moyo-common-viewer-options-body section>div{grid-column:1/-1}.moyo-common-viewer-options-body label>span{color:var(--ink,#1f2733);font-size:12px;font-weight:800}.moyo-common-viewer-options-body select,.moyo-common-viewer-options-body input{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--border,#dce2ea);border-radius:11px;background:var(--surface2,#f5f7fa);color:var(--ink,#1f2733);font:inherit;font-size:16px}.moyo-common-viewer-options-body select:disabled{opacity:.66}.moyo-common-viewer-options-body label small{line-height:1.45}.moyo-viewer-help{margin:0;padding:10px 11px;border-radius:11px;background:var(--surface2,#f5f7fa);color:var(--ink2,#667085);font-size:11px;line-height:1.5}.moyo-common-viewer-options-body #moyoCommonEpubOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moyo-common-viewer-options-body .moyo-common-viewer-navigation{grid-template-columns:1fr;margin-top:4px;padding-top:14px;border-top:1px solid var(--border,#dce2ea)}.moyo-common-viewer-navigation h4{margin:0;font-size:13px}.moyo-common-viewer-navigation>div{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.moyo-common-viewer-navigation label{display:flex;align-items:center;justify-content:center;gap:7px}.moyo-common-viewer-navigation label input{width:88px;text-align:center}.moyo-common-video-navigation>div{grid-template-columns:1fr}.moyo-common-video-navigation>div>input{min-height:24px;padding:0;accent-color:var(--accent,#2864dc)}.moyo-common-video-navigation>div>div{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:7px}.moyo-common-video-navigation time{text-align:center;color:var(--ink2,#667085);font-size:12px;font-variant-numeric:tabular-nums}.moyo-file-button.danger{border-color:color-mix(in srgb,var(--red,#c43d3d) 45%,var(--border,#dce2ea));color:var(--red,#c43d3d)}
html.dark .moyo-file-action-sheet{background:var(--surface,#17202b);box-shadow:0 24px 80px rgba(0,0,0,.65)}
@media(max-width:640px){.moyo-file-action-layer{display:flex;align-items:flex-end}.moyo-file-action-sheet{position:relative;left:auto;top:auto;width:100%;max-height:min(82dvh,720px);margin-top:auto;transform:none;border-width:1px 0 0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.moyo-file-action-sheet h2{font-size:17px}.moyo-file-action-list{padding:14px}.moyo-common-viewer-menu{width:46px;height:46px}.moyo-common-viewer-stage{padding:0}.moyo-common-viewer-options{position:fixed;inset:max(6px,env(safe-area-inset-top)) 0 0;width:100%;max-height:none;border-width:1px 0 0;border-radius:22px 22px 0 0}.moyo-common-viewer-options-body section,.moyo-common-viewer-options-body #moyoCommonEpubOptions{grid-template-columns:1fr}.moyo-common-viewer-options>footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.moyo-common-viewer-options>footer>div{grid-template-columns:1fr}.moyo-common-viewer-navigation>div{grid-template-columns:auto minmax(0,1fr) auto!important}.moyo-common-video-navigation>div{grid-template-columns:1fr!important}.moyo-common-video-navigation>div>div{grid-template-columns:auto 1fr 1fr auto}.moyo-common-epub-frame{width:100%;border-radius:0}.moyo-common-document-pages[data-spread="spread"]{grid-template-columns:1fr}}
