.container{min-height:100vh;display:grid;place-items:center;padding:24px}.image-stage{position:relative;width:min(100%,960px);min-height:min(78vh,720px);display:grid;place-items:center}.main-image{display:block;width:100%;height:auto;max-height:calc(100vh - 48px);object-fit:contain}.html-frame{display:block;width:100%;min-height:calc(100vh - 48px);border:0;background:#fff}.placeholder{width:min(100%,520px);min-height:240px;display:grid;place-items:center;gap:8px;padding:32px;border:1px solid #d8dee8;border-radius:8px;background:#fff;color:#4b5563;text-align:center}.placeholder small{max-width:100%;color:#9b1c1c;overflow-wrap:anywhere}.page-error{margin-top:14px;padding:10px 14px;border:1px solid rgb(239 68 68 / 18%);border-radius:999px;background:#ffffffdb;color:#b91c1c;font-size:13px;line-height:1.2;backdrop-filter:blur(10px)}.not-found{display:grid;place-items:center;min-height:220px;color:#111827}.not-found strong{font-size:clamp(48px,12vw,120px);line-height:1}@media (max-width: 640px){.container{align-items:start;padding:0}.image-stage{width:100%;min-height:100vh;align-items:start}.main-image{width:100%;max-height:none}.html-frame{min-height:100vh}}.action-button{position:fixed;left:50%;right:auto;bottom:max(14px,env(safe-area-inset-bottom));z-index:20;min-width:min(520px,calc(100vw - 32px));min-height:54px;padding:0 28px;border:1px solid rgb(255 255 255 / 62%);border-radius:999px;background:linear-gradient(90deg,#16a34a,#22c55e 42%,#14b8a6);color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:0;box-shadow:0 16px 32px #14b8a647,0 6px 14px #15803d42,inset 0 1px #ffffff6b;transform:translate(-50%);-webkit-tap-highlight-color:transparent}.action-button:before,.action-button:after{position:absolute;inset:-8px;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#22c55e75,#14b8a657);content:"";opacity:0;transform:scale(.96);animation:download-pulse 2.2s ease-out infinite}.action-button:after{animation-delay:1.1s}.action-button:hover{background:linear-gradient(90deg,#15803d,#16a34a 42%,#0d9488)}.action-button:disabled{cursor:wait;opacity:.72}.action-button:active{transform:translate(-50%) translateY(1px)}.action-button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@keyframes download-pulse{0%{opacity:.5;transform:scale(.96);filter:blur(0)}70%{opacity:0;transform:scale(1.08);filter:blur(7px)}to{opacity:0;transform:scale(1.08);filter:blur(7px)}}.action-popup-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#11182775}.action-popup{width:min(100%,360px);padding:22px;border-radius:8px;background:#fff;color:#111827;box-shadow:0 24px 60px #11182747}.action-popup strong{display:block;margin-bottom:10px;font-size:17px;line-height:1.3}.action-popup p{margin:0;color:#4b5563;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.action-popup button{width:100%;min-height:42px;margin-top:18px;border:0;border-radius:6px;background:#111827;color:#fff;cursor:pointer;font-weight:700}@media (max-width: 640px){.action-button{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px);min-width:0;min-height:54px}}:root{color:#111827;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button{font:inherit}.main{min-height:100vh}