:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17273d;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1560px;margin:auto;padding:20px}a{color:#2b637d;text-underline-offset:3px}button,select{font:inherit;color:inherit;background:#fff;border:1px solid #ced9e1;border-radius:4px}button{min-height:35px;padding:5px 12px;cursor:pointer}button:hover{border-color:#6e94a7;background:#eef5f8}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:2px solid #287897;outline-offset:3px}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.viewer-head p{font-size:9px;letter-spacing:1px;color:#617b8b;margin:0 0 7px}.viewer-head h1{font-size:24px;letter-spacing:-.6px;font-weight:600;margin:0}.viewer-head a{font-size:11px;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 12px;border:1px solid #dbe3e9;background:#f0f5f8;border-radius:6px 6px 0 0}.sheet-controls,.zoom-controls{display:flex;align-items:center;gap:7px;font-size:12px}.sheet-controls{flex:1;min-width:240px}.sheet-controls label{color:#5d7485;font-size:10px}.sheet-controls select{height:35px;padding:5px 24px 5px 9px;max-width:420px;min-width:0;width:100%}.sheet-controls button{font-size:22px;padding:0 11px}.zoom-controls output{font-size:11px;min-width:39px;text-align:center}.zoom-controls a{font-size:11px;font-weight:600;margin-left:6px;white-space:nowrap}.sheet-stage{height:min(72vh,830px);min-height:480px;overflow:auto;position:relative;border:1px solid #dbe3e9;border-top:0;background:#e8edf1;cursor:grab;touch-action:pan-x pan-y}.sheet-stage.dragging{cursor:grabbing;user-select:none}.paper-wrap{display:grid;place-items:center;min-width:100%;min-height:100%;padding:16px;position:relative}.paper-wrap img{display:block;max-width:none;flex-shrink:0;background:#fff;box-shadow:0 2px 12px #17273d12}.sheet-stage #loading{position:absolute;inset:0;display:grid;place-items:center;color:#617b8b;font-size:12px;margin:0;pointer-events:none}.sheet-stage #loading[hidden]{display:none}footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.5;color:#617688;padding:10px 2px}footer p{margin:0}footer span{text-align:right}body.embed main{padding:0}body.embed .viewer-head{display:none}body.embed .sheet-stage{height:560px;min-height:0}body.embed footer{padding:8px 12px}.embed .toolbar{border-radius:0}@media(max-width:700px){main{padding:12px}.viewer-head h1{font-size:20px}.viewer-head{align-items:flex-start}.toolbar{padding:8px;gap:8px}.sheet-controls{width:100%;flex:auto}.sheet-controls select{max-width:none}.zoom-controls{width:100%;justify-content:flex-end}.sheet-stage{height:64vh;min-height:410px}footer{display:block}footer span{display:block;text-align:left;margin-top:4px}body.embed .sheet-stage{height:420px}}@media(max-width:400px){.viewer-head p{font-size:8px}.viewer-head a{font-size:10px}.sheet-controls{gap:5px}.sheet-controls label{display:none}.zoom-controls button{padding-left:10px;padding-right:10px}.zoom-controls{justify-content:space-between;gap:5px}}
body.embed main{height:100vh;display:flex;flex-direction:column}body.embed .sheet-stage{flex:1;min-height:0;height:auto}body.embed .toolbar,body.embed footer{flex:none}

.view-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.view-links [hidden]{display:none}@media(max-width:700px){.viewer-head{flex-wrap:wrap}.view-links{gap:12px}}