/* Velora studio navigation: quiet monochrome, inset section index. */
.studio-shell .sidebar{background:#0b0c0e;border-right:1px solid #222429}
.studio-shell .sidebar .nav-item{font-family:inherit;letter-spacing:0;font-weight:500;color:#a6a8af;transition:background .18s,color .18s,border-color .18s;border:1px solid transparent}
.studio-shell .sidebar .nav-item .icon{flex-shrink:0;stroke-width:1.7;color:inherit}
.studio-shell .sidebar .nav-item.active{background:#1b1d21;color:#fafafa;border-color:#363940;box-shadow:inset 3px 0 #e4e5e7!important}
.studio-shell .sidebar .nav-item.active:before,.studio-shell .sidebar .nav-item.active:after{display:none}
.studio-shell .sidebar .nav-item:not(.active):hover{background:#15171a;border-color:#26292e;color:#fff}
.studio-shell .sidebar .nav-item:focus-visible,.studio-shell .sidebar .nav-section-link:focus-visible{outline:2px solid #d6d8dd;outline-offset:3px}
.studio-shell .sidebar .nav-new{display:none}
.studio-shell .sidebar .nav-chevron{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;opacity:.6;flex-shrink:0;transition:transform .18s}
.studio-shell .sidebar [aria-expanded=true] .nav-chevron{transform:rotate(225deg)}
.studio-shell .sidebar .nav-submenu[hidden]{display:none!important}
.studio-shell .sidebar .nav-submenu{display:flex;flex-direction:column;gap:2px;margin:0 0 10px;padding:9px 7px;background:#101215;border:1px solid #25282e;border-radius:9px;flex-shrink:0;animation:velora-nav-in .18s ease-out}
.studio-shell .sidebar .nav-section-link{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:5px;text-align:left;font:inherit;font-size:12px;line-height:1.5;color:#a7abb4;cursor:pointer;}
.studio-shell .sidebar .nav-section-link:before{display:none}
.studio-shell .sidebar .nav-section-link:hover,.studio-shell .sidebar .nav-section-link.selected{color:#fff;background:#1c1f24;border-color:#30343d}
.studio-shell .sidebar .nav-section-link.selected:before{color:#e6e8ed}
.studio-shell [data-panel] h2,.studio-shell [data-panel] .field,.studio-shell [data-panel] .upload-tile{scroll-margin-top:28px}
@keyframes velora-nav-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:701px){
 .studio-shell .sidebar{width:248px;padding:27px 16px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#343841 transparent}
 .studio-shell .studio-main{margin-left:248px}
 .studio-shell .sidebar .brand{padding:0 8px 23px;margin-bottom:21px;border-bottom:1px solid #25272c;flex-shrink:0}
 .studio-shell .sidebar .workspace-label{display:block;font-size:9px;letter-spacing:2px;color:#777d88;padding:0 10px;margin:0 0 13px}
 .studio-shell .sidebar nav{display:flex;flex-direction:column;gap:5px;padding:0;margin:0;flex-shrink:0;overflow:visible}
 .studio-shell .sidebar .nav-item{min-height:45px;padding:11px 12px;border-radius:7px;font-size:13px;gap:11px;line-height:1.4;text-align:left}
 .studio-shell .sidebar .nav-item .icon{width:18px;height:18px}
 .studio-shell .sidebar .sidebar-bottom{margin-top:auto;padding-top:26px;flex-shrink:0}
 .studio-shell .sidebar .sidebar-bottom>.nav-item{font-size:12px;min-height:40px;color:#9399a3}
 .studio-shell .sidebar .little-card{margin:0 0 16px;padding:16px;background:#111317;border:1px solid #272b32;border-radius:9px}
 .studio-shell .sidebar .little-card strong{font-size:12px;color:#e2e5e9}
 .studio-shell .sidebar .little-card p{font-size:11px;line-height:1.6;color:#8e949e}
 .studio-shell .sidebar .little-card .public-link{color:#e2e5e9}
 .studio-shell .sidebar .account-chip{margin:16px 0 0;padding:16px 8px 0;border-color:#272b32}
}
@media(min-width:701px) and (max-width:1100px){
 .studio-shell .sidebar{width:220px;padding-left:12px;padding-right:12px}
 .studio-shell .studio-main{margin-left:220px}
}
@media(max-width:700px){
 .studio-shell .sidebar nav{background:#0b0c0ef7;border-top:1px solid #30343c;gap:3px;padding:8px 6px max(8px,env(safe-area-inset-bottom))}
 .studio-shell .sidebar nav .nav-item{border-radius:6px;font-size:9px;min-height:54px;padding:8px 2px;gap:6px}
 .studio-shell .sidebar nav .nav-item.active{box-shadow:inset 0 2px #e4e5e7!important}
 .studio-shell .sidebar nav .nav-item .icon{width:18px;height:18px}
 .studio-shell .sidebar nav .nav-chevron{display:none}
 .studio-shell .sidebar .nav-submenu{position:fixed;left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:100;max-height:45vh;overflow-y:auto;margin:0;padding:10px;background:#101215;border:1px solid #383e48;border-radius:10px;box-shadow:0 16px 45px #000b}
 .studio-shell .sidebar .nav-section-link{min-height:44px;padding:11px 12px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.studio-shell .sidebar .nav-item,.studio-shell .sidebar .nav-chevron{transition:none}.studio-shell .sidebar .nav-submenu{animation:none}}

/* Compact navigation keeps the editor, rather than decoration, in focus. */
@media(min-width:701px){
.studio-shell .sidebar .nav-submenu{background:transparent;border:0;border-left:1px solid #303237;border-radius:0;margin:1px 0 8px 20px;padding:2px 0 2px 12px;gap:0;max-height:270px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#33363d transparent}
.studio-shell .sidebar .nav-section-link{padding:6px 9px;font-size:12px;line-height:1.45;border:0;color:#92969e}
.studio-shell .sidebar .nav-item.active{box-shadow:none!important;background:#202226;border-color:#303338}
.studio-shell .sidebar .brand{margin-bottom:17px;padding-bottom:18px}
.studio-shell .sidebar .little-card{background:transparent;border:0;border-top:1px solid #272b32;border-radius:0;padding:16px 8px}
}
.studio-shell .visual-controls>.panel-heading .eyebrow{display:none}
.studio-shell .panel-heading h2{font-size:18px;letter-spacing:-.3px;font-weight:600}
.studio-shell .panel-heading p,.studio-shell .page-heading p{color:#92969d;line-height:1.6}
.studio-shell .page-heading h1{font-size:28px;letter-spacing:-.7px;font-weight:650}
.studio-shell .background-choice strong{font-size:12px;font-weight:500}
.studio-shell .font-grid button{border-radius:6px}
.studio-shell .nav-submenu{animation:none}