:root{--paper:#f8f8f2;--ink:#26382c;--green:#2e5946;--muted:#7c8576;--line:#e3e6db}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #97bdad}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}button svg{width:20px;height:20px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:25px;height:88px;margin:0 5%;display:flex}.brand{color:var(--ink);letter-spacing:-1.7px;align-items:center;gap:11px;font-family:Georgia,serif;font-size:35px;font-weight:700;text-decoration:none;display:flex}.brand svg{width:29px;height:32px;color:var(--green)}.brand-dot{color:var(--green)}.header-description{color:var(--muted);border-left:1px solid var(--line);padding-left:25px;font-size:12px}.local-badge{color:var(--green);background:#edf2eb;border:1px solid #dce7db;border-radius:30px;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;font-size:11px;display:flex}.local-badge>span{background:#518365;border-radius:50%;width:5px;height:5px}.welcome{text-align:center;max-width:820px;margin:0 auto;padding:55px 24px 35px}.eyebrow{letter-spacing:2px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:9px;font-weight:650;display:flex}.tiny-line{background:#869589;width:20px;height:1px;display:inline-block}h1{letter-spacing:-2.8px;margin:23px 0 18px;font-size:49px;font-weight:620;line-height:1.27}h1>span{color:var(--green)}.intro{color:var(--muted);margin:0 0 32px;font-size:14px;line-height:1.8}.mobile-break{display:none}.drop-zone{background:#fffefa;border:1px dashed #adbcad;border-radius:12px;outline:6px solid #f3f3ed;padding:28px 20px 24px;transition:background .2s,border-color .2s;position:relative}.drop-zone.dragging{border:2px dashed var(--green);background:#edf5eb}.paper-stack{width:100px;height:83px;margin:0 auto 17px;position:relative}.paper{background:#fff;border:1px solid #b7c5b9;border-radius:4px;width:57px;height:70px;position:absolute;top:4px;left:20px;box-shadow:0 4px 7px #18372609}.paper.back{background:#e9eee4;padding:15px 9px;top:0;left:12px;transform:rotate(-15deg)}.paper.back i{background:#becbbd;height:2px;margin:7px 0;display:block}.paper.front{top:9px;left:33px;transform:rotate(9deg)}.paper.front svg{width:36px;height:36px;color:var(--green);margin:6px 10px 0}.paper.front span{letter-spacing:.4px;color:#829884;margin-top:7px;font-size:4px;font-weight:700;display:block}.paper-spark{color:#9ba777;font-size:25px;position:absolute;top:-7px;right:-9px}.drop-zone h2{letter-spacing:-.6px;margin:0 0 10px;font-size:18px;font-weight:600}.drop-zone p{color:var(--muted);margin:0 0 19px;font-size:12px}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:12px 19px;font-size:12px;font-weight:550;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 2px 3px #173b2912}.primary:hover{background:#193f33}.primary>span{margin-left:14px;font-size:17px;font-weight:400}.secondary{border-color:var(--line);color:var(--ink);background:#fff}.secondary:hover{background:#eef1eb}.size-hint{color:#8c9489;margin-top:13px;font-size:10px;display:block}.formats{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:25px 0 16px;display:flex}.formats-label{color:var(--muted);margin-right:7px;font-size:10px}.format-tag{color:var(--green);justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.format-tag>span{letter-spacing:.3px;color:#566257;font-size:10px;font-weight:500}.pptx{color:#b56740}.hwp,.hwpx{color:#5474a0}.xlsx{color:#55825c}.docx{color:#5579ab}.text-button{color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:11px}.text-button:hover{color:var(--green)}#try-sample{margin:0 auto 27px}#try-sample>span{margin-left:6px}.reassurance{border-top:1px solid var(--line);text-align:left;justify-content:center;gap:65px;padding-top:27px;display:flex}.reassurance>div{gap:12px;display:flex}.reassurance svg{color:#80947c;flex-shrink:0;width:22px;height:22px}.reassurance strong{font-size:11px;font-weight:600}.reassurance p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}footer{border-top:1px solid var(--line);color:#92978c;align-items:center;gap:25px;margin:0 5%;padding:21px 0 24px;font-size:10px;display:flex}.footer-mark{letter-spacing:1.3px;margin-left:auto;font-size:8px}footer .text-button{font-size:10px}.viewer{border:1px solid var(--line);background:#fff;border-radius:9px;margin:22px 3% 24px;overflow:hidden}.viewer-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 21px;display:flex}.file-info{align-items:center;gap:12px;min-width:0;display:flex}.file-info>div{min-width:0}.file-icon{color:var(--green);background:#edf3ed;border:1px solid #d6e3d5;border-radius:5px;flex-shrink:0;padding:12px 7px;font-size:10px;font-weight:700}.file-info h2{white-space:nowrap;text-overflow:ellipsis;max-width:55vw;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.file-info #file-meta{color:var(--muted);font-size:10px}.toolbar-actions,.viewer-controls,.page-controls,.zoom-controls{align-items:center;gap:10px;display:flex}.icon-button{width:32px;height:32px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.icon-button:hover:not(:disabled){background:#e8eee7}.viewer-controls{border-bottom:1px solid var(--line);background:#fafbf8;justify-content:space-between;padding:7px 17px}#page-select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:4px;max-width:230px;padding:6px 8px;font-size:12px}#page-total{color:var(--muted);font-size:11px}#zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.control-divider{border-left:1px solid var(--line);height:17px;margin:0 6px}.compatibility{color:#788273;border-bottom:1px solid var(--line);background:#fffef9;margin:0;padding:10px 21px;font-size:10px;line-height:1.6}#document-frame{background:#eeeee9;border:0;width:100%;height:calc(100dvh - 330px);min-height:450px;display:block}.loading{text-align:center;min-height:65vh;padding:125px 24px}.loading h2{letter-spacing:-1px;font-size:23px;font-weight:500}.loading p{color:var(--muted);margin:12px 0 25px;font-size:12px}.spinner{border:2px solid #dce4d8;border-top-color:var(--green);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#8f4f33;background:#fbefe7;border:1px solid #ebd2c2;border-radius:6px;max-width:770px;margin:22px auto;padding:17px 20px;font-size:13px;line-height:1.6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{border:1px solid var(--line);width:calc(100% - 36px);max-width:570px;color:var(--ink);border-radius:12px;padding:27px 30px;box-shadow:0 20px 80px #12261d22}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17271d55}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.dialog-heading h2{letter-spacing:-.6px;margin:0;font-size:20px}dialog p,dialog li{color:#616c61;font-size:12px;line-height:1.9}dialog h3{margin:24px 0 8px;font-size:13px}dialog ul{padding-left:18px}dialog li{margin-bottom:8px}@media (min-width:1500px){.welcome{padding-top:75px;padding-bottom:55px}.drop-zone{padding-top:35px;padding-bottom:30px}h1{font-size:55px}}@media (max-width:640px){.site-header{gap:15px;height:72px;margin:0 6%}.brand{font-size:30px}.brand svg{width:25px}.header-description{display:none}.local-badge{padding:7px 9px;font-size:10px}.welcome{padding:36px 24px 28px}.eyebrow{letter-spacing:1.3px;font-size:7px}h1{letter-spacing:-2px;margin:22px 0 15px;font-size:37px}.intro{margin-bottom:25px;font-size:12px}.mobile-break{display:block}.drop-zone{padding:25px 14px 23px}.drop-zone h2{font-size:16px}.formats{gap:12px;margin:23px 0 17px}.formats-label{width:100%;margin:0 0 2px}.reassurance{gap:18px;padding-top:21px}.reassurance>div{flex:1;gap:8px}.reassurance svg{width:18px}.reassurance strong{font-size:10px}.reassurance p{font-size:9px}.footer-mark{display:none}footer{justify-content:space-between;gap:10px;margin:0 6%;padding-top:17px;font-size:9px}footer .text-button{font-size:9px}.viewer{margin:15px 10px}.viewer-toolbar{gap:6px;padding:12px}.file-info h2{max-width:43vw;font-size:12px}.file-icon{padding:10px 5px;font-size:8px}.file-info{gap:8px}.toolbar-actions{gap:1px}.toolbar-actions .button{padding:7px;font-size:10px}.viewer-controls{flex-wrap:wrap;gap:5px;padding:6px 8px}.page-controls,.zoom-controls{gap:3px}#page-select{max-width:120px}#page-total{font-size:10px}.control-divider{margin:0 3px}.compatibility{padding:9px 12px;font-size:9px}#document-frame{height:calc(100dvh - 310px);min-height:480px}.error-message{margin:15px 24px}.loading{padding:110px 20px}dialog{padding:22px}#fit-page{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.reload-action{text-align:center;margin:0 24px 20px}.reload-action:has([hidden]){display:none}.export-bar{border-bottom:1px solid var(--line);color:var(--muted);background:#f8faf6;justify-content:space-between;align-items:center;gap:12px;padding:8px 21px;font-size:10px;line-height:1.6;display:flex}.export-bar .text-button{white-space:nowrap;color:var(--green)}@media (max-width:640px){.viewer-toolbar{flex-wrap:wrap}.toolbar-actions{margin-left:auto}.export-bar{padding:8px 12px;font-size:9px}}.home-link{color:var(--muted);margin-left:auto;font-size:11px;text-decoration:none}.home-link:hover{color:var(--green)}@media (min-width:641px){.home-link+.local-badge{margin-left:0}}.home-short{display:none}@media (max-width:640px){.home-link{font-size:10px}.home-full{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-short{display:inline}}