.swt-kit{position:relative;border:1px solid var(--line,#29292e);background:#101012;border-radius:18px;overflow:hidden;padding:14px}
.swt-kit__controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.swt-kit__controls button{background:#202024;color:#d6d8de;border:1px solid #45454d;border-radius:7px;padding:10px 16px;min-height:44px;font:600 14px inherit;cursor:pointer}
.swt-kit__controls button[aria-pressed="true"]{background:#4b9cd3;border-color:#4b9cd3;color:#0b0b0c}
.swt-kit__canvas{aspect-ratio:720/650;width:100%;display:grid;place-items:center}
.swt-kit__canvas>svg,.swt-kit__canvas>img{width:100%;height:100%;display:block}
.swt-kit__canvas[hidden]{display:none}
.swt-kit__reference{aspect-ratio:720/650;background:#111;display:grid;place-items:center}
.swt-kit__reference[hidden]{display:none}
.swt-kit__reference img{height:100%;max-height:480px;max-width:100%;object-fit:contain}
.swt-kit--theme{max-width:1100px;margin:40px auto;color:#eceef3}
.swt-kit__status{font-size:14px;color:#bec1c9;line-height:1.5;margin:0}
.swt-kit__demo{font-size:14px;color:#7bafd4;display:inline-block;margin-top:10px}
.swt-kit button:focus-visible,.swt-cfg button:focus-visible,.swt-cfg input:focus-visible{outline:2px solid #7bafd4;outline-offset:3px}
.swt-cfg__photo{display:flex;align-items:center;gap:12px;color:#b9bbc2;font-size:13px}
.swt-cfg__photo img{width:84px;height:66px;object-fit:contain;border:1px solid #333339;border-radius:6px;background:#171719}
.swt-cfg__photo[hidden]{display:none}
@media(max-width:480px){.swt-kit{padding:10px}.swt-kit__canvas{min-height:310px}.swt-kit__canvas svg{font-size:16px}}