.ap{--ap-line:color-mix(in srgb,var(--atpl-on-primary) 14%,transparent);--ap-line-soft:color-mix(in srgb,var(--atpl-on-primary) 8%,transparent);--ap-text:var(--atpl-on-primary);--ap-muted:color-mix(in srgb,var(--atpl-on-primary) 62%,transparent);display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:var(--sp-4);align-items:start}@media (max-width:1024px){.ap{grid-template-columns:minmax(0,1fr)}}.ap-stage{position:relative;height:clamp(480px,68vh,760px);border-radius:18px;overflow:hidden;background:var(--atpl-navy-deep);border:1px solid var(--ap-line-soft);box-shadow:0 24px 60px -32px rgb(3 12 24/.8)}.ap-canvas,.ap-labels{position:absolute;inset:0}.ap-labels{pointer-events:none;z-index:2}.ap-label{position:absolute;top:0;left:0;pointer-events:auto;padding:4px 10px;border:1px solid color-mix(in srgb,var(--accent-sky) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--atpl-navy-deep) 82%,transparent);color:var(--ap-text);font-family:var(--font-sans,inherit);font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s ease,border-color .15s ease}.ap-label:focus-visible,.ap-label:hover{background:color-mix(in srgb,var(--atpl-navy) 88%,transparent);border-color:var(--accent-sky);outline:none}.ap-hud{position:absolute;z-index:3;pointer-events:none}.ap-hud>*{pointer-events:auto}.ap-hud--tl{top:14px;left:14px}.ap-hud--tr{top:14px;right:14px;max-width:min(62%,520px)}.ap-hud--bl{bottom:42px;left:14px;right:14px}.ap-readout{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;border:1px solid var(--ap-line);background:color-mix(in srgb,var(--atpl-navy-deep) 78%,transparent);backdrop-filter:blur(8px)}.ap-readout__label{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ap-muted)}.ap-readout__value{display:flex;align-items:baseline;gap:8px;font-size:20px;font-weight:800;color:var(--ap-text);font-variant-numeric:tabular-nums}.ap-readout__value em{font-style:normal;font-size:12px;font-weight:600;color:var(--ap-muted)}.ap-readout__sub{font-size:11.5px;color:var(--ap-muted)}.ap-views{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.ap-chip{padding:6px 11px;border-radius:999px;border:1px solid var(--ap-line);background:color-mix(in srgb,var(--atpl-navy-deep) 72%,transparent);color:var(--ap-text);font-size:11.5px;font-weight:600;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s ease,border-color .15s ease,color .15s ease}.ap-chip:hover{border-color:color-mix(in srgb,var(--accent-sky) 55%,transparent)}.ap-chip.is-active{background:color-mix(in srgb,var(--accent-sky) 24%,transparent);border-color:var(--accent-sky)}.ap-card{max-width:520px;padding:14px 16px;border-radius:14px;border:1px solid var(--ap-line);background:color-mix(in srgb,var(--atpl-navy-deep) 86%,transparent);backdrop-filter:blur(10px)}.ap-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ap-card h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--ap-text)}.ap-card p{margin:6px 0 0;font-size:12.5px;line-height:1.55;color:var(--ap-muted)}.ap-card__close{border:0;background:transparent;color:var(--ap-muted);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.ap-card__close:hover{color:var(--ap-text)}.ap-legal{position:absolute;left:14px;right:14px;bottom:10px;z-index:2;margin:0;font-size:10px;color:color-mix(in srgb,var(--atpl-on-primary) 42%,transparent)}.ap-status{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;font-size:13px;color:var(--ap-muted);background:color-mix(in srgb,var(--atpl-navy-deep) 82%,transparent)}.ap-status--error{color:color-mix(in srgb,var(--accent-amber) 70%,var(--ap-text))}.ap-spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--atpl-on-primary) 20%,transparent);border-top-color:var(--accent-sky);animation:ap-spin .9s linear infinite}@keyframes ap-spin{to{transform:rotate(1turn)}}.ap-panel{display:flex;flex-direction:column;gap:12px}.ap-block{padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--card)}.ap-block--quiet{background:color-mix(in srgb,var(--card) 60%,transparent)}.ap-block__title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground)}.ap-dot{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--muted-foreground) 45%,transparent)}.ap-dot.is-live{background:#37c98a;box-shadow:0 0 0 3px rgb(55 201 138/.16)}.ap-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;color:var(--foreground)}.ap-field span{display:flex;justify-content:space-between;color:var(--muted-foreground)}.ap-field b{color:var(--foreground);font-variant-numeric:tabular-nums}.ap-field input[type=range]{width:100%;accent-color:var(--accent-sky)}.ap-quick{display:flex;flex-wrap:wrap;gap:6px}.ap-quick .ap-chip{background:transparent;border-color:var(--border);color:var(--foreground);backdrop-filter:none}.ap-quick .ap-chip:hover{border-color:var(--accent-sky)}.ap-toggles{display:flex;gap:16px;font-size:12px;color:var(--foreground)}.ap-toggles label{display:flex;align-items:center;gap:6px;cursor:pointer}.ap-toggles input{accent-color:var(--accent-sky)}.ap-muted{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted-foreground)}.ap-metar{margin:0 0 6px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--muted-foreground) 8%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;color:var(--foreground);word-break:break-word}.ap-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:5px;font-size:11.5px;line-height:1.45;color:var(--muted-foreground)}