.app-wrapper.svelte-z8fxx5{width:100%;height:calc(100vh - 120px);display:flex;flex-direction:row;position:relative;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d;margin-bottom:20px}.canvas-container.svelte-z8fxx5{flex:1;position:relative;overflow:hidden;width:100%;height:100%}canvas{display:block;width:100%!important;height:100%!important}.info.svelte-z8fxx5{position:absolute;left:12px;top:12px;background:#000000bf;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;z-index:100;width:280px;line-height:1.5;border:1px solid rgba(255,255,255,.1);pointer-events:none}.info.svelte-z8fxx5 h3:where(.svelte-z8fxx5){margin:0 0 8px;font-size:16px;color:#8ce}.credits.svelte-z8fxx5{position:absolute;right:12px;bottom:12px;color:#aaa;font-size:12px;pointer-events:none;z-index:10}.current-equiv.svelte-z8fxx5{position:absolute;bottom:20px;left:20px;background:#000000d9;padding:12px 16px;border-radius:12px;z-index:1400;width:220px;border:1px solid rgba(136,204,238,.3);pointer-events:none}.current-equiv.svelte-z8fxx5 h4:where(.svelte-z8fxx5){margin:0 0 10px;color:#8ce;font-size:12px;text-transform:uppercase}.equiv-display.svelte-z8fxx5{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.equiv-display.svelte-z8fxx5:last-child{border-bottom:none}.equiv-display.svelte-z8fxx5 .emoji:where(.svelte-z8fxx5){font-size:20px;width:28px;text-align:center}.equiv-display.svelte-z8fxx5 .label:where(.svelte-z8fxx5){color:#888;font-size:11px;width:60px}.equiv-display.svelte-z8fxx5 .value:where(.svelte-z8fxx5){color:#fff;font-size:13px;flex:1;text-align:right}.help-btn.svelte-z8fxx5{position:absolute;bottom:45px;right:20px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8ce,#59c);border:none;color:#fff;font-size:20px;cursor:pointer;z-index:1500;box-shadow:0 4px 16px #8ce6;transition:transform .2s;display:flex;align-items:center;justify-content:center}.help-btn.svelte-z8fxx5:hover{transform:scale(1.1)}.modal-overlay.svelte-z8fxx5{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:3000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.svelte-z8fxx5{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;border:1px solid rgba(136,204,238,.2)}.modal.svelte-z8fxx5 h2:where(.svelte-z8fxx5){margin:0 0 20px;color:#8ce;display:flex;justify-content:space-between}.modal-close.svelte-z8fxx5{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.modal-tabs.svelte-z8fxx5{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.modal-tab.svelte-z8fxx5{padding:8px 16px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#aaa}.modal-tab.active.svelte-z8fxx5{background:#8ce3;color:#8ce;border-color:#8ce}.equiv-grid.svelte-z8fxx5{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.equiv-item.svelte-z8fxx5{background:#ffffff0d;padding:10px;border-radius:8px;display:flex;align-items:center;gap:10px}.modal-description.svelte-z8fxx5{background:#88ccee1a;padding:12px;border-radius:8px;margin-bottom:16px;font-size:13px;border-left:3px solid #88ccee}@media(max-height:600px){.current-equiv.svelte-z8fxx5{display:none}}