:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#11184b;background:#edf2f7;font-synthesis:none}*{box-sizing:border-box}html,body,#embed-root{width:100%;height:100%;min-height:420px;margin:0}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #6b9fe8;outline-offset:3px}#embed-root{position:relative;overflow:hidden;background:#e9eef4}canvas{display:block;width:100%;height:100%;touch-action:none}.loopion-brand{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:14px;padding:9px 14px 9px 11px;border:1px solid #dbe3ed;border-radius:12px;background:#ffffffed;box-shadow:0 8px 28px #1d35591a;text-decoration:none;color:#11184b}.loopion-brand img{display:block;width:116px;height:54px;object-fit:contain}.loopion-brand span{border-left:1px solid #e1e6ed;padding-left:13px;font-size:12px;font-weight:600;white-space:nowrap}.view-bar{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#ffffffed;border:1px solid #dbe3ed;border-radius:11px;box-shadow:0 8px 28px #1d35591a}.view-bar button,.tool-bar button{border:0;background:transparent;border-radius:7px;padding:10px 13px}.view-bar button:hover,.tool-bar button:hover{background:#eef3f9}.view-bar button.active,.tool-bar button[aria-pressed=true]{background:#11184b;color:white}.tool-bar{position:absolute;right:18px;top:18px;display:flex;gap:3px;padding:5px;background:#ffffffed;border:1px solid #dbe3ed;border-radius:10px;box-shadow:0 8px 28px #1d35591a}.tool-bar button{min-width:38px;font-size:12px}.asset-card{position:absolute;right:18px;top:82px;width:min(280px,calc(100% - 36px));padding:20px;background:#ffffffed;border:1px solid #dbe3ed;border-radius:12px;box-shadow:0 10px 36px #1d355926;backdrop-filter:blur(8px)}.asset-card .close{position:absolute;right:9px;top:8px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;font-size:21px}.asset-card .close:hover{background:#edf2f8}.eyebrow{display:block;color:#687892;font-size:10px;font-weight:700;letter-spacing:1.25px;margin-right:30px}.asset-card h1{font-size:23px;line-height:1.15;margin:9px 28px 6px 0}.asset-card p{font-size:13px;color:#66758a;margin:0 0 17px}.focus-button{width:100%;border:0;border-radius:7px;padding:10px 12px;background:#11184b;color:white}.hint{position:absolute;left:18px;bottom:18px;padding:8px 11px;border-radius:7px;background:#ffffffd9;border:1px solid #dbe3ed;color:#687892;font-size:10px}.north{position:absolute;right:22px;bottom:22px;color:#11184b;text-align:center;pointer-events:none;text-shadow:0 1px 0 white}.north b{display:block;font-size:11px}.north span{font-size:28px;line-height:1}.loading{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:13px;background:#edf2f7;color:#11184b}.spinner{width:24px;height:24px;border:2px solid #cbd6e3;border-top-color:#11184b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.ui-none .embed-ui{display:none!important}.ui-compact .hint,.ui-compact .loopion-brand span{display:none}.ui-compact .loopion-brand{padding:6px 9px}.ui-compact .loopion-brand img{width:88px;height:42px}
@media(max-width:700px){html,body,#embed-root{min-height:360px}.loopion-brand{top:10px;left:10px;padding:5px 8px}.loopion-brand img{width:85px;height:43px}.loopion-brand span{display:none}.tool-bar{top:10px;right:10px}.tool-bar button{padding:9px 8px;min-width:34px}.view-bar{left:10px;right:10px;bottom:10px;transform:none;overflow-x:auto;justify-content:space-between}.view-bar button{padding:9px 8px;font-size:11px;white-space:nowrap}.hint{display:none}.asset-card{top:64px;right:10px;width:min(245px,calc(100% - 20px));padding:15px}.asset-card h1{font-size:20px}.north{right:13px;bottom:65px}}