:root {
    --ars-ink: #111317;
    --ars-muted: #6f747d;
    --ars-line: #dfe1e5;
    --ars-panel: #f3f4f5;
    --ars-white: #fff;
    --ars-accent: #f04494;
    --ars-green: #26c98a;
}

body:has(.air-studio) {
    background: #eceeef;
}

.air-studio,
.air-studio * {
    box-sizing: border-box;
}

.air-studio button,
.air-studio input,
.air-studio select {
    font: inherit;
}

.air-studio button,
.air-studio a {
    -webkit-tap-highlight-color: transparent;
}

.air-studio {
    width: 100%;
    min-height: 100vh;
    color: var(--ars-ink);
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    letter-spacing: 0;
}

.air-studio__masthead {
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: space-between;
    padding: 0 max(32px, calc((100vw - 1480px) / 2));
    border-bottom: 1px solid #34373c;
    background: #111317;
    color: #fff;
}

.air-studio__brand,
.air-studio__masthead-meta,
.air-studio__user,
.air-studio__service {
    display: flex;
    align-items: center;
}

.air-studio__brand {
    gap: 14px;
}

.air-studio__brand > a {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    background: #f5c400;
    color: #111317;
    font-size: 22px;
    font-weight: 900;
}

.air-studio__brand div {
    display: grid;
    gap: 2px;
}

.air-studio__brand span,
.air-studio__brand strong,
.air-studio__service {
    font-size: 10px;
    font-weight: 800;
}

.air-studio__brand span {
    color: rgba(255, 255, 255, .5);
}

.air-studio__masthead-meta {
    gap: 28px;
}

.air-studio__service {
    gap: 9px;
    color: rgba(255, 255, 255, .62);
}

.air-studio__service i,
.air-studio__live i,
.air-studio__transport-status i {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--ars-green);
    box-shadow: 0 0 0 4px rgba(38, 201, 138, .12);
}

.air-studio__user {
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
}

.air-studio__user img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.air-studio__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 70px;
    padding: 76px max(32px, calc((100vw - 1480px) / 2)) 64px;
    border-bottom: 1px solid #cfd2d6;
    background: #eceeef;
}

.air-studio__eyebrow,
.air-studio__intro-specs dt,
.air-studio__side-block > p,
.air-studio__device p,
.air-studio__directory-head p,
.air-studio__dialog header p,
.air-studio__session-head p,
.air-studio__participants > p {
    margin: 0;
    color: var(--ars-accent);
    font-size: 10px;
    font-weight: 900;
}

.air-studio__intro h1 {
    margin: 16px 0 0;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.05;
}

.air-studio__intro > div > p:last-child {
    max-width: 760px;
    margin: 24px 0 0;
    color: var(--ars-muted);
    font-size: 15px;
    line-height: 1.9;
}

.air-studio__intro-specs {
    display: grid;
    grid-template-columns: repeat(3, 150px);
    margin: 0;
    border-top: 1px solid #bfc2c7;
}

.air-studio__intro-specs > div {
    padding: 18px 18px 2px 0;
}

.air-studio__intro-specs dt {
    color: #8b9098;
}

.air-studio__intro-specs dd {
    margin: 8px 0 0;
    font-size: 19px;
    font-weight: 900;
}

.air-studio__gate {
    display: grid;
    width: min(1480px, calc(100% - 64px));
    min-height: 310px;
    grid-template-columns: 100px minmax(0, 1fr) auto;
    align-items: center;
    gap: 42px;
    margin: 62px auto 120px;
    padding: 50px 56px;
    background: #111317;
    color: #fff;
}

.air-studio__gate-index {
    display: grid;
    width: 88px;
    height: 88px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    color: #f5c400;
    font-size: 26px;
    font-weight: 900;
}

.air-studio__gate p {
    margin: 0;
    color: var(--ars-accent);
    font-size: 10px;
    font-weight: 900;
}

.air-studio__gate h2 {
    margin: 12px 0 0;
    color: #fff;
    font-size: 34px;
}

.air-studio__gate div > span {
    display: block;
    max-width: 720px;
    margin-top: 14px;
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    line-height: 1.8;
}

