/* Hypernix Studio 4.1: readable Cyrillic, visible runtime state, scroll-safe dialogs and a compact editor shell. */
:root{--yellow:#ffd323!important;--gold:#ffd323!important;--font-display:Unbounded,Inter,sans-serif!important;--font-ui:Inter,Unbounded,sans-serif!important;--font-body:Inter,Arial,sans-serif!important}
.page-studio{font-family:var(--font-body)!important;background:#090a07!important;color:#fffdf3!important}
.page-studio:before{background:linear-gradient(90deg,rgba(7,8,5,.96),rgba(7,8,5,.72)),url('/hypernix-hub-desert.png') center/cover!important}
.topbar{height:76px!important;border-color:rgba(255,211,35,.16)!important;background:rgba(12,13,9,.86)!important}
body.page-studio h1,body.page-studio h2,body.page-studio h3,
body.page-studio .brand-copy strong,body.page-studio .panel-heading h1,
body.page-studio .properties-heading h2,body.page-studio .modal h2,
body.page-studio .empty-state h2,body.page-studio .canvas-title,
body.page-studio .welcome-title{font-family:Unbounded,Inter,sans-serif!important;letter-spacing:-.015em!important}
body.page-studio button,body.page-studio input,body.page-studio textarea,
body.page-studio select,body.page-studio .tree-item{font-family:Inter,Unbounded,Arial,sans-serif!important}
.brand-mark,.activity-btn.active,.button.publish,.button.primary,.create-button{background:linear-gradient(145deg,#fff3a1,#ffd323 60%,#ffad1b)!important;color:#121108!important}
.studio-layout{top:100px!important;bottom:29px!important;grid-template-columns:76px minmax(270px,330px) minmax(440px,1fr) minmax(290px,360px)!important}
.activity-rail,.sidebar,.workbench,.properties{border-color:rgba(255,211,35,.13)!important;background:rgba(17,18,13,.9)!important}
.editor-viewport{background:radial-gradient(circle at 50% 28%,rgba(255,211,35,.07),transparent 42%),#090a07!important}
.editor-card,.canvas-card,.property-section,.summary-card,.creative-editor,.creative-canvas-shell{background:linear-gradient(145deg,#1c1d16,#11120d)!important}
.creative-canvas{background-color:#0c0d09!important;background-image:linear-gradient(rgba(255,211,35,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,211,35,.045) 1px,transparent 1px)!important}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#ffd323!important;box-shadow:0 0 0 3px rgba(255,211,35,.13)!important}
#serverPill{display:flex!important}
.sidebar-footer{display:block!important}
[data-panel="servers"]{display:flex!important}
#statusConnection,#statusVersion{display:inline-flex!important}
[data-bottom="logs"]{display:flex!important}
.modal-backdrop{align-items:flex-start!important;overflow-y:auto!important;padding:max(16px,4vh) 16px!important;overscroll-behavior:contain}
.modal{display:flex!important;flex-direction:column;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
.modal-header{flex:0 0 auto}
.modal-body{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
.modal-footer{flex:0 0 auto}
.creative-editor-overlay{
  inset:50% auto auto 50%!important;
  width:min(1320px,calc(100vw - 40px))!important;
  height:min(820px,calc(100dvh - 40px))!important;
  transform:translate(-50%,-50%) scale(.985)!important;
  border:1px solid rgba(255,211,35,.2)!important;
  border-radius:24px!important;
  box-shadow:0 35px 120px rgba(0,0,0,.72)!important;
}
.creative-editor-overlay.open{transform:translate(-50%,-50%) scale(1)!important}
.creative-editor-overlay:before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(3,4,2,.72);backdrop-filter:blur(10px);pointer-events:none}
.creative-launch-copy>p{font-size:0!important}
.creative-launch-copy>p:after{content:"Компактный холст с рисованием, слоями, PNG-фоном и точным предпросмотром Minecraft.";font:500 13px/1.55 Inter,sans-serif;color:var(--muted)}
.emoji-dropzone,.model-dropzone,.upload-zone{border-color:rgba(255,211,35,.24)!important}
.menu-import-card{border-color:rgba(255,211,35,.2)!important}
[data-creative-display-mode="fullscreen"]{display:none!important}
.studio-lang{display:inline-flex!important;align-items:center;gap:7px;min-width:62px!important;border-color:rgba(255,211,35,.3)!important;background:#242419!important;color:#ffd323!important}
.studio-lang b{font:800 10px/1 Inter,sans-serif;letter-spacing:.08em}
label:has(>[data-emoji-field="renderHeight"]){display:none!important}
.emoji-fields:after{content:"Размер эмодзи определяется автоматически по PNG (4–16 px).";display:block;padding:11px 13px;border:1px solid rgba(255,211,35,.2);border-radius:12px;background:rgba(255,211,35,.06);color:#ffe777;font:650 12px/1.45 Inter,sans-serif}
@media(max-width:1180px){
  .studio-layout{grid-template-columns:70px minmax(250px,310px) minmax(420px,1fr)!important}
  .properties{display:none!important}
}
@media(max-width:760px){
  .creative-editor-overlay{width:calc(100vw - 14px)!important;height:calc(100dvh - 14px)!important;border-radius:16px!important}
  .modal-backdrop{padding:8px!important}
  .modal{max-height:calc(100dvh - 16px)!important}
}