.html-frame.svelte-1qc1iru{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:18px;position:relative;overflow:hidden}.html-frame.auto.svelte-1qc1iru{box-shadow:none;background:0 0;border-radius:0;overflow:visible}iframe.svelte-1qc1iru{border:0;width:100%;display:block}.ratio.svelte-1qc1iru iframe:where(.svelte-1qc1iru){aspect-ratio:var(--ratio);height:auto}.stage.svelte-1qc1iru,.stage.svelte-1qc1iru iframe:where(.svelte-1qc1iru){height:100%}.html-frame.svelte-1qc1iru:fullscreen{border-radius:0}.html-frame.svelte-1qc1iru:fullscreen iframe:where(.svelte-1qc1iru){aspect-ratio:auto;height:100%!important}.tools.svelte-1qc1iru{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:10px;right:10px}.html-frame.svelte-1qc1iru:hover .tools:where(.svelte-1qc1iru),.tools.svelte-1qc1iru:focus-within{opacity:1}.auto.svelte-1qc1iru .tools:where(.svelte-1qc1iru){top:-6px;right:-6px}.tools.svelte-1qc1iru button:where(.svelte-1qc1iru){color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1d1d1bb8;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.tools.svelte-1qc1iru button:where(.svelte-1qc1iru):hover{background:var(--ink)}.done.svelte-1qc1iru{color:#fff;background:#2f7a5c;border-radius:10px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}