/* CubixServ Control — graphite shell, ivory work surface, copper actions.
   Colour is functional: sage = runtime, plum = memory, copper = CPU/action.
   Keep this layer after component styles. No dependency on external fonts/assets. */
body.theme-studio{--bg:#121315;--surface:#1b1d20;--raised:#25282b;--line:#3b3e41;--text:#f3f1ec;--muted:#b6bab5;--cyan:#ebba91;--green:#aac9b7;--danger:#f1afb2;--sidebar:224px;--radius:12px;background:var(--bg);font-size:14px;letter-spacing:-.01em}
.theme-studio h1,.theme-studio h2,.theme-studio h3{font-weight:650;letter-spacing:-.035em}.theme-studio .eyebrow{letter-spacing:.14em;font-weight:650;color:var(--muted)}
.theme-studio .sidebar{background:#191b1d;border-color:#303335;padding:27px 17px 20px;color:#eeeae4}.theme-studio .brand img{width:176px}.theme-studio .workspace-label{color:#b3b7b2;margin:22px 10px 27px;font-size:11px}.theme-studio .version{color:#c7cbc6;border-color:#4a4e4d;border-radius:4px;font-size:9px}.theme-studio .live-dot{background:#98bda5;box-shadow:none}
.theme-studio .sidebar nav{gap:5px}.theme-studio .sidebar nav>a{border-radius:7px;padding:12px 13px;min-height:45px;font-size:12px;font-weight:550;color:#b8bdb9;border-color:transparent;transition:background .16s,color .16s}.theme-studio .sidebar nav>a .icon{color:#979e99;width:18px;height:18px;flex-basis:18px}.theme-studio .sidebar nav>a:hover{background:#25282a;color:#f6f3ed}.theme-studio .sidebar nav>a[aria-current]{background:#2b2e30;border-color:#3b3f40;color:#f3d6bf}.theme-studio .sidebar nav>a[aria-current] .icon{color:#e9b38c}.theme-studio .sidebar nav>a[aria-current]:before{inset-inline-start:-8px;width:2px;top:13px;bottom:13px;background:#e7ad85;border-radius:2px}.theme-studio .nav-plus{color:#d9bda7;background:#37312c}
.theme-studio .sidebar-bottom{border-top:1px solid #383b3c;margin-top:auto;padding-top:24px}.theme-studio .help-card{border:0;border-radius:0;padding:0 10px 15px;background:none;box-shadow:none}.theme-studio .help-card>.icon{color:#dbb796;margin-bottom:13px}.theme-studio .help-card strong{color:#f0eee8;font-size:13px;font-weight:550}.theme-studio .help-card p{color:#a5aca6;font-size:11px;line-height:1.8}.theme-studio .help-card span{color:#dac3af;font-size:11px}.theme-studio .site-link{color:#a7afa8;font-size:11px;padding-inline:10px}.theme-studio .workspace-switch{background:#111315;border-color:#3b4042}.theme-studio .workspace-switch a{color:#bdc5bd}.theme-studio .workspace-switch a[aria-current]{background:#35302b;color:#f0cab0;border-color:#685242}
.theme-studio .topbar{background:#181a1cee;border-color:#343638;backdrop-filter:blur(12px);min-height:76px;padding-inline:34px}.theme-studio .breadcrumb{font-size:12px;gap:14px;color:#b8bdb7}.theme-studio .breadcrumb strong{font-weight:550;color:var(--text)}.theme-studio .breadcrumb>span:first-child{letter-spacing:.12em;font-size:10px}.theme-studio .main-content{padding:30px 34px 40px;max-width:1600px;margin-inline:auto}.theme-studio .app-footer{border-color:var(--line);color:var(--muted);font-size:11px;padding:22px 34px}.theme-studio .app-footer a{color:var(--muted)}
.theme-studio .button{border-radius:7px;box-shadow:none;font-weight:650;letter-spacing:0;min-height:42px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.theme-studio .button.primary{background:#e6b895;border-color:#e6b895;color:#29221e}.theme-studio .button.primary:hover{background:#f1c6a3;border-color:#f1c6a3;box-shadow:0 3px 9px #00000012}.theme-studio .button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.theme-studio .button.secondary:hover{background:var(--raised);border-color:#89918a}.theme-studio .button.danger{background:#84313b;border-color:#84313b;color:#fff}.theme-studio .button:hover{transform:translateY(-1px)}.theme-studio .button:active{transform:translateY(0)}.theme-studio .button:disabled{transform:none;box-shadow:none}.theme-studio .icon-button{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:7px}.theme-studio .icon-button:hover{border-color:#9d846f;background:var(--raised)}
.theme-studio input,.theme-studio select,.theme-studio textarea{background:var(--bg);color:var(--text);border-color:var(--line);border-radius:7px}.theme-studio input:focus,.theme-studio select:focus,.theme-studio textarea:focus{outline-color:#ac705040;border-color:#9b6848}.theme-studio input[type=checkbox]{accent-color:#af5736}.theme-studio :is(a,button,summary):focus-visible{outline-color:#bb724c;outline-offset:3px}.theme-studio .panel,.theme-studio .stat-card{background:var(--surface);border-color:var(--line);border-radius:12px;box-shadow:none}
.theme-studio .profile-chip>span{background:#38322d;color:#ecccb2;border:1px solid #625044;border-radius:8px}.theme-studio .profile-chip small{color:var(--muted)}.theme-studio .workspace-top-link{border-color:var(--line);background:var(--surface);color:var(--text)}
.theme-studio .language-trigger{background:var(--surface);border-color:var(--line);color:var(--text);border-radius:7px}.theme-studio .language-trigger>.icon,.theme-studio .language-chevron{color:var(--muted)}.theme-studio .language-panel{background:var(--surface);border-color:var(--line);box-shadow:0 16px 50px #0003;border-radius:12px;color:var(--text)}.theme-studio .language-heading{border-color:var(--line);color:var(--text)}.theme-studio .language-emblem{background:var(--raised);border-color:var(--line);color:var(--text)}.theme-studio .language-brand{color:var(--muted)}.theme-studio .language-options button{color:var(--text);border-color:transparent;background:transparent;border-radius:7px}.theme-studio .language-options button:hover,.theme-studio .language-options button[aria-current]{background:var(--raised);color:var(--text);border-color:var(--line)}.theme-studio .language-option-code{color:var(--muted);border-color:var(--line);background:var(--bg)}.theme-studio .language-check{color:var(--cyan)}
.theme-studio .auth-card{background:#1d2022;border-color:#494b48;box-shadow:0 15px 60px #0002}.theme-studio .auth-card:before{background:#c99773;inset-inline:30px;height:2px}.theme-studio .auth-card p,.theme-studio .auth-card .helptext{color:#c5c9c1}.theme-studio .auth-card a{color:#e5bfa0}.theme-studio .auth-card button:not(.icon-button){background:#e6b895;color:#29221e;border-color:#e6b895}.theme-studio .auth-story h1 em{color:#e1b797}.theme-studio .card-eyebrow{color:#d1c0b1}.theme-studio #toast{background:#222629;border-color:#636b61;color:#f3f3eb;border-radius:9px;box-shadow:0 8px 26px #0003}
/* VPS work area: crisp neutral surfaces against the charcoal navigation. */
body.studio-workspace{color-scheme:light;--bg:#f4f3ef;--surface:#fff;--raised:#eeeee8;--line:#dcddd6;--text:#292c29;--muted:#626860;--cyan:#9a4a2f;--green:#37614b;--danger:#9c3445;--warning:#865716;background:var(--bg);color:var(--text)}
.studio-workspace .topbar{background:#fafaf7f2;border-color:#ddded7}.studio-workspace .topbar .brand{background:#1b1d1f;padding:7px 13px;border-radius:7px}.studio-workspace .breadcrumb{color:#5d6658}.studio-workspace .profile-chip>span{background:#ebe6dd;border-color:#d0c8bc;color:#5e493a}.studio-workspace .profile-chip strong{color:#2d332d}.studio-workspace .workspace-top-link{color:#464e45}.studio-workspace .main-content{padding-top:23px}.studio-workspace .back-link{color:#60665e;font-size:12px;line-height:1.5;margin-bottom:20px}.studio-workspace .button.primary{background:#ae4c30;border-color:#ae4c30;color:#fff}.studio-workspace .button.primary:hover{background:#933f29;border-color:#933f29}.studio-workspace .button.secondary{color:#363d35;background:#fff;border-color:#d5d8cf}.studio-workspace .button.secondary:hover{background:#f2f0e9;border-color:#aea797}.studio-workspace .button.danger:hover{background:#6f2831}.studio-workspace .text-link{color:#89482f}.studio-workspace .panel{border-color:#dedfd9;background:#fff;box-shadow:0 2px 3px #24271b02}.studio-workspace .status{color:#3b5342;background:#edf2ec;border:1px solid #d2ded2;font-size:11px;border-radius:5px}.studio-workspace :is(.status-active,.status-ready,.status-done){color:#315b40;background:#edf4ed;border-color:#d4e2d1}.studio-workspace :is(.status-pending,.status-queued,.status-stopped){color:#7a521a;background:#f9f1e2;border-color:#e5d3ae}.studio-workspace :is(.status-failed,.status-error,.status-suspended){color:#933747;background:#f8e9ec;border-color:#e7c9ce}
/* Identity and controls form a single, compact server instrument. */
.theme-studio .machine-command{border-radius:12px;overflow:hidden;background:#222528;border:1px solid #353a3c;color:#f7f4ee;position:relative;isolation:isolate}.theme-studio .server-command-center,.studio-workspace .vps-preview-page:not([data-view=overview]) .server-command-center,.studio-workspace .server-page:not([data-view=overview]) .server-command-center{background:transparent;border:0;border-radius:0;box-shadow:none;padding:28px 32px 24px;grid-template-columns:minmax(0,1fr) 280px;gap:40px;min-height:236px;overflow:visible}.theme-studio .server-command-center:after{display:none}.theme-studio .server-command-copy .eyebrow{color:#d3b89f;font-size:10px;letter-spacing:.16em}.theme-studio .server-command-copy h1,.studio-workspace .vps-preview-page:not([data-view=overview]) .server-command-copy h1,.studio-workspace .server-page:not([data-view=overview]) .server-command-copy h1{font-size:clamp(27px,2.9vw,38px);font-weight:600;letter-spacing:-.045em;color:#f9f5ee;margin:12px 0 10px;line-height:1.25}.theme-studio .server-command-copy>p{color:#bec2ba;font-size:12px}.theme-studio .server-command-copy>p>span{color:#858e86;margin-inline:10px}
.theme-studio .server-address{background:#1b1e20;border:1px solid #444b4a;border-radius:6px;width:fit-content;min-height:39px;gap:11px;margin-top:17px;padding:3px 4px 3px 12px}.theme-studio .server-address>span,.theme-studio .server-address>.icon{color:#b4c5b3}.theme-studio .server-address code{font-size:12px;letter-spacing:.03em;color:#e6e6dc}.theme-studio .server-address .icon-button{color:#c3ccc2;border:0;background:transparent;min-width:32px;width:32px;height:32px;min-height:32px}.theme-studio .server-address .icon-button:hover{background:#353b3b;color:#fff}.theme-studio .server-address .icon{width:17px;height:17px;flex-basis:17px}
.studio-workspace .preview-identity{gap:17px;margin-top:16px}.studio-workspace .preview-identity>span{color:#bfc6bd;font-size:11px}.studio-workspace .preview-identity>span:before{background:#717c70;margin-inline-end:10px}.theme-studio .machine-command .runtime-state{font-size:11px;line-height:1.8;font-weight:550}.theme-studio .machine-command .runtime-running{color:#b2d1b7}.theme-studio .machine-command .runtime-running:before{background:#a9c9ab;box-shadow:none}.theme-studio .machine-command .runtime-stopped{color:#e4c095}.theme-studio .machine-command .runtime-unknown{color:#d1d1c5}.theme-studio .server-state-row{margin-top:15px;gap:22px}.theme-studio .server-state-row>div{flex-direction:row;align-items:center;gap:8px}.theme-studio .server-state-row>div>span{color:#abb5a9;font-size:11px}.theme-studio .machine-command .status{color:#c7d7c4;background:#313f35;border-color:#4c6251}
.theme-studio .server-control-strip{padding:15px 30px;gap:20px;background:#1b1e20;border-top:1px solid #373d3b;display:flex;align-items:center;flex-direction:row;justify-content:space-between}.theme-studio .server-control-strip .button{min-height:38px;font-size:11px;padding:10px 15px;gap:8px;min-width:0;border-radius:6px;line-height:1.4}.theme-studio .server-control-strip .button .icon{width:15px;height:15px;flex-basis:15px}.theme-studio .server-control-strip .button.primary{background:#e6b895;border-color:#e6b895;color:#29231e}.theme-studio .server-control-strip .button.secondary{background:#292e2f;border-color:#464e4b;color:#ecebe2}.theme-studio .server-control-strip .button.secondary:hover{background:#3a403e;border-color:#717b71}.theme-studio .server-control-strip .button[data-demo-power=stop],.theme-studio .server-control-strip button[value=stop]{border-color:#655052;color:#eec7c6}.theme-studio .server-control-strip .button:disabled{background:#2d3331;color:#acb4ac;border-color:#404a43;opacity:1}.theme-studio .server-help-links a,.theme-studio .preview-guide-link{color:#c9cfc5;font-size:11px;line-height:1.6;gap:8px;white-space:nowrap}.theme-studio .preview-guide-link .icon{width:16px;height:16px;flex-basis:16px}.theme-studio .server-help-links a:hover,.theme-studio .preview-guide-link:hover{color:#efd2b7}.theme-studio .preview-power{gap:9px}.theme-studio .power-actions{min-width:0}
/* A drawn chassis; indicator lights are decorative, never a promise of telemetry. */
.machine-visual{width:100%;position:relative;perspective:700px;direction:ltr;align-self:center;user-select:none}.machine-label{display:flex;justify-content:space-between;color:#b9b9ab;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em;padding:0 5px 12px}.machine-chassis{display:grid;gap:5px;transform:rotateY(-10deg) rotateX(6deg);transform-origin:center;border:1px solid #525854;padding:8px;background:linear-gradient(120deg,#383d3e,#292d2e);border-radius:7px;box-shadow:10px 14px 20px #10121375,3px 0 0 #171b1a}.machine-unit{height:42px;display:flex;gap:12px;align-items:center;padding:8px 12px;background:linear-gradient(0deg,#1c2121,#343a38);border:1px solid #565b53;border-radius:3px;box-shadow:inset 0 1px 0 #ffffff12}.machine-unit:before{content:'';flex:0 0 3px;width:3px;height:21px;border-radius:2px;background:#877465}.machine-unit:nth-child(2):before{background:#8f85a0}.machine-unit:nth-child(3):before{background:#97a68c}.machine-grille{height:20px;flex:1;background:repeating-linear-gradient(90deg,#151a19 0 2px,transparent 2px 5px);border-block:1px solid #151a1970;opacity:.9}.machine-spec{display:flex;gap:5px;align-items:baseline;min-width:75px;justify-content:flex-end;font-family:ui-monospace,monospace}.machine-spec b{font-size:17px;line-height:1;color:#ede6d8;font-weight:500}.machine-spec span{color:#b6c0b1;font-size:8px;letter-spacing:0}.machine-leds{display:flex;gap:3px}.machine-leds i{width:3px;height:3px;background:#899b7f;border-radius:50%}.machine-leds i:first-child{background:#c7c8a5}.machine-foot{display:flex;align-items:center;justify-content:center;gap:9px;height:23px}.machine-foot span{width:31%;height:1px;background:#4a514a}.machine-foot i{width:4px;height:4px;background:#a3b295;transform:rotate(45deg)}
/* Navigation is visually quieter than the tools it controls. */
.studio-workspace .service-tabs{position:relative;border:0;border-bottom:1px solid #d1d5cb;border-radius:0;margin:13px 0 25px;gap:6px;background:transparent;scrollbar-color:#bebfb5 transparent;scrollbar-width:thin;padding-bottom:0}.studio-workspace .service-tabs>a{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:16px 13px;font-size:12px;color:#656c63;font-weight:550;border:0;border-radius:0;background:transparent;box-shadow:none;position:relative}.studio-workspace .service-tabs>a .icon{width:16px;height:16px;flex-basis:16px;color:inherit}.studio-workspace .service-tabs>a:hover{color:#9c4e31;background:#ecebe3}.studio-workspace .service-tabs>a[aria-current]{color:#96482d;background:transparent;box-shadow:inset 0 -2px #af5739}.studio-workspace .service-tabs>a:after{display:none}.studio-workspace .service-tabs:has(.studio-tab-indicator)>a[aria-current]{box-shadow:none}.studio-tab-indicator{position:absolute;left:0;bottom:0;height:2px;background:#af5739;pointer-events:none;transition:width .2s,transform .2s;z-index:1}
/* Metric cards use a distinct accent for each type of resource. */
.studio-workspace .service-resources{gap:16px;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-workspace .service-resources .resource-card{position:relative;display:block;background:#fff;border:1px solid #dcded5;border-radius:10px;padding:21px 24px;overflow:hidden;box-shadow:0 2px 2px #28251d02}.studio-workspace .service-resources .resource-card>span{font-size:12px;font-weight:650;color:#4d574b;display:flex;align-items:center;gap:10px}.studio-workspace .service-resources .resource-card>span>.icon{color:#a95c3b;width:17px;height:17px;flex-basis:17px}.studio-workspace .service-resources .resource-card:nth-child(2)>span>.icon{color:#78678c}.studio-workspace .service-resources .resource-card:nth-child(3)>span>.icon{color:#637c5b}.studio-workspace .service-resources .resource-card>strong{font-size:35px;letter-spacing:-.055em;line-height:1.2;font-weight:600;margin:17px 0 19px;display:block;color:#2f362e;font-variant-numeric:tabular-nums;text-align:start;grid-area:auto}.studio-workspace .service-resources .resource-card>strong small{color:#65715f;font-size:14px;margin-inline-start:3px;font-weight:500}.studio-workspace .service-resources .resource-card>small{color:#66705f;font-size:11px;line-height:1.5;margin-top:12px;display:block}.studio-workspace .service-resources .meter{background:#eeeee7;height:4px;border-radius:2px;overflow:hidden;margin:0}.studio-workspace .service-resources .meter>i{background:#c58261;border-radius:2px}.studio-workspace .service-resources .resource-card:nth-child(2) .meter>i{background:#9983ac}.studio-workspace .service-resources .storage-line{height:4px;background:repeating-linear-gradient(90deg,#9eb195 0 4px,transparent 4px 7px);border:0;margin:0;opacity:.7;display:block}
.studio-workspace .preview-uptime,.studio-workspace .runtime-duration{color:#687062;font-size:11px;margin:16px 1px 23px;gap:8px}.studio-workspace .preview-uptime strong,.studio-workspace .runtime-duration strong{color:#45503e;font-size:11px;font-weight:600}.studio-workspace .preview-uptime>.icon,.studio-workspace .runtime-duration .icon{width:14px;height:14px;flex-basis:14px}.studio-workspace .preview-small-label{border:0;background:transparent;color:#585f50;padding:0;font-size:10px}.studio-workspace .metric-timestamp{font-size:11px;color:#69725f;margin:12px 0 22px}.studio-workspace .metric-timestamp>button{color:#885437}.studio-workspace .telemetry-notice{background:#fbf3e6;border-color:#e2d0b0;color:#805817;font-size:12px;margin-top:20px}.studio-workspace .telemetry-notice>button{color:#75522b}
.vps-overview-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:21px;align-items:start}.vps-performance-column,.vps-detail-column{min-width:0}
/* Shared monitoring: the plotted values and gaps remain untouched. */
.studio-workspace .monitoring-panel{--chart-grid:#e7e8df;--chart-text:#687060;--chart-cpu:#b36842;--chart-memory:#887093;--chart-incoming:#587451;--chart-outgoing:#927099;background:#fff;border:1px solid #dedfd6;padding:24px;border-radius:10px;margin:0 0 24px}.studio-workspace .monitoring-panel .section-heading{align-items:start;gap:14px;margin-bottom:10px}.studio-workspace .monitoring-panel h2{font-size:20px;line-height:1.4;letter-spacing:-.03em;margin:5px 0 0;color:#30372e}.studio-workspace .monitoring-panel .eyebrow{font-size:9px;color:#7b6956;letter-spacing:.13em}.studio-workspace .history-controls{border:1px solid #dedfd6;border-radius:6px;background:#f6f6f1;padding:3px;gap:2px;flex-shrink:0}.studio-workspace .history-controls>button{color:#6b7364;font-size:10px;font-weight:650;min-width:33px;min-height:31px;border-radius:4px;padding:7px}.studio-workspace .history-controls>button[aria-pressed=true]{background:#383f33;color:#f5f6ed;box-shadow:0 1px 2px #0001}.studio-workspace .history-controls>button:hover{background:#e2e5da;color:#3e4a35}.studio-workspace .history-controls>button[aria-pressed=true]:hover{background:#46503e;color:#fff}.studio-workspace .monitoring-help{color:#6c7466;font-size:11px;line-height:1.8}.studio-workspace .history-status{color:#596b4d;font-size:11px;min-height:6px;margin:8px 0}.studio-workspace .history-status:empty{display:none}.studio-workspace .monitoring-charts{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:23px}.studio-workspace .monitoring-charts figure{border:0;border-top:1px solid #e4e6dc;border-radius:0;padding:18px 0 0;background:transparent}.studio-workspace .monitoring-charts figcaption{padding:0 2px 12px;gap:10px;font-size:11px;color:#515e48;line-height:1.4}.studio-workspace .monitoring-charts figcaption>strong{font-size:11px;font-weight:600}.studio-workspace .monitoring-charts figcaption>[data-history-latest]{color:#6b4a35;font-weight:650}.studio-workspace .monitoring-charts figure:nth-child(2) figcaption>[data-history-latest]{color:#775b86}.studio-workspace .monitoring-charts canvas{height:174px}.studio-workspace .chart-legend{font-size:9px;color:#64725b;gap:6px}.studio-workspace .chart-legend>i{width:6px;height:6px;background:#587451;border-radius:50%}.studio-workspace .chart-legend>i:nth-of-type(2){background:#927099}.studio-workspace .history-footer{padding-top:15px;margin-top:20px;border-top:1px solid #e4e6dc;align-items:center;gap:14px}.studio-workspace .history-footer>span{font-size:10px;line-height:1.65;color:#5f6853;gap:8px}.studio-workspace .history-footer .button{font-size:10px;min-height:33px;padding:8px 12px;gap:6px}.studio-workspace .history-footer .icon{width:14px;height:14px;flex-basis:14px}.studio-workspace .metric-table{border-color:#e4e6dc;padding-top:14px;margin-top:15px}.studio-workspace .metric-table summary{font-size:11px;color:#627054}.studio-workspace .metric-table th{color:#536248;background:#f5f6ef}.studio-workspace .metric-table td{color:#59644f;border-color:#e2e5d9}.studio-workspace .metric-table th,.studio-workspace .metric-table td{font-size:10px}
/* Configuration lives beside the graphs, with a real terminal-like copy target. */
.studio-workspace .vps-connect{background:#eceee6;border:1px solid #d6dccc;border-radius:10px;margin:0 0 19px;padding:23px}.studio-workspace .vps-connect-heading{gap:10px;flex-wrap:wrap;align-items:center}.studio-workspace .vps-connect-icon{background:#e3e7db;border:1px solid #cbd3bd;color:#566747;border-radius:7px;width:34px;height:34px}.studio-workspace .vps-connect-icon .icon{width:17px;height:17px}.studio-workspace .vps-connect-heading .eyebrow{font-size:9px;color:#53604a;letter-spacing:.13em}.studio-workspace .vps-connect-heading h2{font-size:18px;margin:3px 0 0;color:#36402e}.studio-workspace .vps-connect-heading .button{order:3;width:100%;font-size:11px;min-height:39px;margin-top:14px;background:#fcfcf7;border-color:#cfd5c5;color:#47533b}.studio-workspace .vps-specs{grid-template-columns:1fr 1fr;gap:19px 17px;border-color:#d2d8c9;padding:19px 0;margin:20px 0}.studio-workspace .vps-specs dt{font-size:10px;line-height:1.6;color:#535f49}.studio-workspace .vps-specs dd{font-size:17px;color:#35422b;font-weight:600;margin-top:6px}.studio-workspace .vps-specs small{font-size:11px;color:#546247}.studio-workspace .vps-ssh{background:#30392b;border-color:#47563c;border-radius:6px;padding:7px 5px 7px 11px;gap:8px;min-height:45px}.studio-workspace .vps-ssh>span{display:none}.studio-workspace .vps-ssh code{color:#e8eddc;font-size:11px;line-height:1.5}.studio-workspace .vps-ssh .icon-button{color:#c4d5b4;background:transparent;border:0;min-width:32px;min-height:32px;width:32px;height:32px}.studio-workspace .vps-ssh .icon-button:hover{background:#46523f;color:#fff}.studio-workspace .vps-ssh .icon{width:15px;height:15px;flex-basis:15px}.studio-workspace .vps-connect-guide{font-size:11px;color:#5e6b4f;gap:8px;margin-top:17px}.studio-workspace .vps-connect-guide .icon{width:14px;height:14px;flex-basis:14px}.studio-workspace .vps-connect-guide:hover{color:#283a1a}
.studio-workspace .server-shortcuts{gap:10px;margin-top:19px}.studio-workspace .vps-detail-column .server-shortcuts{grid-template-columns:1fr}.studio-workspace .server-shortcuts>a{border:1px solid #dedfd6;background:#fafaf6;border-radius:9px;padding:19px 20px;gap:12px;box-shadow:none}.studio-workspace .server-shortcuts>a:hover{background:#fff;border-color:#b7b59f;transform:translateX(2px)}.studio-workspace .server-shortcuts>a>.icon{color:#8c684e;width:18px;height:18px;flex-basis:18px;align-self:flex-start;margin-top:2px}.studio-workspace .server-shortcuts>a:nth-child(2)>.icon{color:#79618a}.studio-workspace .server-shortcuts>a:nth-child(3)>.icon{color:#627a57}.studio-workspace .server-shortcuts strong{font-size:12px;font-weight:600;color:#404736}.studio-workspace .server-shortcuts span{color:#6b745f;font-size:11px;line-height:1.65;margin-top:5px}.studio-workspace .server-shortcuts>a>.icon:last-child{width:13px;height:13px;flex-basis:13px;margin-top:3px;display:block;color:#8c907f}
/* Walkthrough labels remain explicit, but no longer dominate the workspace. */
.studio-workspace .preview-top-badge{border:1px solid #ded4c5;background:#f0ebe2;color:#736046;border-radius:5px;padding:5px 9px;font-size:10px}.studio-workspace .preview-top-badge .icon{width:12px;height:12px}.studio-workspace .preview-notice{background:transparent;border:0;border-bottom:1px solid #deded4;border-radius:0;gap:12px;padding:0 0 16px;margin:0 0 23px;flex-wrap:nowrap;align-items:center}.studio-workspace .preview-notice-icon{width:26px;height:26px;flex-basis:26px;background:#eae3d7;color:#78664f;border:1px solid #d9cebc;border-radius:5px}.studio-workspace .preview-notice-icon .icon{width:14px;height:14px;flex-basis:14px}.studio-workspace .preview-notice strong{display:none}.studio-workspace .preview-notice p{font-size:11px;line-height:1.6;color:#5d6253;margin:0}.studio-workspace .preview-notice .button{background:none;border:0;color:#76634a;font-size:10px;gap:7px;min-height:32px;padding:7px 0 7px 12px;margin:0}.studio-workspace .preview-notice .button .icon{width:13px;height:13px;flex-basis:13px}.studio-workspace .preview-notice .button:hover{color:#4e3d27;box-shadow:none}.studio-workspace .preview-local-note{font-size:11px;color:#5c6550;margin-top:27px;line-height:1.75}.studio-workspace .preview-local-note .icon{color:#78876b;width:13px;height:13px;flex-basis:13px}.studio-workspace .preview-feedback{background:#edf3e8;border-color:#bdcfae;color:#476137;border-radius:7px;font-size:12px;padding:13px 16px}
/* Real and demo operation tabs use the same typography and controls. */
.studio-workspace .preview-section{padding:26px 28px;margin-bottom:20px}.studio-workspace .preview-section h2{font-size:22px;color:#303b29}.studio-workspace .preview-section>.eyebrow{color:#826750;font-size:10px}.studio-workspace .preview-section>p,.studio-workspace .preview-form>p{color:#67725f;font-size:13px;line-height:1.85}.studio-workspace .preview-safety{background:#f8f4eb;border-inline-color:#bb9467;color:#776046}.studio-workspace .preview-record{border-color:#e0e4d8;padding:18px 0;gap:15px}.studio-workspace .preview-record-symbol{background:#f0f1e9;border-color:#d8dccd;color:#748465;border-radius:7px;width:36px;height:36px}.studio-workspace .preview-record strong{font-size:13px;font-weight:600;color:#3f4a34}.studio-workspace .preview-record small{font-size:11px;color:#68775c}.studio-workspace .preview-record .button{font-size:11px;min-height:36px;padding:9px 12px}.studio-workspace .preview-add{border-color:#d5ddcc}.studio-workspace .preview-add summary{font-size:12px}.studio-workspace .preview-form>label,.studio-workspace .preview-inline-form>label{font-size:12px;color:#4d5844}.studio-workspace .preview-inline-form{border-color:#e0e3d9}.studio-workspace .preview-form input,.studio-workspace .preview-form select,.studio-workspace .preview-inline-form input{background:#fafbf7;border-color:#d0d7c5;border-radius:6px;color:#35432c}.studio-workspace .preview-empty{font-size:13px;color:#647458}.studio-workspace .preview-guide-steps>section{border-color:#e0e5d8;gap:20px;padding:23px 0}.studio-workspace .preview-guide-steps>section>span{background:#ece7de;border-color:#d9cdbb;color:#704e32;border-radius:6px;font:12px ui-monospace,monospace}.studio-workspace .preview-guide-steps h3{font-size:18px;color:#374b2b}.studio-workspace .preview-guide-steps p{color:#67775d;font-size:13px;line-height:1.9}
.studio-workspace .console-panel{background:#1c2021;border:1px solid #373d3a;border-radius:10px;overflow:hidden;color:#eceee6;box-shadow:0 8px 25px #373b2810}.studio-workspace .console-header{background:#272d2b;border-color:#444d43;padding:17px 21px;color:#e3e8da}.studio-workspace .console-header strong{font-size:12px;color:#e7eadf}.studio-workspace .console-header>span{font-size:10px;color:#b7c2ac}.studio-workspace .terminal-dots i{background:#ac795f}.studio-workspace .terminal-dots i:nth-child(2){background:#bba97e}.studio-workspace .terminal-dots i:nth-child(3){background:#8ca87b}.studio-workspace .preview-console-help{background:#202624;color:#b9c9ae;font-size:12px;padding:20px 23px 14px}.studio-workspace .preview-command-examples{background:#202624;border-color:#3b4835;padding:0 23px 20px}.studio-workspace .preview-command-examples button{background:#2f392b;border-color:#54624a;color:#d2dfc4;border-radius:5px;font-size:11px}.studio-workspace .preview-command-examples button:hover{background:#45523c;color:#fff}.studio-workspace .preview-console-output{background:#171d19;color:#c9d7bb;padding:24px!important;font-size:13px;line-height:2;height:330px}.studio-workspace .console-input{background:#222b23;border-color:#465441;gap:10px}.studio-workspace .console-input input{background:transparent;border:0;box-shadow:none;color:#e2e9d4}.studio-workspace .console-input input::placeholder{color:#aebba3}.studio-workspace .console-input label{color:#c4d6b4}.studio-workspace .console-input .button{background:#414d38;border-color:#617150;color:#e1ebd1;font-size:11px}.studio-workspace .console-tools{background:#222b23;border-color:#465441}.studio-workspace .console-tools>span,.studio-workspace #vnc-status{color:#c2d0b5}.studio-workspace .vnc-toolbar .button{background:#414d38;border-color:#617150;color:#e1ebd1}.studio-workspace #vnc-screen{background:#111713}
.studio-workspace .power-dialog{background:#fbfbf6;border-color:#c4cbb8;color:#36452c;box-shadow:0 25px 90px #18211140;border-radius:13px}.studio-workspace .power-dialog::backdrop{background:#18201aca;backdrop-filter:blur(3px)}.studio-workspace .power-dialog h2{font-size:25px;color:#303e27}.studio-workspace .power-dialog p{color:#6b765f}.studio-workspace .power-dialog label strong{color:#586c42}.studio-workspace .dialog-symbol{color:#7e654b;background:#efe7dc;border-color:#d9c6ae;border-radius:9px}.studio-workspace .power-dialog input{background:#fff;border-color:#b9c4ab;color:#34462a}.studio-workspace .power-dialog [role=alert],.studio-workspace .power-dialog [data-power-error]{color:#9c3843;background:#f5e7e7;border-color:#dab0b4}
.studio-workspace .stack-form label{color:#45513c}.studio-workspace .count-pill{background:#e8ecdf;color:#4b5e3c;border-color:#ccd6bc}.studio-workspace .snapshot-main>small{opacity:1;color:#626e56}.studio-workspace .console-panel>.text-link{color:#c7d5b7}.studio-workspace .connection-card p,.studio-workspace .firewall-compose .helptext,.studio-workspace .firewall-status p{color:#566849}.studio-workspace .connection-card code{color:#435438}.studio-workspace .connection-card>.section-heading>.icon{color:#7a8b6c}.studio-workspace .ssh-command{background:#2e3929;border-color:#566448;border-radius:6px}.studio-workspace .ssh-command code{color:#dde8d0}.studio-workspace .ssh-command .icon-button{background:#3e4c35;color:#dae7ca;border-color:#637454}.studio-workspace .firewall-status{background:#ecefe5;border-color:#d4dec7}.studio-workspace .firewall-emblem{background:#e3e8da;color:#62764e;border-color:#c4d1b3;border-radius:9px}.studio-workspace .firewall-policy>span{color:#69795c}.studio-workspace .firewall-rule{background:#f7f8f1;border-color:#d6dfca;border-radius:9px}.studio-workspace .firewall-decision.allow{color:#44733f}.studio-workspace .firewall-decision.block{color:#a44a48}.studio-workspace .firewall-rule-route code{color:#5f7350}.studio-workspace .firewall-rule-route strong{color:#344e27}.studio-workspace .firewall-rule-route>span{color:#87977b}.studio-workspace .firewall-delete{border-color:#d5dec9}.studio-workspace .firewall-delete>summary{color:#944d49}.studio-workspace .firewall-delete label strong{color:#485d39}.studio-workspace .firewall-compose input,.studio-workspace .firewall-compose select{background:#f9faf6;color:#3e5130;border-color:#cbd6bf}.studio-workspace .backup-icon,.studio-workspace .snapshot-symbol{background:#ede7f0;color:#7e668a}.studio-workspace .backup-row{border-color:#dbe2d0}.studio-workspace .detail-list>div{border-color:#e0e5d8}.studio-workspace .detail-list dt{color:#6c7b61}.studio-workspace .detail-list dd{color:#3d4c33}.studio-workspace .operation-row{border-color:#e0e5d8}.studio-workspace .operation-row strong{color:#435738}.studio-workspace .operation-row time{color:#596a4d}.studio-workspace .operation-dot{background:#aaa296;border-color:#d5cbbf}.studio-workspace .operation-dot.operation-done{background:#78966b}.studio-workspace .workspace-empty{color:#6d7d61}.studio-workspace .workspace-empty p{color:#6d7d61}.studio-workspace .server-guide-link{color:#7b6143}.studio-workspace .server-information .section-heading>.icon{color:#879577}.studio-workspace .server-operations .section-heading>.icon{color:#927798}.studio-workspace .activity-item{border-color:#e0e5d8}.studio-workspace .notice{background:#f5f1e7;color:#75603c;border-color:#dfd4bd}.studio-workspace .danger-zone{border-color:#e4c9c6;background:#fffaf8}.studio-workspace .access-role{color:#dccab1}.studio-workspace .connection-port{border-color:#dbe4d0}.studio-workspace .connection-port span{color:#6d815e}.studio-workspace .connection-port code{color:#536c41}
/* Compact layouts are designed directly, not scaled down from a desktop screenshot. */
@media(min-width:1600px){.theme-studio .main-content{padding-inline:45px}.theme-studio .topbar{padding-inline:45px}.vps-overview-layout{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.theme-studio .server-command-center{padding:31px 35px 26px}}
@media(max-width:1250px){body.theme-studio{--sidebar:210px}.theme-studio .main-content{padding-inline:25px}.theme-studio .topbar{padding-inline:25px}.theme-studio .sidebar{padding-inline:14px}.theme-studio .sidebar .brand img{width:170px}.theme-studio .sidebar nav>a{font-size:11px;gap:10px;padding-inline:10px}.vps-overview-layout{grid-template-columns:minmax(0,1fr)}.studio-workspace .vps-detail-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-workspace .vps-detail-column .server-shortcuts{margin:0;align-content:start}.studio-workspace .monitoring-panel{margin-bottom:0}.studio-workspace .monitoring-panel .section-heading{flex-direction:row}.studio-workspace .server-control-strip{flex-wrap:wrap;gap:16px}.studio-workspace .server-command-center,.studio-workspace .vps-preview-page:not([data-view=overview]) .server-command-center,.studio-workspace .server-page:not([data-view=overview]) .server-command-center{grid-template-columns:minmax(0,1fr) 235px;gap:25px}.machine-unit{padding:7px 9px;gap:9px}.machine-spec{min-width:66px}.machine-grille{min-width:30px}}
@media(max-width:991px){body.theme-studio{--sidebar:235px}.theme-studio .sidebar{padding:26px 19px}.theme-studio .topbar{min-height:70px;padding-block:12px}.theme-studio .menu-scrim{background:#191d18a6;backdrop-filter:blur(2px)}.theme-studio .sidebar nav>a{font-size:12px}.studio-workspace .server-control-strip .preview-power{width:auto;display:flex}.studio-workspace .server-control-strip .preview-power .button{flex-direction:row;min-height:39px;min-width:0}.studio-workspace .vps-connect-heading .button{width:100%}.studio-workspace .preview-notice{flex-wrap:nowrap}}
@media(max-width:767px){.theme-studio .main-content{padding:19px 18px 29px}.theme-studio .topbar{padding:12px 18px;min-height:66px;gap:12px}.theme-studio .breadcrumb{font-size:11px;line-height:1.5;min-width:0}.theme-studio .breadcrumb strong{overflow-wrap:anywhere}.theme-studio .topbar-actions{gap:8px;flex-shrink:0}.theme-studio .app-footer{padding:21px 18px;font-size:10px;gap:16px}.theme-studio .app-footer>div{max-width:75%;gap:9px 14px}.studio-workspace .preview-notice{padding-bottom:14px;margin-bottom:19px;gap:9px;display:grid;grid-template-columns:1fr auto}.studio-workspace .preview-notice-icon{display:none}.studio-workspace .preview-notice>div{min-width:0}.studio-workspace .preview-notice p{font-size:10px;line-height:1.65}.studio-workspace .preview-notice .button{max-width:98px;white-space:normal;text-align:start;font-size:10px;line-height:1.5;gap:6px;padding:7px 0 7px 6px}.studio-workspace .preview-top-badge{display:none}
.theme-studio .server-command-center,.studio-workspace .vps-preview-page:not([data-view=overview]) .server-command-center,.studio-workspace .server-page:not([data-view=overview]) .server-command-center{display:block;padding:25px 23px 22px;min-height:0}.theme-studio .server-command-copy h1,.studio-workspace .vps-preview-page:not([data-view=overview]) .server-command-copy h1,.studio-workspace .server-page:not([data-view=overview]) .server-command-copy h1{font-size:29px;line-height:1.28;margin:13px 0 10px}.theme-studio .server-command-copy .eyebrow{font-size:9px;letter-spacing:.13em}.theme-studio .server-command-copy>p{font-size:11px;line-height:1.7}.theme-studio .server-command-copy>p>span{margin-inline:6px}.theme-studio .server-command-art{display:none}.machine-visual{display:none}.theme-studio .server-address{min-height:37px;margin-top:17px;max-width:100%;width:fit-content;gap:10px}.theme-studio .server-address code{font-size:12px}.theme-studio .server-state-row{gap:14px;flex-wrap:wrap}.theme-studio .server-state-row>div>span{font-size:10px}.theme-studio .server-control-strip{padding:15px 17px;gap:15px;flex-wrap:wrap}.studio-workspace .server-control-strip .preview-power,.theme-studio .server-control-strip .power-actions form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}.theme-studio .server-control-strip .power-actions{width:100%}.studio-workspace .server-control-strip .preview-power .button,.theme-studio .server-control-strip .button{font-size:10px;min-height:43px;flex-direction:row;gap:6px;padding:10px 6px;min-width:0;overflow-wrap:anywhere}.theme-studio .server-control-strip .button .icon{width:13px;height:13px;flex-basis:13px}.theme-studio .server-help-links{gap:17px;justify-content:flex-start}.theme-studio .server-help-links a,.theme-studio .preview-guide-link{font-size:11px}.studio-workspace .preview-identity{gap:12px;margin-top:16px}.studio-workspace .preview-identity>span{font-size:10px}.studio-workspace .service-tabs{margin:11px 0 19px;gap:2px}.studio-workspace .service-tabs>a{font-size:11px;padding:14px 10px;gap:6px;min-height:46px}.studio-workspace .service-tabs>a .icon{width:14px;height:14px;flex-basis:14px}
.studio-workspace .service-resources{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-workspace .service-resources .resource-card{padding:18px 16px;border-radius:9px}.studio-workspace .service-resources .resource-card>span{font-size:11px;gap:8px}.studio-workspace .service-resources .resource-card>strong{font-size:29px;margin:16px 0 17px}.studio-workspace .service-resources .resource-card>small{font-size:10px;line-height:1.6;margin-top:11px}.studio-workspace .service-resources .resource-card:last-child{display:grid;grid-template-columns:1fr auto;gap:4px 15px;grid-column:1/-1;align-items:center}.studio-workspace .service-resources .resource-card:last-child>strong{grid-column:2;grid-row:1/3;margin:0;font-size:27px}.studio-workspace .service-resources .resource-card:last-child>small{margin:0}.studio-workspace .service-resources .storage-line{display:none}.studio-workspace .preview-uptime,.studio-workspace .runtime-duration{font-size:10px;margin:15px 0 21px;gap:7px}.studio-workspace .preview-uptime strong{font-size:10px}.studio-workspace .preview-small-label{font-size:9px}
.vps-overview-layout{display:flex;flex-direction:column;gap:18px}.vps-performance-column,.vps-detail-column{width:100%}.studio-workspace .vps-detail-column{display:block}.studio-workspace .vps-connect{padding:22px 20px;margin-bottom:18px}.studio-workspace .vps-connect-heading h2{font-size:19px}.studio-workspace .vps-specs{gap:20px}.studio-workspace .vps-specs dt{font-size:11px}.studio-workspace .vps-specs dd{font-size:19px}.studio-workspace .vps-connect-heading .button{min-height:44px;font-size:12px}.studio-workspace .vps-ssh code{font-size:12px}.studio-workspace .vps-ssh .icon-button{min-width:40px;min-height:40px}.studio-workspace .vps-connect-guide{font-size:12px}.studio-workspace .monitoring-panel{padding:22px 17px;margin-bottom:0;border-radius:9px}.studio-workspace .monitoring-panel h2{font-size:20px}.studio-workspace .monitoring-panel .section-heading{flex-direction:column;gap:15px}.studio-workspace .monitoring-help{font-size:11px}.studio-workspace .history-controls{width:100%;justify-content:space-between}.studio-workspace .history-controls>button{min-height:39px;font-size:11px;flex:1}.studio-workspace .monitoring-charts{grid-template-columns:minmax(0,1fr);gap:17px;margin-top:20px}.studio-workspace .monitoring-charts figcaption{font-size:12px}.studio-workspace .monitoring-charts figcaption>strong{font-size:12px}.studio-workspace .chart-legend{font-size:10px}.studio-workspace .history-footer{align-items:flex-start;gap:12px}.studio-workspace .history-footer>span{font-size:10px}.studio-workspace .history-footer .button{min-height:40px;font-size:11px}.studio-workspace .metric-table summary{font-size:11px;min-height:35px;display:flex;align-items:center}.studio-workspace .server-shortcuts>a{padding:19px 20px;gap:13px}.studio-workspace .server-shortcuts strong{font-size:13px}.studio-workspace .server-shortcuts span{font-size:11px}.studio-workspace .preview-section{padding:23px 20px}.studio-workspace .preview-section h2{font-size:22px}.studio-workspace .preview-record{gap:11px;flex-wrap:wrap}.studio-workspace .preview-record>div:not(.preview-record-actions){flex-basis:calc(100% - 49px)}.studio-workspace .preview-record-actions{margin-inline-start:47px}.studio-workspace .preview-record .button{min-height:43px;font-size:11px}.studio-workspace .preview-form>label,.studio-workspace .preview-inline-form>label{font-size:12px}.studio-workspace .preview-form input,.studio-workspace .preview-form select,.studio-workspace .preview-inline-form input{font-size:16px}.studio-workspace .preview-local-note{font-size:10px}.studio-workspace .preview-console-output{font-size:12px;padding:20px 16px!important;height:320px}.studio-workspace .console-input input{font-size:16px}.studio-workspace .preview-command-examples{padding-inline:16px;gap:8px}.studio-workspace .preview-command-examples button{min-height:41px;font-size:12px}.studio-workspace .preview-console-help{padding-inline:16px}.studio-workspace .console-input{gap:4px}.studio-workspace .power-dialog{padding:25px 22px}.studio-workspace .power-dialog input{font-size:16px}.studio-workspace .power-dialog .button{min-height:45px}}
@media(max-width:359px){.theme-studio .main-content{padding-inline:13px}.theme-studio .topbar{padding-inline:13px}.theme-studio .server-command-center,.studio-workspace .vps-preview-page:not([data-view=overview]) .server-command-center,.studio-workspace .server-page:not([data-view=overview]) .server-command-center{padding-inline:18px}.theme-studio .server-command-copy h1,.studio-workspace .vps-preview-page:not([data-view=overview]) .server-command-copy h1{font-size:26px}.theme-studio .server-control-strip{padding-inline:13px}.studio-workspace .preview-identity{gap:10px}.studio-workspace .service-resources .resource-card{padding:17px 13px}.studio-workspace .service-resources .resource-card>strong{font-size:27px}.studio-workspace .preview-notice{grid-template-columns:1fr auto;gap:5px}.studio-workspace .preview-notice .button{max-width:83px}.studio-workspace .monitoring-panel{padding-inline:14px}.studio-workspace .preview-section{padding-inline:17px}}
[dir=rtl] .theme-studio h1,[dir=rtl] .theme-studio h2,[dir=rtl] .theme-studio h3,[dir=rtl] .theme-studio .eyebrow{letter-spacing:0}[dir=rtl] .studio-workspace .server-shortcuts>a:hover{transform:translateX(-2px)}
@media(prefers-reduced-motion:no-preference){.studio-workspace .machine-command{animation:studio-rise .48s cubic-bezier(.2,.65,.25,1) both}.studio-enter{animation:studio-rise .5s cubic-bezier(.2,.65,.25,1)}.machine-chassis{animation:chassis-settle .6s cubic-bezier(.2,.65,.25,1) both}.machine-leds i{animation:machine-signal 5s ease-in-out infinite}.machine-unit:nth-child(2) .machine-leds i{animation-delay:1.2s}.machine-unit:nth-child(3) .machine-leds i{animation-delay:2.4s}.machine-leds i:nth-child(2){animation-delay:.7s}.machine-leds i:nth-child(3){animation-delay:1.8s}.studio-workspace .service-resources .meter>i{animation:meter-reveal .8s cubic-bezier(.2,.65,.25,1) both;transform-origin:left}.studio-workspace .service-resources .resource-card:nth-child(2) .meter>i{animation-delay:.1s}.studio-workspace .server-command-center{animation:none}@keyframes studio-rise{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes chassis-settle{from{opacity:.55;transform:rotateY(-16deg) rotateX(6deg) translateY(8px)}to{opacity:1;transform:rotateY(-10deg) rotateX(6deg) translateY(0)}}@keyframes machine-signal{0%,30%,100%{opacity:.45}45%,60%{opacity:1}}@keyframes meter-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(prefers-reduced-motion:reduce){.theme-studio *,.theme-studio *:before,.theme-studio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.theme-studio .button:hover,.studio-workspace .server-shortcuts>a:hover{transform:none}.studio-enter{opacity:1}}