.air-studio__primary {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 0 24px;
    border: 0;
    background: var(--ars-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.air-studio__primary:hover,
.air-studio__primary:focus-visible {
    background: #d83481;
    color: #fff;
}

.air-studio__primary b {
    font-size: 18px;
}

.air-studio__workspace {
    display: grid;
    width: min(1480px, calc(100% - 64px));
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 0;
    margin: 64px auto 120px;
    border: 1px solid #cfd2d6;
    background: #fff;
}

.air-studio__sidebar {
    min-width: 0;
    padding: 24px;
    border-right: 1px solid var(--ars-line);
    background: #f5f6f7;
}

.air-studio__create {
    display: flex;
    width: 100%;
    min-height: 50px;
    align-items: center;
    gap: 14px;
    padding: 0 18px;
    border: 0;
    background: #111317;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.air-studio__create span {
    color: #f5c400;
    font-size: 22px;
    font-weight: 400;
}

.air-studio__owner-action {
    width: 100%;
    min-height: 38px;
    margin-top: 10px;
    border: 1px solid #cfd2d6;
    background: transparent;
    color: #555a62;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.air-studio__owner-action:hover {
    border-color: #111317;
    color: #111317;
}

.air-studio__guest-note {
    margin: 14px 2px 0;
    color: #858a92;
    font-size: 10px;
    line-height: 1.7;
}

.air-studio__side-block {
    margin-top: 38px;
}

.air-studio__side-block > p,
.air-studio__device p {
    color: #969ba3;
}

.air-studio__side-block nav {
    display: grid;
    gap: 2px;
    margin-top: 14px;
}

.air-studio__side-block button {
    display: grid;
    min-height: 42px;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: #51565f;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.air-studio__side-block button span {
    color: #aaaeb5;
    font-size: 9px;
}

.air-studio__side-block button:hover,
.air-studio__side-block button.is-active {
    background: #fff;
    color: #111317;
    font-weight: 800;
}

.air-studio__side-block button.is-active span {
    color: var(--ars-accent);
}

.air-studio__device {
    margin-top: 42px;
    padding-top: 24px;
    border-top: 1px solid #d8dade;
}

.air-studio__device > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.air-studio__device > div:first-child span {
    color: #9ca1a9;
    font-size: 9px;
    font-weight: 800;
}

.air-studio__device.is-ready > div:first-child span {
    color: var(--ars-green);
}

.air-studio__device > button {
    width: 100%;
    min-height: 38px;
    margin-top: 14px;
    border: 1px solid #cfd2d6;
    background: transparent;
    color: #31353b;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.air-studio__device dl {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
}

.air-studio__device dl > div {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 8px;
    font-size: 9px;
}

.air-studio__device dt {
    color: #9ca1a9;
}

.air-studio__device dd {
    overflow: hidden;
    margin: 0;
    color: #4f545c;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.air-studio__directory {
    min-width: 0;
    padding: 38px 40px 28px;
}

.air-studio__directory-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--ars-line);
}

.air-studio__directory-head h2 {
    margin: 7px 0 0;
    font-size: 28px;
}

.air-studio__search {
    display: grid;
    width: min(420px, 48%);
    height: 44px;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    border-bottom: 1px solid #aeb2b9;
}

.air-studio__search span {
    color: #7f848c;
    font-size: 22px;
}

.air-studio__search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111317;
    font-size: 12px;
}

.air-studio__room-list {
    min-height: 460px;
}

.air-studio__loading,
.air-studio__empty {
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: 16px;
    color: #969ba3;
    font-size: 12px;
}

.air-studio__loading i {
    width: 28px;
    height: 28px;
    border: 2px solid #d9dce0;
    border-top-color: var(--ars-accent);
    border-radius: 50%;
    animation: ars-spin .8s linear infinite;
}

@keyframes ars-spin { to { transform: rotate(360deg); } }

.air-studio__room {
    display: grid;
    min-height: 132px;
    grid-template-columns: 64px minmax(0, 1fr) 210px 108px;
    align-items: center;
    gap: 24px;
    padding: 22px 8px;
    border-bottom: 1px solid var(--ars-line);
    transition: padding-left .2s ease, background-color .2s ease;
}

.air-studio__room:hover {
    padding-left: 18px;
    background: #f8f8f9;
}

.air-studio__room-avatar {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    overflow: hidden;
    background: #e1e3e6;
    color: #777c85;
    font-size: 20px;
    font-weight: 900;
}

.air-studio__room-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.air-studio__room-main {
    min-width: 0;
}

