:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#233b3c;background:#f7f8f5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;background:white;border-bottom:1px solid #dce3df}header span{font-size:11px;letter-spacing:1.8px;color:#718b81}h1{font-size:24px;margin:8px 0 0}.privacy{font-size:13px;color:#287364;background:#eaf3ef;border-radius:20px;padding:10px 16px}.import-panel{padding:20px 32px;background:white}#drop{border:1px dashed #91b5a6;border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:center;gap:24px;cursor:pointer;background:#f5f9f5}#drop span{font-size:12px;color:#7a8c83}#drop.drag{background:#deeee5;border-color:#167a70}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:13px}.actions button{border:1px solid #c8d8d0;border-radius:7px;padding:8px 13px;color:#286e62;background:white;cursor:pointer}.actions button:disabled{opacity:.45;cursor:default}#message,#cache{font-size:12px;color:#587769;margin:10px 0 0}#cache:empty{display:none}iframe{width:100%;height:calc(100dvh - 280px);min-height:700px;border:0;display:block}iframe[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid #168377;outline-offset:4px}@media(max-width:700px){header{padding:20px;align-items:flex-start}.privacy{font-size:11px;max-width:120px}h1{font-size:20px}.import-panel{padding:16px}#drop{flex-direction:column;gap:10px;text-align:center}#drop strong{font-size:14px}iframe{height:1000px}}

.storage-note{flex:1;min-width:240px;font-size:12px;color:#718579;line-height:1.8}

.actions #cancel{background:#c43b3b;border-color:#c43b3b;color:#fff}.actions #cancel:hover{background:#a92e2e;border-color:#a92e2e}
#message.loading{display:flex;align-items:center;gap:9px}#message.loading::before{content:"";display:inline-block;width:15px;height:15px;flex:none;border:2px solid #c8ded5;border-top-color:#287364;border-radius:50%;animation:step-loading .8s linear infinite}@keyframes step-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#message.loading::before{animation:none;border-style:dotted}}

body.is-empty{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body.is-empty main{display:flex;flex:1;min-height:0}body.is-empty .import-panel{display:flex;flex-direction:column;flex:1;min-width:0}body.is-empty #drop{flex:1;min-height:260px;flex-direction:column;text-align:center;gap:18px}body.is-empty #drop strong{font-size:clamp(16px,2.4vw,24px)}

html[data-embedded="true"]{background:transparent}html[data-embedded="true"] body>header{display:none}html[data-embedded="true"] .import-panel{padding:12px}html[data-embedded="true"] #viewer{height:720px;min-height:540px}@media(max-width:800px){html[data-embedded="true"] #viewer{height:820px}}

#pageFullscreen[aria-pressed=true]{background:#286e62;color:white;border-color:#286e62}html:fullscreen{background:#f7f8f5;overflow:auto}html:fullscreen body{min-height:100dvh}html:fullscreen body:not(.is-empty){display:flex;flex-direction:column;height:100dvh}html:fullscreen body:not(.is-empty) main{display:flex;flex-direction:column;flex:1;min-height:0}html:fullscreen body:not(.is-empty) #viewer{flex:1;height:auto;min-height:540px}@media(max-width:800px){html:fullscreen body:not(.is-empty) #viewer{flex:none;height:820px;min-height:820px}}