.navigation-editor-shell{display:grid;gap:16px}.navigation-editor-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border:1px solid #cbd9ea;border-radius:16px;background:linear-gradient(135deg,#fff,#f2f8ff)}.navigation-editor-hero h2{margin:4px 0 6px}.navigation-editor-hero p{margin:0;max-width:780px;color:#52657a}.navigation-editor-toolbar{position:sticky;top:0;z-index:7;display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:12px;border:1px solid #cbd9ea;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 6px 20px rgba(21,47,78,.08)}.navigation-target{display:grid;gap:4px;min-width:240px}.navigation-target span,.navigation-editor-group label>span,.navigation-editor-item label>span{font-size:11px;font-weight:800;color:#53677d;text-transform:uppercase;letter-spacing:.04em}.navigation-target select{min-height:38px}.navigation-editor-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.navigation-editor-note{padding:11px 14px;border-left:4px solid #2b65bc;border-radius:8px;background:#edf5ff;color:#3f5369}.navigation-editor-groups{display:grid;gap:12px}.navigation-editor-group{border:1px solid #bfd0e4;border-radius:14px;background:#f7faff;box-shadow:0 3px 12px rgba(31,60,93,.06);overflow:hidden}.navigation-editor-group.drag-over{border-color:#2769c5}.navigation-editor-group>header{display:flex;align-items:end;gap:10px;padding:12px;background:#e8f1fb;border-bottom:1px solid #cbd9ea}.navigation-editor-group>header label{display:grid;gap:4px}.navigation-editor-group-title{flex:1;min-width:190px}.navigation-editor-group input{min-height:36px}.navigation-editor-group [data-navigation-group-icon]{width:64px;text-align:center;font-size:18px}.navigation-group-drag,.navigation-drag-handle{align-self:center;border:0;background:transparent;color:#365a82;font-weight:900;cursor:grab;min-width:36px;min-height:36px;border-radius:8px}.navigation-group-drag:hover,.navigation-drag-handle:hover{background:#d4e4f6}.navigation-group-count{align-self:center;font-size:12px;color:#597087;white-space:nowrap}.navigation-switch,.navigation-right-switch{align-self:center!important;display:flex!important;align-items:center;gap:7px;white-space:nowrap}.navigation-switch input,.navigation-right-switch input{min-height:auto;width:18px;height:18px}.navigation-right-switch.partial span{color:#a26500}.navigation-order-buttons{display:flex;align-self:center}.navigation-order-buttons button{width:34px;height:34px;border:1px solid #b7cae0;background:#fff;color:#184f91}.navigation-order-buttons button+button{border-left:0}.navigation-editor-items{display:grid;gap:6px;padding:8px;min-height:48px}.navigation-editor-item{display:grid;grid-template-columns:36px 70px minmax(180px,1fr) minmax(125px,.55fr) auto auto;align-items:end;gap:9px;padding:8px;border:1px solid #d4e0ed;border-radius:10px;background:#fff}.navigation-editor-item label{display:grid;gap:3px}.navigation-editor-item input,.navigation-editor-item select{min-height:34px}.navigation-icon-field input{width:64px;text-align:center;font-weight:900}.navigation-feature-code{align-self:center;color:#6c7d90;font-family:ui-monospace,Consolas,monospace;font-size:10px;overflow-wrap:anywhere}.navigation-visibility-field{min-width:170px}.navigation-empty-group{padding:12px;border:1px dashed #9fb7d1;border-radius:8px;text-align:center;color:#66809a}.button.compact{padding:7px 10px;min-height:34px}@media(max-width:1100px){.navigation-editor-item{grid-template-columns:36px 60px minmax(160px,1fr);}.navigation-feature-code,.navigation-visibility-field,.navigation-editor-item>.navigation-switch,.navigation-editor-item>.navigation-right-switch,.navigation-editor-item>.navigation-order-buttons{grid-column:3}.navigation-editor-group>header{align-items:center}.navigation-editor-actions{width:100%;margin-left:0}}@media(max-width:720px){.navigation-editor-hero{display:grid}.navigation-editor-toolbar{position:static}.navigation-editor-actions{display:grid;grid-template-columns:1fr 1fr}.navigation-editor-actions .primary{grid-column:1/-1}.navigation-target{width:100%}.navigation-editor-group>header{display:grid;grid-template-columns:40px 70px 1fr}.navigation-group-count,.navigation-editor-group>header>.navigation-switch,.navigation-editor-group>header>.navigation-right-switch,.navigation-editor-group>header>.navigation-visibility-field,.navigation-editor-group>header>.navigation-order-buttons{grid-column:3}.navigation-editor-item{grid-template-columns:36px 60px 1fr}.navigation-editor-item>*:not(.navigation-drag-handle):not(.navigation-icon-field):not(.navigation-label-field){grid-column:3}}