.air-studio__room-tags,
.air-studio__room-specs,
.air-studio__room-presence {
    display: flex;
    align-items: center;
}

.air-studio__room-tags {
    gap: 8px;
    margin-bottom: 8px;
}

.air-studio__room-tags span {
    color: var(--ars-accent);
    font-size: 9px;
    font-weight: 900;
}

.air-studio__room-tags b {
    padding: 3px 6px;
    background: #eceef0;
    color: #767b84;
    font-size: 8px;
}

.air-studio__room h3 {
    overflow: hidden;
    margin: 0;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.air-studio__room-main > p {
    margin: 8px 0 0;
    color: #858a92;
    font-size: 10px;
}

.air-studio__room-specs {
    flex-wrap: wrap;
    gap: 5px 16px;
}

.air-studio__room-specs span {
    min-width: 70px;
    color: #92979f;
    font-size: 9px;
}

.air-studio__room-specs strong {
    display: block;
    margin-top: 4px;
    color: #2e3238;
    font-size: 12px;
}

.air-studio__room-end {
    display: grid;
    justify-items: end;
    gap: 12px;
}

.air-studio__room-presence {
    gap: 7px;
    color: #6d727a;
    font-size: 10px;
}

.air-studio__room-presence i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ars-green);
}

.air-studio__room-end button {
    min-width: 96px;
    min-height: 36px;
    border: 1px solid #bfc3c9;
    background: transparent;
    color: #21252b;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.air-studio__room-end button:hover {
    border-color: #111317;
    background: #111317;
    color: #fff;
}

.air-studio__directory-foot {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    color: #92979f;
    font-size: 9px;
}

.air-studio__dialog {
    width: min(600px, calc(100% - 32px));
    padding: 0;
    border: 0;
    background: #fff;
    color: #111317;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .24);
}

.air-studio__dialog::backdrop {
    background: rgba(10, 11, 13, .72);
    backdrop-filter: blur(8px);
}

.air-studio__dialog form {
    display: grid;
    gap: 22px;
    padding: 34px;
}

.air-studio__dialog header,
.air-studio__dialog footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.air-studio__dialog header {
    padding-bottom: 22px;
    border-bottom: 1px solid var(--ars-line);
}

.air-studio__dialog h2 {
    margin: 7px 0 0;
    font-size: 25px;
}

.air-studio__dialog header > button {
    width: 36px;
    height: 36px;
    border: 0;
    background: #f0f1f2;
    color: #555a62;
    font-size: 21px;
    cursor: pointer;
}

.air-studio__dialog label {
    display: grid;
    gap: 8px;
}

.air-studio__dialog label > span {
    color: #555a62;
    font-size: 10px;
    font-weight: 800;
}

.air-studio__dialog input,
.air-studio__dialog select {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #ced1d5;
    border-radius: 0;
    outline: 0;
    background: #fff;
    color: #111317;
    font-size: 12px;
}

.air-studio__dialog input:focus,
.air-studio__dialog select:focus {
    border-color: #111317;
}

.air-studio__form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.air-studio__quality {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 8px;
    align-items: center;
    gap: 14px;
    min-height: 52px;
    padding: 0 15px;
    background: #111317;
    color: #fff;
}

.air-studio__quality span {
    color: #92979f;
    font-size: 8px;
    font-weight: 900;
}

.air-studio__quality strong {
    font-size: 11px;
}

.air-studio__quality i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ars-green);
}

.air-studio__dialog footer {
    justify-content: flex-end;
    gap: 10px;
    padding-top: 8px;
}

.air-studio__dialog footer > button:not(.air-studio__primary) {
    min-height: 48px;
    padding: 0 22px;
    border: 0;
    background: #eff0f2;
    color: #52575f;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.air-studio__form-error {
    min-height: 18px;
    margin: 0;
    color: #c92f50;
    font-size: 11px;
}

.air-studio__session {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: grid;
    grid-template-rows: 82px minmax(0, 1fr) 86px;
    background: #0d0f12;
    color: #fff;
}

.air-studio__session-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 max(28px, calc((100vw - 1480px) / 2));
    border-bottom: 1px solid #30343a;
}

.air-studio__session-head h2 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 24px;
}

.air-studio__session-head > div:last-child,
.air-studio__live {
    display: flex;
    align-items: center;
}

