.az-f3{margin:26px 0 8px;background:#fff;border:1px solid var(--az-line,rgba(14,18,38,.1));border-top:4px solid var(--az-a,#3F7A00);border-radius:32px;box-shadow:0 50px 90px -46px rgba(50,60,140,.45);overflow:hidden;color:var(--az-text,#0E1226)}
.az-f3-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:16px clamp(16px,3vw,26px) 12px}
.az-f3-title{margin:0;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;line-height:1.2}
.az-f3-title small{display:block;font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:.82rem;letter-spacing:0;color:var(--az-soft,#5A5F78);margin-top:3px}
.az-f3-chips{display:flex;flex-wrap:wrap;gap:6px}
.az-f3-chip,.az-f3-btn{font:600 13.5px/1 'Inter',system-ui,sans-serif;border:1.5px solid rgba(14,18,38,.12);background:#fff;color:var(--az-muted,#434862);border-radius:999px;min-height:40px;padding:0 15px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.az-f3-chip:hover,.az-f3-btn:hover{border-color:var(--az-a,#3F7A00);color:var(--az-ink,#2F5E00)}
.az-f3-chip[aria-pressed="true"],.az-f3-btn[aria-pressed="true"]{background:var(--az-a,#3F7A00);border-color:var(--az-a,#3F7A00);color:#fff}
.az-f3-chip:focus-visible,.az-f3-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--az-a,#3F7A00) 40%,transparent);outline-offset:2px}
.az-f3-stage{position:relative;margin:0 clamp(10px,2vw,16px);height:clamp(300px,48vw,460px);border-radius:24px;overflow:hidden;background:radial-gradient(120% 90% at 50% 15%,#2b2f6e 0%,#161a3d 55%,#0b0e24 100%);isolation:isolate}
.az-f3-view{position:absolute;inset:0}
.az-f3-view canvas{width:100% !important;height:100% !important;display:block;touch-action:pan-y;cursor:grab}
.az-f3-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#c7ccf5;font:600 14px 'Inter',system-ui,sans-serif;text-align:center;padding:20px;z-index:1;pointer-events:none;transition:opacity .3s}
.az-f3-ph i{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#B6F03C;animation:az-f3-spin 1s linear infinite}
.az-f3.is-ready .az-f3-ph{opacity:0}
.az-f3.is-err .az-f3-ph i{display:none}
@keyframes az-f3-spin{to{transform:rotate(360deg)}}
.az-f3-hint{position:absolute;left:14px;top:12px;z-index:2;font:600 12px 'Inter',system-ui,sans-serif;color:#dfe2ff;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px);pointer-events:none}
.az-f3-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px clamp(10px,2vw,16px) 0;padding:6px;border-radius:999px;background:#F1F3FB}
.az-f3-bar .az-f3-btn{min-height:40px;border-color:transparent;background:transparent}
.az-f3-bar .az-f3-btn:hover{background:#fff}
.az-f3-bar .az-f3-sep{width:1px;background:rgba(14,18,38,.14);margin:8px 2px}
.az-f3-foot{padding:12px clamp(16px,3vw,26px) 16px;font-size:.85rem;color:var(--az-soft,#5A5F78);line-height:1.5}
@media (max-width:520px){.az-f3-bar .az-f3-btn{padding:0 10px;font-size:12.5px}.az-f3-hint{display:none}.az-f3-stage{height:340px}}
@media (prefers-reduced-motion:reduce){.az-f3-ph i{animation:none}}