@media(min-width:900px) and (pointer:fine){
  #sdOptPanel{
    position:fixed!important;
    top:82px!important;
    right:22px!important;
    bottom:16px!important;
    width:340px!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:block!important;
    padding:16px!important;
    padding-bottom:22px!important;
    border:1px solid #334155!important;
    border-radius:22px!important;
    background:rgba(2,6,23,.94)!important;
    color:#eef4ff!important;
    box-shadow:0 24px 80px #0008!important;
    scrollbar-width:thin;
  }

  #sdOptPanel[hidden]{
    display:none!important;
  }

  #sdOptPanel::-webkit-scrollbar{
    width:8px;
  }

  #sdOptPanel::-webkit-scrollbar-thumb{
    background:#334155;
    border-radius:999px;
  }

  #sdOptPanel h2{
    margin:0 0 14px!important;
    font-size:18px!important;
  }

  #sdOptPanel h3{
    margin:0 0 10px!important;
    font-size:14px!important;
    color:#e5e7eb!important;
  }

  #sdOptPanel label{
    display:grid!important;
    gap:6px!important;
    margin:12px 0!important;
    color:#94a3b8!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  #sdOptPanel select,
  #sdOptPanel input[type=text]{
    width:100%!important;
    border:1px solid #334155!important;
    border-radius:12px!important;
    background:#0f172a!important;
    color:#eef4ff!important;
    padding:9px!important;
  }

  #sdOptPanel input[type=file]{
    width:100%!important;
    color:#94a3b8!important;
    font-size:12px!important;
  }

  #sdOptPanel input[type=range]{
    width:100%!important;
  }

  #sdOptPanel .row{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:12px 0!important;
    color:#cbd5e1!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  #sdOptPanel .row input{
    width:20px!important;
    height:20px!important;
  }

  #sdOptPanel .block{
    border-top:1px solid #334155!important;
    margin-top:14px!important;
    padding-top:14px!important;
  }

  #sdOptPanel .hint{
    color:#94a3b8!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  #sdOptPanel .actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }

  #sdOptPanel .actions.single{
    grid-template-columns:1fr!important;
  }

  #sdOptPanel button{
    border:0!important;
    border-radius:999px!important;
    background:#1e293b!important;
    color:#dbeafe!important;
    padding:8px 11px!important;
    font-size:12px!important;
    font-weight:900!important;
    cursor:pointer!important;
    white-space:normal!important;
  }

  #sdServerSyncStatus{
    min-height:18px!important;
    margin-top:8px!important;
    font-size:11px!important;
  }
}

@media(min-width:900px) and (pointer:fine) and (max-height:760px){
  #sdOptPanel{
    top:66px!important;
    bottom:10px!important;
    width:320px!important;
    padding:12px!important;
  }

  #sdOptPanel label{
    margin:8px 0!important;
  }

  #sdOptPanel h2{
    margin-bottom:8px!important;
  }
}