.tk-sky { --tk-border:#2c3b45; --tk-muted:#a7bac8; color:#ecf2f5; letter-spacing:0; }
.tk-sky * { box-sizing:border-box; letter-spacing:0; }
.tk-sky [hidden] { display:none!important; }
.tk-sky button,.tk-sky input,.tk-sky select { font:inherit; font-size:14px; color:inherit; border:1px solid var(--tk-border); border-radius:4px; background:#091118; min-height:38px; padding:7px 10px; max-width:100%; color-scheme:dark; }
.tk-sky button { cursor:pointer; }
.tk-sky button:disabled { opacity:.45; cursor:not-allowed; }
.tk-sky button:hover:not(:disabled) { border-color:#86d3cb; }
.tk-sky button:focus-visible,.tk-sky input:focus-visible,.tk-sky select:focus-visible,.tk-sky canvas:focus-visible { outline:2px solid #8adecb; outline-offset:3px; }
.tk-sky label { display:flex; flex-direction:column; gap:6px; color:var(--tk-muted); font-size:12px; min-width:0; }
.tk-toolbar { display:flex; gap:12px; flex-wrap:wrap; align-items:end; border-block:1px solid var(--tk-border); padding:16px 0; }
.tk-toolbar input[type=number] { width:115px; }
.tk-segment { display:flex; }
.tk-segment button[aria-pressed=true],.tk-picker button[aria-pressed=true] { color:#b8f1d9; background:#16372e; border-color:#69a68d; }
.tk-layers { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:14px 0; }
.tk-layers label { flex-direction:row; align-items:center; gap:7px; font-size:13px; }
.tk-layers input { min-height:0; accent-color:#7abdaa; }
.tk-sky .tk-icon { width:38px; height:38px; padding:8px; flex-shrink:0; display:grid; place-items:center; }
.tk-icon svg,.tk-action svg { width:18px; height:18px; }
.tk-sky .tk-action { display:inline-flex; align-items:center; gap:8px; }
.tk-status { font-size:14px; line-height:1.6; color:#e4cc89; min-height:23px; margin:0 0 14px; }
.tk-error { border-left:3px solid #ee8b79; padding:10px; color:#ffd0c4; }
.tk-workspace { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:28px; align-items:start; }
.tk-map-column,.tk-detail { min-width:0; }
.tk-map { position:relative; height:620px; width:100%; background:#040a0e; overflow:hidden; }
.tk-map:fullscreen { height:100dvh; }
.tk-map canvas { display:block; width:100%; height:100%; touch-action:none; }
.tk-labels { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.tk-labels button { position:absolute; pointer-events:auto; white-space:nowrap; max-width:none; min-height:28px; font-size:12px; padding:4px 7px; border-radius:3px; background:#061019e6; }
.tk-labels button[aria-pressed=true] { border-color:#9bdac3; color:#baf3de; }
.tk-map-tools { position:absolute; top:10px; right:10px; display:flex; gap:5px; }
.tk-map-stamp { position:absolute; bottom:8px; left:10px; font-size:11px; background:#040a0ede; color:var(--tk-muted); padding:5px 7px; max-width:calc(100% - 20px); }
.tk-note { color:var(--tk-muted); font-size:12px; line-height:1.7; margin:12px 0 16px; max-width:none; }
.tk-picker { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.tk-detail-heading h2 { font-size:26px; margin:6px 0 18px; }
.tk-detail-heading span { font-size:12px; color:var(--tk-muted); }
.tk-detail h3 { font-size:17px; margin:20px 0 10px; }
.tk-detail p { font-size:14px; line-height:1.65; max-width:none; margin:12px 0; }
.tk-photo { margin:0 0 18px; }
.tk-photo img { display:block; width:100%; height:190px; object-fit:contain; background:#03090d; }
.tk-photo figcaption { font-size:10px; line-height:1.5; color:var(--tk-muted); margin-top:6px; }
.tk-sky a { color:#a8ddda; text-decoration:none; overflow-wrap:anywhere; }
.tk-sky a:hover { text-decoration:underline; }
.tk-table-scroll { overflow-x:auto; max-width:100%; }
.tk-sky table { border-collapse:collapse; width:100%; text-align:left; font-size:12px; }
.tk-sky th,.tk-sky td { border-bottom:1px solid var(--tk-border); padding:9px 5px; vertical-align:top; }
.tk-sky th { font-weight:500; color:var(--tk-muted); }
.tk-visibility { color:#c3e7d6; }
.tk-object-section { padding:26px 0; border-top:1px solid var(--tk-border); }
.tk-section-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.tk-section-heading h2 { font-size:24px; margin:0; }
.tk-objects { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:20px; }
.tk-object { border:1px solid var(--tk-border); border-radius:6px; overflow:hidden; background:#091117; min-width:0; }
.tk-object figure { margin:0; }
.tk-object img { width:100%; height:210px; object-fit:contain; display:block; background:#03080b; }
.tk-object figcaption { font-size:10px; line-height:1.5; padding:8px 16px 0; }
.tk-object-body { padding:16px; }
.tk-object h3 { font-size:19px; line-height:1.3; margin:0 0 14px; }
.tk-object dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
.tk-object dt { font-size:11px; color:var(--tk-muted); margin-bottom:5px; }
.tk-object dd { margin:0; font-size:13px; overflow-wrap:anywhere; }
.tk-object p { font-size:13px; line-height:1.7; max-width:none; }
.tk-object-body .tk-action { font-size:13px; }
.tk-method { border-top:1px solid var(--tk-border); padding:22px 0; font-size:13px; color:var(--tk-muted); }
.tk-method summary { color:#e4eff0; cursor:pointer; font-size:16px; }
.tk-method p { max-width:none; font-size:13px; line-height:1.8; }
@media(max-width:1050px) { .tk-workspace { grid-template-columns:minmax(0,1fr) 300px; gap:20px; } .tk-map { height:540px; } }
@media(max-width:760px) {
 .tk-workspace { grid-template-columns:minmax(0,1fr); }
 .tk-map { height:auto; aspect-ratio:1; min-height:300px; }
 .tk-map[data-view="atlas"] { aspect-ratio:1.7; min-height:240px; }
 .tk-toolbar { gap:10px; }
 .tk-toolbar .tk-segment { width:100%; }
 .tk-segment button { flex:1; }
 .tk-toolbar label { flex:1 1 115px; }
 .tk-toolbar input { width:100%; }
 .tk-toolbar input[data-date] { width:195px; }
 .tk-layers { gap:10px 12px; }
 .tk-layers label { font-size:12px; }
 .tk-detail { border-top:1px solid var(--tk-border); padding-top:24px; }
 .tk-photo img { height:240px; }
 .tk-section-heading { align-items:start; }
 .tk-section-heading h2 { font-size:21px; }
 .tk-picker button { font-size:12px; }
}
