.scdev-tx,.scdev-tx *{box-sizing:border-box;line-height:1.2}
.scdev-tx button{color:#fff!important}
.scdev-tx{font-family:Arial,sans-serif;width:min(520px,100%);margin:10px auto;padding:10px;background:#08131c;color:#f5f9fc;border-radius:18px;box-shadow:0 16px 45px #0006}
.scdev-tx header{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:54px}
.scdev-tx .brand{display:flex;align-items:center;gap:7px;white-space:nowrap}
.scdev-tx .brand>b,.scdev-tx .lb-head>b{background:#08a9f5;color:#fff!important;padding:5px 8px;border-radius:6px;font-size:11px;letter-spacing:1px}
.scdev-tx .brand>strong{font-size:13px;letter-spacing:1px;color:#fff!important}
.scdev-tx .stats{display:flex;gap:4px;flex:1;justify-content:flex-end}
.scdev-tx .stats span{min-width:54px;text-align:center;padding:5px;border:1px solid #ffffff18;border-radius:8px;color:#a8cce0!important;font-size:12px;letter-spacing:.7px}
.scdev-tx .stats b{display:block;color:#fff!important;font-size:11px;margin-top:2px}
.scdev-tx .stage{position:relative;height:var(--tx-height,520px);max-height:calc(100svh - 175px);background:#07054a;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.scdev-tx canvas{display:block;width:auto;height:100%;aspect-ratio:5/8;touch-action:none;border:2px solid rgba(80,210,255,0.55);border-radius:4px;box-shadow:0 0 0 1px rgba(80,210,255,0.15),inset 0 0 18px rgba(0,0,0,0.4)}
.scdev-tx .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00111fa8;backdrop-filter:blur(3px)}
.scdev-tx .overlay.hide{display:none}
.scdev-tx .panel{width:min(360px,88%);padding:17px;text-align:center;background:#061b29f5;border:1px solid #50d4ff45;border-radius:14px}
.scdev-tx .panel small{font-size:12px;color:#41d5ff!important;letter-spacing:2px}
.scdev-tx .panel h2{font-size:18px;color:#fff!important;margin:6px}
.scdev-tx .panel p{font-size:12px;color:#d8e8f0!important;margin:8px}
.scdev-tx .panel button{background:#061a29!important;border:2px solid #ffcc00;border-radius:18px;padding:9px 24px;font-size:11px;font-weight:900;color:#ffeb3b!important;letter-spacing:1px;cursor:pointer;box-shadow:0 0 10px rgba(255,204,0,0.25);transition:background .2s,box-shadow .2s}
.scdev-tx .panel button:hover{background:#0a2438!important;box-shadow:0 0 18px rgba(255,204,0,0.45)}
.scdev-tx .panel i{display:block;margin-top:9px;font-size:12px;font-style:normal;color:#c8dce8!important}
.scdev-tx .touch{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr 1fr;gap:5px;margin-top:6px}
.scdev-tx .actions{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:5px}
.scdev-tx .actions button:only-child{grid-column:1/-1}
.scdev-tx .touch button,.scdev-tx .actions button{height:32px;border:1px solid #ffffff1b;border-radius:8px;background:#102431!important;color:#fff!important;font-size:12px;font-weight:900;cursor:pointer}
.scdev-tx .actions button{background:#061a29!important;border:1px solid #ffcc00;color:#ffeb3b!important;font-weight:900;box-shadow:0 0 8px rgba(255,204,0,0.2);transition:background .2s,box-shadow .2s}
.scdev-tx .actions button:hover{background:#0a2438!important;box-shadow:0 0 16px rgba(255,204,0,0.4)}
.scdev-tx footer{text-align:center;padding:6px 0 1px;font-size:12px;color:#c8dce8!important;letter-spacing:.8px}
.scdev-tx .modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:15px;background:#000b;backdrop-filter:blur(5px)}
.scdev-tx .modal.open{display:flex}
.scdev-tx .modal-card{position:relative;width:min(760px,96vw);max-height:86vh;overflow-y:auto;background:#091722;border:1px solid #ffffff24;border-radius:15px;padding:12px}
.scdev-tx .close{position:absolute;right:10px;top:9px;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff25;background:#132b3a;color:#fff!important;font-size:18px}
.scdev-tx-lb{color:#eef8fc}
.scdev-tx .lb-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.scdev-tx .lb-head h2{font-size:15px;margin:0;color:#fff!important}
.scdev-tx .lb-head p{font-size:12px;color:#a8c8d8!important;margin:2px 0}
.scdev-tx .lb-row{display:grid;grid-template-columns:28px 1fr 90px 65px 65px;gap:7px;align-items:center;padding:9px;border:1px solid #ffffff12;border-radius:9px;margin:5px 0;background:#ffffff05;font-size:12px;color:#e0eef8!important}
.scdev-tx .lb-row i{display:grid;place-items:center;height:25px;background:#ffffff0b;border-radius:6px;color:#54d5ff!important;font-style:normal}
.scdev-tx .lb-row>span{text-align:right;font-weight:900;color:#fff!important}
.scdev-tx .lb-row strong{color:#fff!important}
.scdev-tx .lb-row small{display:block;font-size:12px;color:#a8c0cc!important}
.scdev-tx .empty{text-align:center;padding:18px;font-size:12px;color:#a8c0cc!important}
@media(min-width:701px){.scdev-tx .touch{display:none}}
@media(max-width:600px){
  .scdev-tx{width:100%;margin:3px 0;padding:6px;border-radius:12px}
  .scdev-tx header{min-height:44px}
  .scdev-tx .brand{gap:4px}
  .scdev-tx .brand>b{font-size:7px;padding:3px 5px}
  .scdev-tx .brand>strong{font-size:8px}
  .scdev-tx .stats{gap:2px;min-width:0}
  .scdev-tx .stats span{min-width:0;flex:1;padding:3px 1px;font-size:5px}
  .scdev-tx .stats b{font-size:8px}
  .scdev-tx .stage{height:min(var(--tx-height,520px),calc(100svh - 165px));border-radius:10px}
  .scdev-tx .touch button,.scdev-tx .actions button{height:30px;font-size:8px}
  .scdev-tx .lb-row{grid-template-columns:24px 1fr 62px 45px 45px;font-size:8px;padding:7px}
  .scdev-tx footer{font-size:8px}
}