.stsky-card{margin:22px auto;padding:18px;border:1px solid #35516a;border-radius:18px;background:linear-gradient(150deg,#10273a,#08131f 70%);color:#eef8ff;max-width:1440px;box-sizing:border-box}
.stsky-card *{box-sizing:border-box}.stsky-head{display:flex;align-items:start;justify-content:space-between;gap:15px;flex-wrap:wrap}.stsky-head h2,.stsky-head h3{margin:4px 0 6px;color:#fff}.stsky-head p{margin:0;color:#a4bfd1;font-size:13px;line-height:1.5}.stsky-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0}.stsky-controls button{padding:8px 12px;background:#18374e;border:1px solid #426980;border-radius:9px;color:#e9f7ff;cursor:pointer;font:600 12px system-ui}.stsky-controls button:hover,.stsky-controls button:focus-visible{background:#275776;outline:2px solid #79d5f5;outline-offset:1px}.stsky-view{position:relative;overflow:hidden;border:1px solid #38546b;border-radius:13px;background:#050c17;touch-action:none;min-height:300px}.stsky-view canvas{display:block;width:100%;height:min(60vw,520px);min-height:300px;touch-action:none;cursor:grab}.stsky-view canvas:active{cursor:grabbing}.stsky-readout{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:11px;color:#bfd4e2;font:12px system-ui}.stsky-readout strong{color:#d5f4ff}.stsky-card .stsky-source{margin:11px 0 0;font:12px/1.5 system-ui;color:#9db5c7}.stsky-replaced{display:none!important}@media(max-width:650px){.stsky-card{padding:13px;margin:15px 0}.stsky-view canvas{height:355px}.stsky-controls button{min-height:40px}}
.stsky-object-picker{display:inline-flex;align-items:center;gap:8px;color:#d7edf8;font:600 12px system-ui}.stsky-object-select{min-height:38px;padding:7px 30px 7px 11px;border:1px solid #5b8399;border-radius:9px;background:#18374e;color:#fff;font:600 13px system-ui;cursor:pointer}.stsky-object-select:focus-visible{outline:2px solid #79d5f5;outline-offset:2px}.stsky-controls button[hidden]{display:none}