/* Measured against the approved graphite/ruby reference, not the old purple UI. */
@media(min-width:951px){body.ruby-enabled{overflow:hidden}.ruby-shell{height:100dvh;min-height:0}.ruby-demo-banner+.ruby-shell{height:calc(100dvh - 24px)}.ruby-side{height:100%}.ruby-body{overflow:auto;scrollbar-width:thin}.ruby-enabled .ruby-list{max-height:calc(100dvh - 430px);min-height:260px}.ruby-side-bottom{padding-top:20px}.ruby-enabled .ruby-account-group{padding:9px 0 3px}.ruby-enabled .ruby-account-group h3{margin-bottom:3px}.ruby-enabled .ruby-accounts-item{padding:3px 0;min-height:31px}.ruby-enabled .ruby-accounts-item>button{min-height:25px}}
.ruby-accounts-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:start;margin-bottom:17px;flex-wrap:wrap}.ruby-accounts-table{padding:0 20px 14px}.ruby-accounts-head,.ruby-accounts-item{display:grid;grid-template-columns:minmax(150px,1fr) 150px minmax(120px,.6fr) 44px;align-items:center;gap:15px}.ruby-accounts-head{padding:14px 0;color:#a9a9a9;font-size:11px;border-bottom:1px solid #3c3c3c}.ruby-account-group{padding:14px 0 3px;border-bottom:1px solid #3b3b3b}.ruby-account-group:last-child{border:0}.ruby-account-group h3{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 0 9px}.ruby-account-group h3 small{font-size:11px}.ruby-account-group h3 button{margin-left:auto;padding:4px 10px;min-height:29px;font-size:11px}.ruby-accounts-item{padding:8px 0}.ruby-accounts-item strong{font-size:13px;font-weight:500}.ruby-accounts-item>button{background:transparent;border:0;padding:4px;min-height:28px}.ruby-settings-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:15px}.ruby-settings-summary .card{margin:0;min-width:0;padding:20px}.ruby-settings-summary .balance{font-size:28px}.ruby-settings-summary p{font-size:12px;line-height:1.5}.ruby-vpn-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.ruby-vpn-card h3 small{font-size:12px;font-weight:400}.ruby-vpn-status{text-align:right;color:#a0a0a0;font-size:12px}.ruby-settings-menu{gap:6px}.ruby-settings-menu button{font-size:12px}.ruby-settings-menu button.active{background:#bc1438;border-color:#f62c54}.ruby-list td progress::-webkit-progress-bar{background:#404040}.ruby-list td progress::-webkit-progress-value{background:#f12953}.ruby-tabs .ruby-menu summary{font-size:11px;min-height:34px;padding:8px 10px}.ruby-pills .ruby-menu summary{height:34px;padding:6px 10px}.ruby-tabs .ruby-menu[open]>div{right:auto;left:0}.ruby-preview .ruby-local-preview-main{margin-top:auto}
@media(max-width:800px){.ruby-settings-summary{grid-template-columns:1fr}.ruby-accounts-head,.ruby-accounts-item{grid-template-columns:minmax(110px,1fr) 105px 30px;gap:8px}.ruby-accounts-head>span:nth-child(3),.ruby-accounts-item>span:nth-child(3){display:none}.ruby-vpn-card{display:block}.ruby-vpn-status{text-align:left;margin-top:15px}}
:root{font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:14px;--panel:#1c1c1c;--line:#373737;--muted:#a8a8a8;--ruby:#ee1743;--purple:#ee1743;color:#f1f1f1;background:#121212}
.ruby-platform svg{width:17px;height:17px;display:block}.ruby-promotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ruby-promotion-grid .card{margin:0}.ruby-title-option{display:block;width:100%;text-align:left;margin-bottom:8px;font-size:13px;background:#2d2d2d}.ruby-promotion-grid textarea{min-height:170px}.ruby-promotion-grid h3{margin:18px 0 10px}.ruby-platform{vertical-align:middle}
@media(max-width:850px){.ruby-promotion-grid{grid-template-columns:1fr}}
.ruby-shell{grid-template-columns:214px minmax(0,1fr);background:radial-gradient(ellipse at 16% 0,#1b1b1b55,transparent 42%),#121212}
.ruby-body{padding:0 25px 18px}.ruby-top{min-height:78px;padding:16px 0;border-bottom:0;gap:10px}.ruby-top select{width:162px;height:39px}.ruby-search{width:clamp(200px,25vw,360px);margin-left:12px;margin-right:auto}.ruby-search input{height:39px;font-size:12px}.ruby-chip{font-size:12px;min-height:37px;background:linear-gradient(#282828,#1e1e1e);border:1px solid #424242;box-shadow:inset 0 1px #ffffff08}.ruby-side{padding:28px 12px 22px;background:linear-gradient(115deg,#1a1a1a,#141414);border-color:#373737}.ruby-brand{font-size:16px;padding:0 3px 25px;gap:8px;white-space:nowrap}.ruby-brand img{height:42px;width:29px}.ruby-brand em{display:inline;color:#f0264d}.ruby-nav{gap:9px}.ruby-nav button{height:46px;padding:10px 15px;font-size:14px;border-radius:9px;gap:15px}.ruby-nav button.active{background:linear-gradient(90deg,#631d2d,#292929);border-color:#89283e;box-shadow:inset 3px 0 #ec1c47}.ruby-side-bottom{gap:10px}.ruby-header{margin:13px 0 17px;align-items:center;min-height:42px}.ruby-header h1{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0}.ruby-header p{display:none}.ruby-header-actions .primary{min-width:156px;height:43px;font-size:14px;font-weight:650}.ruby-header-actions>button:first-child{background:transparent;border-color:transparent;font-size:21px;color:#a7a7a7;min-width:38px}
.ruby-enabled button.primary,.ruby-enabled .primary{background:linear-gradient(180deg,#f52550,#c80732);border:1px solid #ff345b;box-shadow:inset 0 1px #ffffff22,0 0 18px #e2193c24;color:#fff;border-radius:8px}.ruby-enabled button.primary:hover{background:linear-gradient(180deg,#ff3c64,#d5133a)}.ruby-enabled button:not(.primary):not(.ruby-toggle):not(.ruby-row-open):not(.ruby-row-more){box-shadow:none}.ruby-enabled .ruby-pills button{background:linear-gradient(180deg,#272727,#1a1a1a);color:#ededed;border:1px solid #3c3c3c;border-radius:8px;min-height:34px;padding:6px 11px;font-size:12px;gap:7px}.ruby-enabled .ruby-pills button.active{background:linear-gradient(180deg,#424242,#292929);border-color:#707070;box-shadow:inset 0 1px #ffffff20!important}.ruby-pills{gap:7px;margin:0 0 10px}.ruby-platform{width:23px;height:23px;border-radius:6px;font-size:11px}.ruby-tabs{border:0;gap:7px;margin:0 0 11px;flex-wrap:wrap;overflow:visible}.ruby-tabs button{border:1px solid #3c3c3c;border-radius:8px;background:linear-gradient(180deg,#272727,#1c1c1c);min-height:34px;padding:7px 10px;font-size:11px;color:#c9c9c9}.ruby-tabs button.active{border-color:#626262;background:#323232;color:#fff;box-shadow:none}.ruby-tabs small{font-size:10px;background:#353535;color:#cacaca;margin-left:6px;padding:2px 5px}.ruby-tabs button[data-ruby-status=ready] small{color:#94e8ad;background:#123c27}.ruby-tabs button[data-ruby-status=review] small{color:#eac774;background:#2e2e2e}
.ruby-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,31.5%);gap:16px;align-items:start}.ruby-main-column{min-width:0}.ruby-scenario{margin:0 0 12px;padding:13px 14px;gap:12px;border-radius:9px;background:linear-gradient(120deg,#272727,#1d1d1d);flex-wrap:wrap}.ruby-scenario-title{flex:1;min-width:145px}.ruby-scenario-title select{padding:4px 0;height:25px;background:transparent;border:0;width:180px;font-weight:650;font-size:13px;color:#f7f7f7}.ruby-scenario-title small{font-size:11px;margin-top:5px}.ruby-lane{min-width:97px;gap:2px}.ruby-lane small{font-size:10px}.ruby-toggle{min-height:24px;font-size:10px}.ruby-progress{width:132px;font-size:11px}.ruby-progress small{font-size:10px}.ruby-progress progress{height:5px;border:0;border-radius:3px;overflow:hidden;background:#3a3a3a;margin:7px 0}.ruby-progress progress::-webkit-progress-bar{background:#3a3a3a}.ruby-progress progress::-webkit-progress-value{background:#3dc178;border-radius:3px}.ruby-scenario .ruby-menu summary{font-size:13px;padding:3px 6px;background:none;border-color:transparent}.ruby-list{border:1px solid #393939;border-radius:9px;min-height:270px;max-height:calc(100vh - 380px);background:#1b1b1b}.ruby-list table{min-width:550px;table-layout:fixed}.ruby-list th{font-size:10px;font-weight:400;padding:11px 10px;background:#252525;color:#b1b1b1;vertical-align:middle}.ruby-list td{padding:9px 10px;font-size:12px;height:82px;border-bottom:1px solid #343434;vertical-align:middle}.ruby-list tbody tr.selected{background:#2a2a2a}.ruby-list tbody tr:hover{background:#2f2f2f}.ruby-list th:nth-child(1){width:auto}.ruby-list th:nth-child(2){width:89px}.ruby-list th:nth-child(3){width:125px;display:table-cell}.ruby-list th:nth-child(4){width:64px}.ruby-list th:nth-child(5){width:31px}.ruby-list td:nth-child(3){display:table-cell}.ruby-content-cell{display:flex;align-items:center;gap:11px;min-width:0}.ruby-content-name{min-width:0;flex:1}.ruby-thumb{width:52px;height:63px;border-radius:6px;flex-shrink:0}.ruby-row-open{font-size:12px;line-height:1.4;font-weight:600;padding:0;min-height:0;color:#f3f3f3;max-width:100%}.ruby-row-sub{font-size:10px;line-height:1.4;color:#a7a7a7;margin-top:6px}.ruby-content-cell .ruby-destinations{max-width:51px}.ruby-content-cell .ruby-platform{width:19px;height:19px;font-size:9px}.ruby-status{font-size:11px;line-height:1.4}.ruby-row-more{padding:0;border:0;background:none;font-size:20px;color:#bababa;min-height:27px}.ruby-list td progress{height:3px;width:90%;margin-top:7px;display:block;border:0;accent-color:#f12953}.ruby-preview{position:sticky;top:16px;background:linear-gradient(115deg,#222222,#171717);border:1px solid #3d3d3d;padding:13px 13px 15px;border-radius:10px;min-height:570px;display:flex;flex-direction:column}.ruby-preview-media{height:300px;max-height:35vh;width:100%;border-radius:6px;background:#111111;object-fit:contain}.ruby-preview h2{font-size:17px;line-height:1.4;margin:15px 0 8px}.ruby-preview p{font-size:12px;line-height:1.6;margin:12px 0;max-height:200px;overflow:auto}.ruby-preview>.primary{margin-top:auto;min-height:41px;font-size:13px}.ruby-preview>.ruby-status{margin:10px 0 20px}.ruby-preview .card{margin:0}.ruby-preview .card h3{font-size:16px}.ruby-preview .circle-preview{width:100%;text-align:center}.ruby-preview .circle-preview img{max-height:330px;max-width:100%;width:auto}.ruby-preview .card>p>button{font-size:11px;padding:7px 9px;margin:3px 3px 3px 0}.ruby-footer{margin-top:16px;font-size:10px;color:#898989}.ruby-tools-menu summary{font-size:12px;color:#b5b5b5;background:none;border-color:transparent}.ruby-side-bottom>button{background:none;border-color:transparent;text-align:left;color:#b5b5b5;font-size:12px}.ruby-demo-banner{font-size:10px;padding:5px;background:#1c1c1c;color:#b7b7b7}
@media(min-width:1700px){.ruby-shell{grid-template-columns:236px minmax(0,1fr)}.ruby-body{padding:0 32px 22px}.ruby-content{grid-template-columns:minmax(0,1fr) 31%}.ruby-header h1{font-size:31px}.ruby-list td{height:94px}.ruby-row-open{font-size:14px}.ruby-row-sub,.ruby-list td,.ruby-status{font-size:12px}.ruby-thumb{width:61px;height:72px}.ruby-preview{min-height:640px}.ruby-preview-media{height:355px}.ruby-preview h2{font-size:19px}.ruby-preview p{font-size:14px}.ruby-list th:nth-child(2){width:105px}.ruby-list th:nth-child(3){width:145px}.ruby-list th:nth-child(4){width:82px}.ruby-top{min-height:88px}.ruby-header{margin:15px 0 20px}}
@media(max-width:1200px){.ruby-shell{grid-template-columns:185px minmax(0,1fr)}.ruby-body{padding:0 17px 18px}.ruby-brand{font-size:13px}.ruby-nav button{font-size:12px}.ruby-search{min-width:170px;flex:1;width:170px;margin-left:0}.ruby-top{gap:7px}.ruby-top select{width:150px}.ruby-chip{font-size:10px;padding:7px}.ruby-content{grid-template-columns:minmax(0,1fr) 30%;gap:12px}.ruby-list table{min-width:470px}.ruby-list th:nth-child(2),.ruby-list td:nth-child(2){display:none}.ruby-list th:nth-child(3){width:112px}.ruby-preview{min-height:480px}.ruby-preview-media{height:230px}.ruby-progress{width:115px}.ruby-scenario{gap:9px}.ruby-scenario-title{min-width:135px}.ruby-scenario-title select{width:155px}.ruby-header h1{font-size:27px}}
@media(max-width:950px){.ruby-content{grid-template-columns:1fr}.ruby-preview{position:static;min-height:0}.ruby-preview-media{max-height:340px;height:340px}.ruby-preview>.primary{margin-top:18px}.ruby-top .ruby-search{order:4;width:100%}.ruby-list{max-height:440px}.ruby-list table{min-width:530px}}
@media(max-width:620px){.ruby-shell{display:block}.ruby-side{padding:12px;height:auto;position:static}.ruby-nav{display:flex}.ruby-nav button{height:35px;font-size:11px;padding:8px}.ruby-brand{padding-bottom:10px}.ruby-brand img{height:32px}.ruby-body{padding:0 12px 15px}.ruby-top select{width:100%}.ruby-top{padding:12px 0;gap:6px}.ruby-header{margin:9px 0 15px}.ruby-header h1{font-size:25px}.ruby-header-actions .primary{min-width:115px;height:38px;font-size:12px}.ruby-pills button{font-size:10px!important;padding:5px 8px!important}.ruby-tabs{gap:5px}.ruby-tabs button{font-size:10px;padding:6px 8px}.ruby-side-bottom{display:none}.ruby-preview{min-height:0}.ruby-list td{height:77px}.ruby-list table{min-width:430px}.ruby-list th:nth-child(4),.ruby-list td:nth-child(4){display:none}.ruby-chip{font-size:10px}.ruby-scenario-title{flex-basis:100%}.ruby-header-actions{gap:2px}}

/* Neutral graphite: no cyan cast on surfaces, understated controls. */
body.ruby-enabled,.ruby-shell{background:#141414}
.ruby-side{background:linear-gradient(120deg,#1c1c1c,#171717);border-color:#353535}
.ruby-enabled .card,.ruby-preview{background:#1d1d1d;border-color:#383838}
.ruby-list{background:#1c1c1c;border-color:#383838}
.ruby-list th{background:#232323;color:#aaa}
.ruby-list tbody tr.selected{background:#2a2a2a}
.ruby-list tbody tr:hover{background:#303030}
.ruby-list td{border-color:#343434}
.ruby-scenario{background:#242424;border-color:#3b3b3b}
.ruby-chip,.ruby-enabled .ruby-pills button,.ruby-tabs button{background:#252525;border-color:#3e3e3e;box-shadow:none!important}
.ruby-enabled .ruby-pills button.active,.ruby-tabs button.active{background:#393939;border-color:#666}
.ruby-enabled button.primary,.ruby-enabled .primary{background:linear-gradient(180deg,#e51c43,#c71537);border-color:#f03556;box-shadow:0 3px 12px #0003}
.ruby-preview-media{background:#141414}
.ruby-list td{height:76px}
.ruby-top{min-height:72px}
.ruby-header{margin:11px 0 17px}
.ruby-enabled input,.ruby-enabled textarea,.ruby-enabled select{background-color:#191919;border-color:#414141}
.ruby-scenario-title select{background:transparent;border:0}
@media(min-width:951px){.ruby-enabled .ruby-list{max-height:calc(100dvh - 433px);min-height:240px}.ruby-footer{margin-top:12px}}
/* Final reference rhythm: compact chrome, clear hierarchy, consistent graphite. */
.ruby-enabled{font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ruby-side{padding-top:22px}.ruby-brand{padding-bottom:22px}.ruby-nav{gap:6px}.ruby-nav button{height:43px;font-weight:500}.ruby-nav button.active{background:linear-gradient(90deg,#65152a,#391820);border-color:#82263a;box-shadow:inset 2px 0 #f22b51}
.ruby-top{border-bottom:1px solid #292929;padding:13px 0;min-height:68px}.ruby-header{margin:16px 0}.ruby-header h1{font-weight:650;letter-spacing:-.5px}.ruby-header-actions .primary{min-width:142px;height:39px}
.ruby-content{gap:14px}.ruby-preview{padding:12px;min-height:555px}.ruby-preview-media{height:auto;aspect-ratio:1.14;max-height:320px}.ruby-preview h2{font-size:16px;font-weight:650}.ruby-preview p{font-size:13px;line-height:1.5}.ruby-preview .ruby-destinations{margin:1px 0 3px}
.ruby-list td{height:72px;padding:8px 11px}.ruby-thumb{height:54px;width:63px}.ruby-row-open{font-size:13px;font-weight:600}.ruby-row-sub{font-size:11px;margin-top:4px}.ruby-list th{font-size:11px}.ruby-tabs button,.ruby-enabled .ruby-pills button{font-size:12px;min-height:32px}.ruby-tabs small{border-radius:50%;min-width:18px;display:inline-block;text-align:center}
.ruby-scenario{padding:12px;gap:12px}.ruby-scenario-title{min-width:130px}.ruby-scenario-title select{max-width:175px}.ruby-lane{min-width:92px}.ruby-scenario .ruby-progress{order:1}.ruby-scenario .ruby-lane{order:2}.ruby-scenario .ruby-menu{order:3}
.ruby-settings h3{display:flex;align-items:center;gap:10px}.ruby-settings h3 .ruby-icon{width:24px;height:24px}.ruby-icon-crown{color:#efbc42}.ruby-icon-chip{color:#d17ae8}.ruby-icon-shield{color:#69d3a0}.ruby-icon-update{color:#68c1ee}.ruby-icon-storage{color:#eee}
.ruby-settings-summary .card,.ruby-settings .ruby-grid .card{padding:20px;border-radius:10px}.ruby-settings .card h3{margin-top:0;margin-bottom:16px}.ruby-settings .card button{font-size:12px}.ruby-settings-summary .card{display:flex;flex-direction:column;align-items:flex-start}.ruby-settings-summary .card>button{margin-top:auto}.ruby-settings-summary .balance{font-weight:600;font-size:30px}.ruby-vpn-card{padding:20px}.ruby-accounts-toolbar{margin-bottom:12px}.ruby-accounts-table{border-radius:10px}.ruby-account-group h3{font-weight:600}.ruby-accounts-item:hover{background:#292929;border-radius:6px}.ruby-accounts-item{padding-left:8px!important;padding-right:8px!important}
.ruby-enabled dialog{background:#191919;border:1px solid #484848;border-radius:14px;box-shadow:0 25px 100px #0009}.ruby-wizard-head{gap:10px}.ruby-step{font-size:13px;border-color:#414141}.ruby-wizard .ruby-dropzone{background:#202020;border-color:#646464}.ruby-wizard .ruby-choice-grid label{background:#242424;border-color:#444}.ruby-wizard .ruby-choice-grid label:has(input:checked){background:#371e24;border-color:#d42d4c}
@media(min-width:951px){.ruby-body{padding-bottom:12px}.ruby-list{max-height:calc(100dvh - 436px)!important}.ruby-footer{font-size:10px}}
@media(max-width:620px){.ruby-nav button{height:36px}.ruby-preview-media{max-height:340px}.ruby-scenario .ruby-progress{order:3}.ruby-header h1{font-size:25px}.ruby-settings-summary .card{min-height:180px}}
/* Bundled OFL typeface: Cyrillic and adjustable width without external requests. */
@font-face{font-family:PostFlow Roboto;src:url('/static/fonts/Roboto-variable.ttf') format('truetype');font-weight:100 900;font-stretch:75% 100%;font-style:normal;font-display:swap}
:root,body.ruby-enabled,.ruby-enabled button,.ruby-enabled input,.ruby-enabled select,.ruby-enabled textarea{font-family:PostFlow Roboto,"Segoe UI",sans-serif;font-stretch:88%;font-synthesis:none}
.ruby-enabled button{font-weight:500}.ruby-nav button{font-weight:450}.ruby-header h1{font-stretch:90%;font-weight:650;font-size:29px;letter-spacing:-.3px}.ruby-row-open{font-size:14px;font-weight:550}.ruby-row-sub{font-size:12px;font-weight:400}.ruby-preview h2{font-size:18px;font-weight:600}.ruby-preview p{font-size:14px}.ruby-brand{font-stretch:100%;font-weight:700}.ruby-list th{font-size:12px;font-weight:400}.ruby-status{font-size:12px}.ruby-settings h3{font-size:17px;font-weight:600}.ruby-settings-summary .balance{font-stretch:100%;font-weight:550}
@media(max-width:620px){.ruby-nav{gap:3px;justify-content:space-between}.ruby-nav button{padding:7px 5px;font-size:12px}.ruby-side-bottom{display:flex;flex-wrap:wrap;padding-top:10px;gap:6px}.ruby-side-bottom .ruby-user,.ruby-side-bottom>button:last-child{display:none}.ruby-tools-menu[open]>div{top:35px;bottom:auto;left:auto;right:0}.ruby-header h1{font-size:26px}}
/* Editors retain their existing forms but share the reference spacing. */
.ruby-space-select{display:block;max-width:300px;margin-bottom:14px}.ruby-space-select select{height:37px;padding:7px 10px}.ruby-compose{gap:16px;align-items:start}.ruby-compose>.card{margin:0;padding:18px}.ruby-compose h2{font-size:19px;margin:0 0 14px}.ruby-compose textarea{min-height:170px}.ruby-compose .ruby-dest-group{padding:9px 11px;margin-bottom:8px}.ruby-compose .ruby-dest-group label{display:inline-flex;align-items:center;gap:5px;margin:8px 12px 2px 0;font-size:13px}.ruby-compose .ruby-dest-group input{margin:0}.ruby-compose .ruby-dest-group summary{display:flex;align-items:center;gap:7px}.ruby-compose .ruby-attachments{max-height:185px}.ruby-compose .library-item img{height:70px}.ruby-compose .library-item strong{font-size:12px}.ruby-compose .library-item{font-size:11px}.ruby-compose aside>.primary{width:100%;margin-top:8px}.ruby-native-back{min-height:29px;padding:4px 8px;background:transparent;border-color:transparent;color:#aaa}.ruby-legacy>.hub-bar{padding:12px;border:1px solid #363636;border-radius:9px;background:#202020}.ruby-legacy .yt-tabs button,.ruby-legacy .plus-subnav button,.ruby-legacy .flow-nav button{background:#252525;border-color:#404040;color:#ccc}.ruby-legacy .yt-tabs button.active,.ruby-legacy .plus-subnav button.active,.ruby-legacy .flow-nav button.active{background:#692337;border-color:#b33652;color:white}.ruby-legacy .board-card,.ruby-legacy .board-column{background:#242424;border-color:#3b3b3b}.ruby-legacy .board-card p,.ruby-legacy .board-card .labelrow{color:#bbb}.ruby-legacy .studio-drawer{background:#1e1e1e;border-color:#444}