*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden}body{--wc-xdi-bar-color:#0f172a;height:100vh;height:100dvh;display:flex;flex-direction:column;font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:#e2e8f0;background:var(--wc-xdi-bar-color)}.toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;padding:10px 16px;border-bottom:1px solid #334155;background:var(--wc-xdi-bar-color)}.toolbar .back-right{margin-left:auto}.toolbar a{color:#f8fafc;text-decoration:none;white-space:nowrap;padding:7px 10px;border:1px solid #475569;border-radius:6px}.toolbar a:hover{background:#334155}.toolbar a:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}.viewport iframe{display:block;position:absolute;border:0;max-width:none;top:calc(0px - var(--crop-top));left:calc(0px - var(--crop-left));width:calc(100% + var(--crop-left) + var(--crop-right));height:calc(100% + var(--crop-top) + var(--crop-bottom))}.bottom-mask{position:absolute;bottom:var(--mask-bottom,0);left:var(--mask-left,0);right:auto;width:var(--mask-width,100%);height:var(--mask-height);max-height:100%;display:grid!important;place-items:center!important;padding:6px 16px;overflow:hidden;border-radius:var(--mask-radius,0);background-color:var(--mask-color,#0f172a)!important;color:var(--mask-text-color,#fff)!important;text-align:center!important;font-size:15px;font-weight:700;line-height:1.35;opacity:1!important;z-index:2;pointer-events:auto}.bottom-mask-center{left:50%;transform:translateX(-50%)}.bottom-mask-custom{left:var(--mask-left,0);transform:none}.bottom-mask span{display:block;width:100%;max-width:100%;margin:0 auto;text-align:center!important;overflow-wrap:anywhere}@media(max-width:540px){.toolbar{gap:6px;padding:8px;font-size:12px}.toolbar a{padding:6px 8px}.bottom-mask{font-size:13px;padding:5px 10px}}