.air-studio__session-head > div:last-child {
    gap: 28px;
}

.air-studio__live {
    gap: 10px;
    color: var(--ars-green);
    font-size: 10px;
    font-weight: 900;
}

.air-studio__session-head button {
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid #555b64;
    background: transparent;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.air-studio__session-body {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 300px;
}

.air-studio__monitor {
    display: grid;
    min-width: 0;
    grid-template-rows: 54px minmax(0, 1fr) 54px;
    padding: 36px max(28px, calc((100vw - 1480px) / 2));
    border-right: 1px solid #30343a;
}

.air-studio__monitor-top,
.air-studio__monitor-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #777e88;
    font-size: 9px;
    font-weight: 900;
}

.air-studio__monitor-top strong {
    color: #fff;
    font-size: 16px;
}

.air-studio__monitor canvas {
    width: 100%;
    height: 100%;
    min-height: 220px;
}

.air-studio__monitor-meta {
    justify-content: flex-start;
    gap: 24px;
    border-top: 1px solid #30343a;
}

.air-studio__participants {
    min-width: 0;
    padding: 36px 24px;
    background: #121419;
}

.air-studio__participants > div {
    display: grid;
    gap: 2px;
    margin-top: 18px;
}

.air-studio__participant {
    display: grid;
    min-height: 58px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 0 10px;
    background: #191c21;
}

.air-studio__participant-avatar {
    display: grid !important;
    width: 32px;
    height: 32px;
    place-items: center;
    margin: 0 !important;
    border-radius: 50%;
    background: #2a2e35;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 900;
}

.air-studio__participant strong,
.air-studio__participant span {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.air-studio__participant strong {
    font-size: 11px;
}

.air-studio__participant span {
    margin-top: 3px;
    color: #777e88;
    font-size: 8px;
}

.air-studio__participant > i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ars-green);
}

.air-studio__transport {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 max(28px, calc((100vw - 1480px) / 2));
    border-top: 1px solid #30343a;
    background: #111317;
}

.air-studio__transport > button {
    display: grid;
    min-width: 96px;
    min-height: 54px;
    grid-template-columns: 25px auto;
    place-items: center;
    gap: 6px;
    padding: 0 14px;
    border: 1px solid #363a41;
    background: #17191e;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
}

.air-studio__transport > button span {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    background: #272b32;
    color: #afb4bc;
    font-size: 9px;
    font-weight: 900;
}

.air-studio__transport > button.is-active {
    border-color: var(--ars-green);
}

.air-studio__transport > button.is-active span {
    background: var(--ars-green);
    color: #0d0f12;
}

.air-studio__transport-status {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    color: #818791;
    font-size: 9px;
    font-weight: 800;
}

.air-studio__hub-hero,
.air-studio__route-grid,
.air-studio__plain-warning,
.air-studio__sono-server,
.air-studio__sono-downloads,
.air-studio__sono-guide,
.air-studio__subnav,
.air-studio__private-gate {
    width: min(1360px, calc(100% - 64px));
    margin-right: auto;
    margin-left: auto;
}

.air-studio__hub-hero {
    padding: 82px 0 54px;
    border-bottom: 1px solid #cfd2d6;
}

.air-studio__hub-hero h1 {
    margin: 14px 0 0;
    font-size: 62px;
    line-height: 1.05;
}

.air-studio__hub-hero > p:last-child {
    margin: 22px 0 0;
    color: var(--ars-muted);
    font-size: 15px;
}

.air-studio__route-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 48px;
    background: #cfd2d6;
    border: 1px solid #cfd2d6;
}

.air-studio__route {
    position: relative;
    display: grid;
    min-height: 430px;
    align-content: end;
    padding: 40px;
    overflow: hidden;
    background: #fff;
    color: #111317;
    transition: background-color .2s ease, color .2s ease;
}

.air-studio__route::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    background: #111317;
    content: "";
}

