:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#202b29;background:#f8faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;font-size:14px;border:1px solid #d8e0dd;border-radius:9px;background:#fff;color:#263c35;padding:12px 18px;cursor:pointer;font-weight:600}button:hover{background:#eef4f1}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #58a594;outline-offset:4px}[hidden]{display:none!important}header{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 36px;border-bottom:1px solid #e1e7e3}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;background:#155e50;color:#fff;width:33px;height:33px;border-radius:9px;font-size:24px}.muted{color:#bbc6c0;font-weight:400}nav{display:flex;align-items:center;gap:24px;font-size:13px}.beta{font-size:10px;letter-spacing:1.5px;border:1px solid #cfdcd5;border-radius:4px;padding:5px 7px;color:#668476}main{max-width:980px;margin:auto;padding:58px 32px}.intro{text-align:center}.eyebrow{font-size:12px;color:#477265;letter-spacing:2px;font-weight:650}h1{font-size:58px;font-weight:700;letter-spacing:-3px;line-height:1.22;margin:22px 0}h1 span{color:#23715c}.intro p{font-size:16px;line-height:1.85;color:#718078;margin:0 0 35px}.dropzone{background:#fff;border:1.5px dashed #aac3b5;border-radius:18px;text-align:center;padding:32px 24px 0;box-shadow:0 12px 40px #29493905}.dropzone.drag{background:#e9f4ed;border-color:#155e50}.file-icon{margin:0 auto 16px;width:49px;height:58px;border:1px solid #c9dfd2;background:#eef7f1;border-radius:8px;color:#27745d;font-size:23px;font-weight:700;display:grid;place-items:center;position:relative}.file-icon span{position:absolute;right:-10px;bottom:-4px;background:#155e50;color:#fff;border-radius:50%;font-size:17px;width:24px;height:24px}h2{font-size:20px;letter-spacing:-.5px}.dropzone h2{margin:12px 0}.dropzone p{font-size:14px;color:#86918a;margin:0 0 20px}.primary{background:#155e50;color:#fff;border-color:#155e50}.primary:hover{background:#104b40}#choose{min-width:170px;display:inline-flex;justify-content:space-between;gap:32px;padding:14px 20px}.dropzone small{display:block;color:#8a958e;font-size:11px;margin:15px 0 27px}.local-note{padding:16px;border-top:1px solid #edf1ee;color:#667d70;font-size:12px}.local-note span{color:#348765;margin-right:6px}#status{text-align:center;color:#326d59;font-size:14px;min-height:18px;overflow-wrap:anywhere}#status.error{color:#b14632}#cancel{display:block;margin:10px auto}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:46px 0}.features article+article{border-left:1px solid #dde5df;padding-left:32px}.features span{font-size:10px;letter-spacing:1.5px;color:#80958a}.features h3{font-size:16px;margin:16px 0 10px}.features p{font-size:13px;line-height:1.8;color:#7a887e;margin:0}details{border-top:1px solid #e1e7e3;padding-top:22px;color:#79867c;font-size:12px;line-height:1.8}summary{cursor:pointer}footer{max-width:1160px;border-top:1px solid #e1e7e3;margin:auto;padding:24px 36px 32px;display:flex;justify-content:space-between;font-size:11px;color:#8b978f}.document-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.document-head h2{overflow-wrap:anywhere}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.hint{font-size:12px;color:#77877b;line-height:1.8}.pager{display:flex;justify-content:center;gap:20px;align-items:center;margin:20px 0;font-size:13px}#viewer{background:#e9edea;padding:22px;overflow:auto;border-radius:10px;min-height:200px}#viewer svg{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 12px #24392d15}#text{width:100%;min-height:380px;font:14px/1.8 monospace;border:1px solid #ccd9d0;padding:18px;border-radius:8px}#nextstep{padding:20px;background:#e9f4ed;border-radius:10px;margin-top:20px;font-size:14px}#nextstep a{color:#155e50;text-decoration:underline}@media(max-width:640px){header{padding:20px}nav{gap:10px}main{padding:38px 18px}h1{font-size:44px}.intro p{font-size:14px}.dropzone{padding:26px 16px 0}.features{gap:14px}.features article+article{padding-left:14px}.features h3{font-size:14px}.features p{font-size:11px}.features span{font-size:9px}footer{padding:22px 18px;gap:20px;line-height:1.8}#viewer{padding:8px}.document-head h2{font-size:16px}}.rename-panel{margin:14px 0 20px;padding:18px;background:#edf4ef;border-radius:10px}.rename-panel label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}#save-name{width:100%;min-width:0;font:inherit;font-size:16px;padding:12px;border:1px solid #b8cdc0;border-radius:8px;background:#fff;color:#263c35}#save-name:focus-visible{outline:3px solid #58a594;outline-offset:2px}.rename-panel .hint{margin:10px 0 0}#name-suggestion{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;margin-top:14px;line-height:1.7}#name-suggestion span{min-width:0;overflow-wrap:anywhere}#apply-name{flex-shrink:0}.document-head>div{min-width:0}.document-head>button{flex-shrink:0}@media(max-width:640px){#name-suggestion{align-items:stretch;flex-direction:column}.rename-panel{padding:14px}}