.navigation-studio-host{grid-column:1/-1}.navstudio{display:grid;gap:18px;color:#172033}.navstudio>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.navstudio h2,.navstudio h3,.navstudio p{margin-top:0}.navstudio__toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;background:#f8fafc;border:1px solid #dce3ed;border-radius:12px}.navstudio__toolbar label{display:grid;gap:4px;min-width:260px}.navstudio button,.navstudio input,.navstudio select{font:inherit}.navstudio button{border:1px solid #b9c5d6;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.navstudio button:disabled{opacity:.45;cursor:not-allowed}.navstudio__grid{display:grid;grid-template-columns:minmax(270px,1fr) minmax(260px,.8fr) minmax(270px,1fr);gap:16px}.navstudio__panel,.navstudio__permissions{background:#fff;border:1px solid #dce3ed;border-radius:14px;padding:16px;min-width:0;overflow:auto}.navstudio__tree,.navstudio__tree ul{list-style:none;padding:0;margin:0}.navstudio__tree ul{padding-left:18px}.navstudio__tree-item>button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:0;border-radius:7px}.navstudio__tree-item>button.is-selected{background:#eaf0ff;color:#163b91}.navstudio__grip{color:#8793a6}.navstudio__badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e9eef5;font-size:11px;font-weight:700}.navstudio__badge--published,.navstudio__badge--active,.navstudio__badge--editor{background:#dcfce7;color:#166534}.navstudio__panel>label{display:grid;gap:5px;margin-bottom:10px}.navstudio__panel input,.navstudio__panel select{width:100%;box-sizing:border-box;padding:8px;border:1px solid #cbd5e1;border-radius:7px}.navstudio__check{display:block!important}.navstudio__danger{color:#b42318;border-color:#f0b3ad!important}.navstudio__preview details{border-bottom:1px solid #e6ebf3;padding:8px 0}.navstudio__preview summary{font-weight:750;cursor:pointer}.navstudio__preview a{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-top:4px;border-radius:7px;color:#26364d;text-decoration:none}.navstudio__preview a.is-disabled{opacity:.45}.navstudio table{border-collapse:collapse;width:100%}.navstudio th,.navstudio td{padding:9px;border-bottom:1px solid #e6ebf3;text-align:left;vertical-align:top}.navstudio__error{padding:18px;border:1px solid #fecaca;background:#fff7f7;color:#991b1b;border-radius:12px}@media(max-width:1100px){.navstudio__grid{grid-template-columns:1fr 1fr}.navstudio__preview{grid-column:1/-1}}@media(max-width:767px){.navstudio>header{display:block}.navstudio__grid{grid-template-columns:1fr}.navstudio__preview{grid-column:auto}.navstudio__toolbar>*{width:100%}.navstudio__toolbar label{min-width:0}}