.ofd-viewer{display:flex;flex-direction:column;min-height:360px;height:100%;background:#e9edf2;color:#273548;font:14px/1.5 system-ui,-apple-system,sans-serif;border:1px solid #dbe2e9;border-radius:12px;overflow:hidden}.ofd-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #dbe2e9;flex-wrap:wrap}.ofd-brand{font-size:18px;font-weight:800;letter-spacing:-1px}.ofd-brand span{color:#168675;margin-left:3px}.ofd-divider{width:1px;height:22px;background:#e3e7ed;margin:0 5px}.ofd-toolbar button{border:1px solid transparent;background:transparent;padding:5px 10px;min-height:32px;border-radius:6px;cursor:pointer;color:inherit;font:inherit}.ofd-toolbar button:hover:not(:disabled){background:#edf5f3;border-color:#d4e8e3}.ofd-toolbar button:disabled{opacity:.3;cursor:default}.ofd-toolbar button:focus-visible,.ofd-pages input:focus-visible{outline:2px solid #168675;outline-offset:2px}.ofd-pages input{width:42px;padding:4px;border:1px solid #dce2e8;border-radius:5px;text-align:center;color:inherit;font:inherit}.ofd-zoom{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.ofd-status{margin-left:auto;font-size:12px;color:#728093}.ofd-stage{flex:1;min-height:0;overflow:auto;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.ofd-canvas{flex-shrink:0;margin:0 auto;box-shadow:0 4px 24px #1c30431a;background:#fff}.ofd-empty{margin:auto;text-align:center;color:#758294;padding:70px 20px}.ofd-empty>span{font-size:48px;color:#168675}.ofd-empty h2{font-size:19px;color:#35485e;font-weight:500}.ofd-error{padding:12px 20px;background:#fff0ed;color:#ae3c2e}.ofd-diagnostics{padding:8px 20px;background:#fff9e9;font-size:12px;color:#806127}.ofd-diagnostics summary{cursor:pointer}.ofd-diagnostics ul{max-height:110px;overflow:auto;margin:6px 0}@media(max-width:650px){.ofd-status{display:none}.ofd-toolbar{gap:2px;padding:8px}.ofd-brand{display:none}.ofd-stage{padding:12px}}*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#233448;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:1480px;margin:auto;padding:0 48px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7ec}.logo{display:flex;gap:10px;align-items:center;color:#168675;text-decoration:none;font-size:28px}.logo strong{color:#233448;letter-spacing:-1px}.logo strong span{color:#168675}.logo small{font-size:9px;letter-spacing:2px;color:#8a95a3;margin-left:16px}.version{font-size:12px;color:#748192;border:1px solid #dce4ea;border-radius:20px;padding:5px 12px}.intro{display:flex;align-items:center;justify-content:space-between;padding:35px 0 26px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#168675;font-weight:600}h1{font-size:28px;font-weight:600;letter-spacing:-.7px;margin:10px 0}.intro p{font-size:13px;color:#798696;margin:0}.open{background:#167c6d;color:#fff;border-radius:8px;padding:12px 18px;font-size:13px;cursor:pointer;box-shadow:0 3px 10px #167c6d20}.open input{position:absolute;width:1px;height:1px;opacity:0}.open:focus-within{outline:3px solid #70cabb;outline-offset:3px}.filebar{display:flex;justify-content:space-between;font-size:11px;color:#8a95a3;margin-bottom:10px}.filebar b{font-weight:500;color:#596779;margin-left:5px}.viewer-wrap{height:calc(100vh - 320px);min-height:420px}.dragging{outline:3px dashed #168675;outline-offset:4px}footer{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:11px;color:#8a95a3}footer button{border:0;background:none;color:#168675;cursor:pointer;font:inherit}@media(max-width:700px){main{padding:0 16px}header{height:64px}.logo small,.version{display:none}.intro{padding:24px 0;gap:14px;align-items:flex-start;flex-direction:column}h1{font-size:23px}.viewer-wrap{height:65vh}.filebar>span:last-child{display:none}footer{gap:15px}}