.air-studio__route--sonobus::before { background: #e5b900; }
.air-studio__route--p2p::before { background: var(--ars-accent); }
.air-studio__route--private::before { background: var(--ars-green); }

.air-studio__route:hover,
.air-studio__route:focus-visible {
    background: #111317;
    color: #fff;
}

.air-studio__route-index {
    position: absolute;
    top: 34px;
    left: 40px;
    color: #a2a7af;
    font-size: 12px;
    font-weight: 900;
}

.air-studio__route p {
    margin: 0 0 12px;
    color: var(--ars-accent);
    font-size: 9px;
    font-weight: 900;
}

.air-studio__route h2 {
    margin: 0;
    font-size: 34px;
}

.air-studio__route > strong {
    margin-top: 26px;
    font-size: 13px;
}

.air-studio__route small {
    min-height: 64px;
    margin-top: 12px;
    color: #7b8088;
    font-size: 12px;
    line-height: 1.8;
}

.air-studio__route b {
    margin-top: 32px;
    font-size: 11px;
}

.air-studio__plain-warning {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 32px;
    margin-top: 28px;
    margin-bottom: 90px;
    padding: 28px 32px;
    border-left: 4px solid #e5b900;
    background: #fff;
}

.air-studio__plain-warning strong {
    font-size: 16px;
}

.air-studio__plain-warning p {
    margin: 0;
    color: #626770;
    font-size: 13px;
    line-height: 1.85;
}

.air-studio__plain-warning--page {
    margin-top: -82px;
}

.air-studio__sono-hero {
    display: grid;
    min-height: 520px;
    grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr);
    align-items: center;
    gap: 90px;
    padding: 70px max(32px, calc((100vw - 1360px) / 2));
    background: #111317;
    color: #fff;
}

.air-studio__sono-hero h1 {
    margin: 18px 0 0;
    color: #fff;
    font-size: 64px;
    line-height: 1.05;
}

.air-studio__sono-hero > div:first-child > p:last-child {
    max-width: 620px;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, .64);
    font-size: 14px;
    line-height: 1.9;
}

.air-studio__sono-meter {
    padding: 34px;
    border: 1px solid #343840;
    background: #0d0f12;
}

.air-studio__sono-meter > span,
.air-studio__sono-meter footer {
    color: #8c929c;
    font-size: 9px;
    font-weight: 900;
}

.air-studio__sono-meter > strong {
    float: right;
    color: var(--ars-green);
    font-size: 10px;
}

.air-studio__sono-meter > div {
    display: flex;
    height: 170px;
    align-items: center;
    gap: 7px;
    margin-top: 24px;
}

.air-studio__sono-meter i {
    width: 100%;
    height: var(--h);
    background: var(--ars-accent);
}

.air-studio__sono-meter footer {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #343840;
}

.air-studio__sono-server {
    padding: 58px 0 0;
}

.air-studio__sono-server > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cfd2d6;
}

.air-studio__sono-server > header p {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--ars-accent);
    font-size: 9px;
    font-weight: 900;
}

.air-studio__sono-server h2 {
    margin: 0;
    font-size: 34px;
}

.air-studio__sono-server > header span {
    color: #6f747d;
    font-size: 11px;
}

.air-studio__sono-server-address {
    display: grid;
    min-height: 104px;
    grid-template-columns: 190px minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 24px 30px;
    background: #111317;
    color: #fff;
}

.air-studio__sono-server-address span,
.air-studio__sono-server-address b {
    font-size: 9px;
    font-weight: 900;
}

.air-studio__sono-server-address span {
    color: #8c929c;
}

.air-studio__sono-server-address code {
    overflow-wrap: anywhere;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-family: Consolas, "Courier New", monospace;
    font-size: 25px;
    font-weight: 800;
}

.air-studio__sono-server-address b {
    color: var(--ars-green);
}

.air-studio__sono-server ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: 1px 0 0;
    padding: 0;
    background: #d8dade;
    list-style: none;
}

.air-studio__sono-server li {
    display: grid;
    min-height: 124px;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 24px 20px;
    background: #fff;
}

.air-studio__sono-server li > b {
    color: var(--ars-accent);
    font-size: 10px;
}

.air-studio__sono-server li span {
    color: #5f646c;
    font-size: 12px;
    line-height: 1.7;
}

.air-studio__sono-server li strong {
    color: #111317;
}

.air-studio__sono-server li code {
    overflow-wrap: anywhere;
    color: #111317;
    font-family: Consolas, "Courier New", monospace;
    font-weight: 700;
}

.air-studio__sono-downloads {
    padding: 82px 0 72px;
}

.air-studio__sono-downloads > header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    padding-bottom: 30px;
    border-bottom: 1px solid #cfd2d6;
}

