.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}
.device-card{min-width:0}.device-card h3{margin-top:0}.device-card dd{margin:3px 0 15px;overflow-wrap:anywhere}.device-card dt{color:var(--sub);font-size:12px}
.access-form{margin-top:20px}.build-result:empty{display:none}.build-result{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.build-result code,.build-result p,.system-item{overflow-wrap:anywhere}.build-result code{display:block;font-size:12px;margin:12px 0}.build-result button{margin-top:12px}
button:disabled{opacity:.5;cursor:default}.row-form input[type=checkbox]{width:auto}.row-form select,.row-form input{min-width:0}
.page-header h1{margin:0}.system-item strong{font-size:19px}.stat strong{font-size:25px}.sidebar nav{overflow-y:auto;min-height:0}
.topbar{min-width:0}.breadcrumbs{min-width:0}.breadcrumbs strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){.topbar{height:auto;min-height:66px;flex-wrap:wrap;padding:12px 14px;gap:10px}.breadcrumbs{width:100%}.top-actions{margin-left:auto}.sidebar{z-index:5}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:14px 10px}.stat strong{font-size:20px}.row-form{max-width:100%}.nav-item{flex-shrink:0}footer{flex-wrap:wrap}.system-item{padding:18px}}
.panel-title{flex-wrap:wrap}.panel-title button{max-width:100%;white-space:normal}

.row-form select{
  width:100%;
  min-height:44px;
  padding:11px 14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
  color:var(--fg);
  cursor:pointer;
}
.row-form select:hover{border-color:var(--faint)}
.row-form select:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}
@supports (appearance:base-select){
  .row-form select,
  .row-form select::picker(select),
  .lang-select,
  .lang-select::picker(select){
    appearance:base-select;
  }
  .row-form select,.lang-select{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .lang-select{min-width:64px}
  .row-form select::picker(select),.lang-select::picker(select){
    font:inherit;
    color:var(--fg);
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:12px;
    padding:5px;
    margin-top:7px;
    box-shadow:0 14px 36px #0004;
  }
  .row-form select::picker-icon,.lang-select::picker-icon{
    color:var(--sub);
    margin-left:auto;
    font-size:11px;
  }
  .row-form select option,.lang-select option{
    min-height:38px;
    padding:9px 12px;
    border-radius:8px;
    color:var(--fg);
    cursor:pointer;
    gap:10px;
  }
  .row-form select option:checked,.lang-select option:checked{
    background:var(--panel2);
    color:var(--accent);
  }
  .row-form select option:hover,.row-form select option:focus,
  .lang-select option:hover,.lang-select option:focus{
    background:var(--panel2);
  }
  .row-form select option::checkmark,.lang-select option::checkmark{
    color:var(--accent);
  }
}

.token-panel{margin-top:20px}.token-card{padding:18px 0;border-bottom:1px solid var(--line)}
.token-card:last-child{border-bottom:0}.token-card dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:7px 16px;font-size:12px}
.token-card dt{color:var(--sub)}.token-card dd{margin:0;overflow-wrap:anywhere}
.build-result>.outline{margin-left:8px}.cli-details{margin-top:18px}.cli-details label{display:block;margin-bottom:8px}
.cli-details textarea{width:100%;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--fg);font:12px/1.6 monospace}
@media(max-width:650px){.token-card dl{grid-template-columns:1fr;gap:4px}.token-card dd{margin-bottom:8px}.build-result>button{display:block;width:100%;margin-left:0!important}}