:root,body,html{height:100%}body{margin:0;font-family:sans-serif}.figma-body,body{background-color:#0f172a}.figma-body{min-height:100%}.figma-container{margin:0;padding:0;width:100%;height:100vh;display:flex}.figma-iframe{flex:1;border:none;width:100%;height:100%}.btn{appearance:none;border:1px solid transparent;border-radius:10px;background:#0f172a;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.1;cursor:pointer;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),opacity .14s cubic-bezier(.22,1,.36,1)}.btn.secondary{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.35);color:#e2e8f0}.btn.small{min-height:28px;border-radius:8px;padding:5px 10px;font-size:12px}@media (hover:hover){.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px -18px rgba(15,23,42,.55),0 4px 10px -8px rgba(15,23,42,.32);filter:brightness(1.05)}}.btn:not(:disabled):active{transform:translateY(0) scale(.97)}.btn:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none;filter:none}