.air-studio__sono-downloads > header p,
.air-studio__sono-guide p {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--ars-accent);
    font-size: 9px;
    font-weight: 900;
}

.air-studio__sono-downloads h2,
.air-studio__sono-guide h2 {
    margin: 8px 0 0;
    font-size: 34px;
}

.air-studio__sono-downloads > header span {
    color: #858a92;
    font-size: 11px;
}

.air-studio__sono-downloads > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 28px;
    background: #d8dade;
    border: 1px solid #d8dade;
}

.air-studio__sono-downloads article {
    display: grid;
    min-height: 300px;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    align-content: stretch;
    padding: 34px;
    background: #fff;
}

.air-studio__sono-downloads article > span {
    color: var(--ars-accent);
    font-size: 9px;
    font-weight: 900;
}

.air-studio__sono-downloads h3 {
    margin: 18px 0 0;
    font-size: 23px;
}

.air-studio__sono-downloads article p {
    margin: 18px 0 0;
    color: #747982;
    font-size: 12px;
    line-height: 1.8;
}

.air-studio__sono-downloads article a {
    align-self: end;
    margin-top: 32px;
    padding: 15px 18px;
    background: #111317;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
}

.air-studio__sono-guide {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 70px;
    padding: 54px 0;
    border-top: 1px solid #cfd2d6;
}

.air-studio__sono-guide ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    background: #d8dade;
    list-style: none;
}

.air-studio__sono-guide li {
    display: grid;
    min-height: 100px;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 20px;
    background: #fff;
}

