*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ededeb;color:#252729;font:13px/1.55 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}button,a{font:inherit}button,.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #c7cbcd;border-radius:3px;padding:8px 10px;color:#252729;background:#fff;text-decoration:none;white-space:nowrap;cursor:pointer}button:hover,.nav-link:hover{background:#f0f3f4;border-color:#9aa7ad}button.active{border-color:#3d5969;background:#eaf0f3;color:#203c4b}button:focus-visible,a:focus-visible{outline:2px solid #3d5969;outline-offset:3px}#top{position:fixed;z-index:5;top:16px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}#brand,#controls{pointer-events:auto;background:#fffffff0;border:1px solid #d7dadb;box-shadow:0 3px 16px #00000008}#brand{padding:10px 14px;display:flex;gap:10px;align-items:center;flex:0 0 auto}#brand img{width:34px;height:38px;object-fit:contain}#brand strong{font-size:16px;font-weight:550;display:block;white-space:nowrap}#brand small{display:block;font-size:11px;color:#63696c;margin-top:2px}#controls{display:flex;gap:5px;padding:5px;overflow-x:auto;max-width:100%;scrollbar-width:thin}#views{position:fixed;left:18px;bottom:65px;right:190px;display:flex;align-items:center;gap:5px;z-index:5;overflow-x:auto;scrollbar-width:thin;padding:4px 0;pointer-events:none}#views button{pointer-events:auto;font-size:11px;background:#fffffff0;flex:0 0 auto}#views button.active{background:#eaf0f3}#views .divider{height:23px;flex:0 0 1px;background:#abb3b6;margin:0 4px}#bottom{position:fixed;bottom:17px;left:18px;right:18px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:5;font-size:11px;pointer-events:none}#sizeinfo,#hint{padding:6px 10px;background:#fffffff0;border:1px solid #d7dadb;line-height:1.6}#hint{font-size:11px}#move{position:fixed;right:18px;bottom:70px;display:flex;gap:5px;z-index:5}#move button{width:36px;padding:8px 0;background:#fffffff0}#loading{position:fixed;inset:0;display:grid;place-items:center;z-index:20;background:#f3f3f1;color:#666}dialog{max-width:740px;max-height:85dvh;width:calc(100vw - 32px);border:1px solid #c9cfd1;border-radius:4px;padding:26px;color:#252729;background:#fff;box-shadow:0 18px 60px #0003;overflow:auto}dialog::backdrop{background:#10151866}dialog h2{font-size:23px;margin:0 75px 14px 0;font-weight:550}dialog p{white-space:pre-line;line-height:1.9;font-size:15px}dialog .close{float:right}#sheet{width:100%;height:auto;max-height:65vh;background:white;border:1px solid #ddd;cursor:default}#filmLinks{display:flex;gap:9px;flex-wrap:wrap}#filmLinks a{border:1px solid #c7cbcd;border-radius:3px;padding:9px;color:#304c5b;text-decoration:none}#paperNote{font-size:13px;color:#62696c}.film #top,.film #bottom,.film #views,.film #move{display:none}@media(max-width:1100px){#top{flex-direction:column;gap:6px}#controls{max-width:100%}#hint{display:none}}@media(max-width:740px){#top{top:9px;left:9px;right:9px;align-items:stretch}#brand{align-self:flex-start;padding:7px 10px}#brand strong{font-size:14px}#brand small{font-size:10px}#brand img{width:28px;height:31px}#controls{justify-content:flex-start;flex-wrap:nowrap}#controls button,#controls a{flex:0 0 auto;font-size:11px;padding:6px 8px;min-height:34px}#views{left:9px;right:9px;bottom:100px}#views button{padding:7px;font-size:11px}#move{right:9px;bottom:58px}#move button{min-height:34px;width:34px}#bottom{left:9px;right:9px;bottom:8px}#sizeinfo{font-size:10px;line-height:1.5;padding:5px 7px}dialog{padding:18px}dialog h2{font-size:20px}}

.load-card{width:min(360px,calc(100vw - 48px));text-align:center}.load-card strong{font-size:21px;font-weight:500}.load-card p{font-size:12px;color:#697176;margin:20px 0 12px}#loadProgress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:0;background:#dce0e1}#loadProgress::-webkit-progress-bar{background:#dce0e1}#loadProgress::-webkit-progress-value{background:#3b4c55}#loadProgress::-moz-progress-bar{background:#3b4c55}#loadPercent{display:block;margin-top:10px;font-size:12px;font-variant-numeric:tabular-nums;color:#53616a}#player{width:min(1040px,calc(100vw - 24px));max-width:1040px}#mediaPlayer{display:block;width:100%;height:min(65dvh,760px);object-fit:contain;background:#000;margin-top:20px}#playStatus{font-size:12px;line-height:1.6;color:#62696c}

#diagramSizes{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}#diagramSizes button{font-size:12px}@media(orientation:landscape) and (max-height:540px){#top{top:8px;left:9px;right:9px;flex-direction:row;align-items:flex-start;gap:8px}#brand{padding:6px 8px;max-width:230px}#brand strong{font-size:12px}#brand small{display:none}#brand img{width:20px;height:24px}#controls{max-width:calc(100vw - 235px);padding:4px;flex:0 1 auto}#controls button,#controls a{font-size:10px;min-height:29px;padding:5px 7px}#views{left:9px;right:180px;bottom:40px}#views button{font-size:10px;padding:5px 7px;min-height:29px}#move{bottom:45px;right:9px}#move button{min-height:29px;width:31px;padding:5px 0}#bottom{bottom:6px;left:9px;right:9px}#sizeinfo{font-size:9px;padding:3px 6px}#hint{display:none}dialog{max-height:94dvh}#mediaPlayer{height:65dvh}#brand{flex-shrink:0}}