*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#dce5f2;background:#0b1018;font-size:16px}body{display:flex;flex-direction:column}button{font:inherit;font-size:.875rem;color:inherit;border:1px solid #334158;background:#192334;border-radius:7px;padding:10px 14px;cursor:pointer}button:hover{background:#25364e}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #70b5ff;outline-offset:4px}button:disabled{opacity:.4;cursor:default}header{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #273142;background:#101824}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:1.2rem;letter-spacing:.04em}.mark{display:grid;place-items:center;font-size:32px;color:#83bbff}.tag{font-size:.875rem;color:#8898af;border-left:1px solid #354055;padding-left:16px;margin-left:12px}.primary{background:#347ff1;border-color:#347ff1;color:#fff;font-weight:600}.primary span{margin-left:20px}.primary:hover{background:#4b91fa}main{display:flex;flex:1;min-height:0}aside{width:256px;flex-shrink:0;padding:30px 24px;overflow:auto;border-right:1px solid #273142;background:#101824}.eyebrow{font-size:.75rem;color:#8d9db5;letter-spacing:.12em}h2{font-size:1rem;overflow-wrap:anywhere;line-height:1.6;margin:16px 0 4px}aside p{font-size:.875rem;color:#93a3ba;line-height:1.8;margin:6px 0}hr{border:0;border-top:1px solid #273142;margin:28px 0}.hint{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:.875rem;color:#aebcd0}kbd{font:inherit;font-size:.75rem;background:#1b2637;border:1px solid #334158;border-radius:4px;padding:3px 7px}.note{margin-top:40px;padding-top:22px;border-top:1px solid #273142}.note strong{font-size:.875rem;color:#bcd3f3}details{font-size:.875rem;margin-top:24px;line-height:1.6}summary{cursor:pointer;color:#92a6c1}.source{display:block;color:#8ca6c9;font-size:.75rem;margin-top:24px}.stage{position:relative;flex:1;min-width:0;overflow:hidden;background:#080e18}#viewer{position:absolute;inset:0;width:100%;height:100%}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background-image:radial-gradient(#243247 1px,transparent 1px);background-size:24px 24px}.fileicon{width:78px;height:94px;border:1px solid #45648e;border-radius:9px;display:grid;place-items:center;color:#8bbcff;font-size:1rem;letter-spacing:.08em;background:#14233a;box-shadow:0 12px 50px #163b6544}h1{font-size:1.6rem;font-weight:500;letter-spacing:.03em;margin:28px 0 6px}.empty p{color:#96a6bd;font-size:1rem}.empty>span{font-size:.75rem;color:#71839d;margin-top:20px}.toolbar{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;border:1px solid #334159;background:#111c2b;border-radius:10px;box-shadow:0 8px 24px #0005;white-space:nowrap}.toolbar button{border:0;background:transparent}.toolbar button:hover{background:#25364e}.loading{position:absolute;inset:0;background:#0a1425ed;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}.loading p{color:#96a6bd;font-size:.875rem}.loading button{margin-top:20px}[hidden]{display:none!important}.stage.drag{outline:3px solid #529cff;outline-offset:-4px}footer{display:flex;justify-content:space-between;gap:20px;padding:12px 24px;font-size:.75rem;color:#8f9eb4;border-top:1px solid #273142;background:#101824}#warnings{font-size:.875rem;color:#edc58e;line-height:1.7;overflow-wrap:anywhere;margin-top:20px}#shx{margin-top:14px}@media(max-width:700px){header{height:68px;padding:0 16px}.tag{display:none}aside{display:none}h1{font-size:1.35rem}footer{padding:10px 14px}footer>span:last-child{display:none}}@media(max-height:500px){aside{padding-top:16px}.empty .fileicon,.empty>span{display:none}}
footer .icp{color:#8f9eb4;text-decoration:none;font-size:.75rem;white-space:nowrap}footer .icp:hover{text-decoration:underline}@media(max-width:500px){footer{flex-wrap:wrap;gap:6px}footer #status{max-width:100%;overflow-wrap:anywhere}}