.tka-root{display:flex;flex-direction:column;gap:.8rem;width:100%;max-height:min(calc(100vh - 140px),540px);overflow:hidden;contain:layout paint}.tka-views{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:640px){.tka-root.tka-view-both .tka-views{grid-template-columns:1fr 1fr}}@media(max-width:639px){.tka-root.tka-view-both .tka-view-wrap{max-height:46vh}.tka-root.tka-view-both .tka-svg{max-height:42vh}}.tka-view-wrap{position:relative;background:linear-gradient(180deg,#4ab9cc0a,#a079cf0a);border:1px solid var(--tk-border, rgba(255, 255, 255, .08));border-radius:12px;padding:.4rem .4rem .35rem;overflow:hidden}.tka-view-label{position:absolute;top:.4rem;left:.55rem;font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tk-muted, rgba(255, 255, 255, .55));z-index:2;pointer-events:none}.tka-svg{width:100%;height:auto;max-height:380px;aspect-ratio:200 / 420;display:block;touch-action:manipulation}.tka-bg{opacity:.55}.tka-silhouette{fill:#ffffff0d;stroke:#ffffff2e;stroke-width:1.2;stroke-linejoin:round}.tka-shading{fill:none;stroke:#ffffff1a;stroke-width:1;stroke-dasharray:2 4}.tka-site{cursor:pointer;outline:none}.tka-site .tka-halo{fill:transparent;stroke:transparent;stroke-width:0;transition:stroke .15s,stroke-width .15s,fill .15s}.tka-site .tka-dot{stroke:#ffffff8c;stroke-width:1.2;transition:fill .15s,stroke .15s,r .15s}.tka-site .tka-dot-label{font:600 7px/1 Inter,system-ui,sans-serif;fill:#ffffffeb;pointer-events:none;user-select:none;letter-spacing:.04em}.tka-site:hover .tka-halo,.tka-site:focus .tka-halo{stroke:#fff6;stroke-width:1.5;fill:#4ab9cc14}.tka-site:hover .tka-dot,.tka-site:focus .tka-dot{stroke:#fff}.tka-site.tka-rec-none .tka-dot{fill:#ffffff2e}.tka-site.tka-rec-green .tka-dot{fill:#39ff148c;stroke:var(--tk-green, #39ff14)}.tka-site.tka-rec-amber .tka-dot{fill:#ffb80099;stroke:var(--tk-amber, #ffb800)}.tka-site.tka-rec-red .tka-dot{fill:#ff5c5ca6;stroke:var(--tk-red, #ff5c5c)}.tka-site.is-selected .tka-halo{stroke:var(--tk-cyan, #4ab9cc);stroke-width:2;fill:#4ab9cc1f}.tka-site.is-selected .tka-dot{stroke:#fff;stroke-width:2}.tka-site.is-suggested .tka-halo{stroke:var(--tk-cyan, #4ab9cc);stroke-width:1.5;fill:#4ab9cc1a;animation:tkaPulse 1.6s ease-in-out infinite}@keyframes tkaPulse{0%,to{stroke-width:1.5;opacity:.7}50%{stroke-width:3;opacity:1}}@media(prefers-reduced-motion:reduce){.tka-site.is-suggested .tka-halo{animation:none;stroke-width:2;opacity:1}}.tka-readout{padding:.55rem .8rem;border-radius:8px;background:#00000059;border:1px solid var(--tk-border, rgba(255, 255, 255, .08));font-size:.82rem;color:#fff;min-height:1.5rem;line-height:1.4}.tka-readout-meta{color:var(--tk-muted, rgba(255, 255, 255, .55));font-weight:500}.tka-legend{display:flex;flex-wrap:wrap;gap:.85rem;font-size:.66rem;color:var(--tk-muted, rgba(255, 255, 255, .55));padding:.2rem 0}.tka-legend-item{display:inline-flex;align-items:center;gap:.35rem;letter-spacing:.04em}.tka-sw{display:inline-block;width:12px;height:12px;border-radius:99px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e}.tka-sw.tka-rec-red{background:#ff5c5ca6;border-color:var(--tk-red, #ff5c5c)}.tka-sw.tka-rec-amber{background:#ffb80099;border-color:var(--tk-amber, #ffb800)}.tka-sw.tka-rec-green{background:#39ff148c;border-color:var(--tk-green, #39ff14)}.tka-sw.tka-rec-none{background:#ffffff2e;border-color:#ffffff59}.tka-sw.is-suggested{background:#4ab9cc2e;border-color:var(--tk-cyan, #4ab9cc);box-shadow:0 0 0 2px #4ab9cc40}.tka-compact{display:flex;flex-wrap:nowrap;gap:.45rem;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(74,185,204,.35) transparent;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}.tka-compact::-webkit-scrollbar{height:6px}.tka-compact::-webkit-scrollbar-track{background:transparent}.tka-compact::-webkit-scrollbar-thumb{background:#4ab9cc59;border-radius:99px}.tka-compact .tka-compact-chip{flex:0 0 auto}.tka-compact-chip{appearance:none;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border-radius:99px;border:1px solid var(--tk-border, rgba(255, 255, 255, .08));background:#ffffff0a;color:#fff;font:600 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;transition:border-color .15s,background .15s}.tka-compact-chip:hover{background:#4ab9cc14;border-color:#4ab9cc66}.tka-compact-pip{width:8px;height:8px;border-radius:99px;background:#ffffff59;flex:0 0 auto}.tka-compact-chip.tka-rec-red .tka-compact-pip{background:var(--tk-red, #ff5c5c)}.tka-compact-chip.tka-rec-amber .tka-compact-pip{background:var(--tk-amber, #ffb800)}.tka-compact-chip.tka-rec-green .tka-compact-pip{background:var(--tk-green, #39ff14)}.tka-compact-chip.is-suggested{background:linear-gradient(135deg,#4ab9cc2e,#a079cf2e);border-color:#4ab9cc8c}.tka-compact-chip.is-suggested .tka-compact-pip{background:var(--tk-cyan, #4ab9cc);box-shadow:0 0 0 2px #4ab9cc40}.tka-compact-empty{font-size:.74rem;color:var(--tk-muted, rgba(255, 255, 255, .55))}