.air-studio__sono-guide li b { color: var(--ars-accent); font-size: 10px; }
.air-studio__sono-guide li span { color: #5f646c; font-size: 12px; line-height: 1.7; }

.air-studio__subnav {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0 0 90px;
}

.air-studio__subnav a {
    padding: 13px 18px;
    border: 1px solid #cfd2d6;
    background: #fff;
    color: #40454d;
    font-size: 10px;
    font-weight: 800;
}

.air-studio__private-gate {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    margin-top: 60px;
    margin-bottom: 100px;
    border: 1px solid #cfd2d6;
    background: #cfd2d6;
}

.air-studio__private-login,
.air-studio__code-join {
    min-height: 330px;
    padding: 48px;
    background: #fff;
}

.air-studio__private-gate p {
    margin: 0;
    color: var(--ars-accent);
    font-size: 9px;
    font-weight: 900;
}

.air-studio__private-gate h2 { margin: 12px 0 0; font-size: 32px; }
.air-studio__private-gate div > span,
.air-studio__code-join > span { display: block; margin-top: 18px; color: #737881; font-size: 13px; line-height: 1.8; }
.air-studio__private-login button { margin-top: 34px; }
.air-studio__code-join label { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-top: 34px; }
.air-studio__code-join input { min-width: 0; height: 48px; padding: 0 14px; border: 1px solid #c6c9ce; outline: 0; text-transform: uppercase; }
.air-studio__code-join button { padding: 0 20px; border: 0; background: #111317; color: #fff; font-size: 11px; font-weight: 900; cursor: pointer; }
.air-studio__code-join em { display: block; min-height: 20px; margin-top: 12px; color: #c92f50; font-size: 11px; font-style: normal; }

.is-hidden {
    display: none !important;
}

@media (max-width: 1100px) {
    .air-studio__route-grid,
    .air-studio__sono-server ol,
    .air-studio__sono-downloads > div {
        grid-template-columns: 1fr;
    }

    .air-studio__route {
        min-height: 300px;
    }

    .air-studio__sono-hero {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .air-studio__sono-guide {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .air-studio__intro {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .air-studio__workspace {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    .air-studio__room {
        grid-template-columns: 56px minmax(0, 1fr) 98px;
    }

    .air-studio__room-specs {
        display: none;
    }
}

@media (max-width: 767px) {
    .air-studio__hub-hero,
    .air-studio__route-grid,
    .air-studio__plain-warning,
    .air-studio__sono-server,
    .air-studio__sono-downloads,
    .air-studio__sono-guide,
    .air-studio__subnav,
    .air-studio__private-gate {
        width: calc(100% - 36px);
    }

    .air-studio__hub-hero {
        padding: 54px 0 36px;
    }

    .air-studio__hub-hero h1,
    .air-studio__sono-hero h1 {
        font-size: 42px;
    }

    .air-studio__route {
        min-height: 280px;
        padding: 28px;
    }

    .air-studio__route-index {
        top: 24px;
        left: 28px;
    }

    .air-studio__plain-warning {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 24px;
    }

    .air-studio__plain-warning--page {
        margin-top: -70px;
    }

    .air-studio__sono-hero {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 54px 18px;
    }

    .air-studio__sono-meter {
        padding: 24px 18px;
    }

    .air-studio__sono-meter > div {
        height: 120px;
        gap: 4px;
    }

    .air-studio__sono-downloads > header {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .air-studio__sono-server > header {
        grid-template-columns: 1fr;
    }

    .air-studio__sono-server-address {
        min-height: 0;
        grid-template-columns: 1fr auto;
        gap: 10px 16px;
        padding: 22px 18px;
    }

    .air-studio__sono-server-address span {
        grid-column: 1 / -1;
    }

    .air-studio__sono-server-address code {
        font-size: 18px;
    }

    .air-studio__sono-guide ol,
    .air-studio__private-gate {
        grid-template-columns: 1fr;
    }

    .air-studio__private-login,
    .air-studio__code-join {
        min-height: 0;
        padding: 32px 24px;
    }

    .air-studio__code-join label {
        grid-template-columns: 1fr;
    }

    .air-studio__code-join button {
        min-height: 46px;
    }

    .air-studio__subnav {
        align-items: stretch;
        flex-direction: column;
    }

    .air-studio__subnav a {
        text-align: center;
    }

    .air-studio__masthead {
        min-height: 68px;
        padding: 0 18px;
    }

    .air-studio__service,
    .air-studio__brand span {
        display: none;
    }

    .air-studio__intro {
        padding: 54px 18px 46px;
    }

    .air-studio__intro h1 {
        font-size: 42px;
    }

    .air-studio__intro-specs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .air-studio__intro-specs > div {
        padding-right: 8px;
    }

    .air-studio__intro-specs dd {
        font-size: 14px;
    }

    .air-studio__gate {
        width: calc(100% - 36px);
        grid-template-columns: 1fr;
        gap: 28px;
        margin-top: 30px;
        padding: 34px 24px;
    }

    .air-studio__gate h2 {
        font-size: 26px;
    }

    .air-studio__workspace {
        width: calc(100% - 36px);
        grid-template-columns: 1fr;
        margin-top: 30px;
    }

    .air-studio__sidebar {
        border-right: 0;
        border-bottom: 1px solid var(--ars-line);
    }

    .air-studio__side-block nav {
        display: flex;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .air-studio__side-block button {
        min-width: 112px;
    }

    .air-studio__device {
        display: none;
    }

    .air-studio__directory {
        padding: 28px 18px 20px;
    }

    .air-studio__directory-head {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .air-studio__search {
        width: 100%;
    }

    .air-studio__room {
        min-height: 144px;
        grid-template-columns: 48px minmax(0, 1fr) 82px;
        gap: 12px;
    }

    .air-studio__room-avatar {
        width: 44px;
        height: 44px;
    }

    .air-studio__room h3 {
        font-size: 15px;
    }

    .air-studio__room-end button {
        min-width: 76px;
        padding: 0 8px;
    }

    .air-studio__directory-foot {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
    }

    .air-studio__dialog form {
        padding: 26px 20px;
    }

    .air-studio__form-grid {
        grid-template-columns: 1fr;
    }

    .air-studio__session {
        grid-template-rows: 72px minmax(0, 1fr) 78px;
    }

    .air-studio__session-head {
        padding: 0 16px;
    }

    .air-studio__session-head h2 {
        max-width: 180px;
        overflow: hidden;
        font-size: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .air-studio__live {
        display: none;
    }

    .air-studio__session-body {
        grid-template-columns: 1fr;
    }

    .air-studio__monitor {
        padding: 24px 16px;
        border-right: 0;
    }

    .air-studio__participants {
        display: none;
    }

    .air-studio__transport {
        padding: 0 12px;
    }

    .air-studio__transport > button {
        min-width: 0;
        flex: 1;
        grid-template-columns: 22px auto;
        padding: 0 6px;
    }

    .air-studio__transport-status {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .air-studio *,
    .air-studio *::before,
    .air-studio *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }
}