#fieldAssetsPanel{color:var(--muted);font-size:12px}
.fieldAssetsIntro{max-width:70ch;line-height:1.6}
.fieldAssetsLayout{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:14px;margin-top:15px}
.fieldAssetsPicker{letter-spacing:.1em;display:flex;flex-direction:column;gap:9px}
#fieldAssetsSelect{width:100%;min-height:44px;background:#111b16;color:var(--phos);border:1px solid #384b3b;padding:10px;font:inherit}
.fieldAssetsDetails h3{color:var(--phos);margin:0 0 8px;font-size:16px;overflow-wrap:anywhere}
.fieldAssetsDetails p{margin:7px 0;line-height:1.45}
#fieldAssetsViewport{grid-column:1/-1;height:280px;background:radial-gradient(ellipse at center,#233329,#0b100e);border:1px solid #384b3b;touch-action:pan-y;overflow:hidden}
#fieldAssetsViewport canvas{display:block;width:100%;height:100%}
.fieldAssetsActions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.fieldAssetsActions .btn{min-height:44px;font-size:11px;padding:9px 12px}
#fieldAssetsLoadStatus{grid-column:1/-1;margin:0;min-height:2em;overflow-wrap:anywhere}
#fieldAssetsPanel button:focus-visible,#fieldAssetsSelect:focus-visible{outline:2px solid var(--phos);outline-offset:3px}
@media(max-width:600px){.fieldAssetsLayout{grid-template-columns:1fr}#fieldAssetsViewport{height:220px}.fieldAssetsDetails h3{font-size:14px}}