.wl-editor { width:min(1160px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); overflow:hidden; box-sizing:border-box; padding:0; border:1px solid #497080; border-radius:8px; background:#10232e; color:#edf4f6; font:14px/1.4 system-ui,sans-serif; }
.wl-editor[open] { display:flex; flex-direction:column; }
.wl-editor [hidden] { display:none!important; }
.wl-editor::backdrop { background:rgb(0 0 0 / 65%); }
.wl-editor h2 { font-size:16px; line-height:1.25; margin:0 auto 0 0; padding:0; }
.wl-editor-header { display:flex; align-items:center; gap:10px; padding:5px 12px; background:#203945; flex:none; }
.wl-editor .wl-editor-close { width:34px; height:34px; padding:0; font-size:26px; line-height:1; background:#e7ff00; color:#101800; border-color:#e7ff00; }
.wl-editor-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:8px 16px 0; border-bottom:1px solid #44616e; flex:none; }
.wl-editor-tabs button { border:0; border-radius:4px 4px 0 0; border-bottom:3px solid transparent; background:transparent; }
.wl-editor-tabs button[aria-selected=true] { color:#e7ff00; border-bottom-color:#e7ff00; background:#203945; }
.wl-editor-body { overflow:auto; min-height:0; padding:10px 12px; overscroll-behavior:contain; }
.wl-editor fieldset { min-width:0; margin:0; padding:10px 12px; border:1px solid #44616e; border-radius:5px; }
.wl-editor legend { width:auto; font-size:14px; color:#d4e4e9; padding:0 6px; }
.wl-editor-order-columns { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.wl-editor-wide { grid-column:1/-1; }
.wl-editor-nodes { display:grid; grid-template-columns:280px minmax(0,1fr); gap:18px; }
.wl-editor-node-sidebar { display:flex; flex-direction:column; gap:12px; min-width:0; }
.wl-editor-node-list { overflow:auto; max-height:400px; border:1px solid #44616e; border-radius:5px; }
.wl-editor .wl-editor-node-item { display:block; width:100%; padding:10px; border:0; border-bottom:1px solid #44616e; border-radius:0; background:#142b37; text-align:left; }
.wl-editor-node-item strong,.wl-editor-node-item small { display:block; overflow-wrap:anywhere; }
.wl-editor-node-item small { color:#bdd2dd; margin-top:3px; }
.wl-editor .wl-editor-node-item[aria-pressed=true] { background:#294b58; box-shadow:inset 3px 0 #e7ff00; }
.wl-editor .wl-editor-roles { display:flex; gap:12px 20px; flex-wrap:wrap; }
.wl-editor .wl-editor-roles label { flex-direction:row-reverse; align-items:center; }
.wl-editor p { margin:12px 0; line-height:1.45; }
.wl-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; padding:2px 0 4px; }
.wl-editor label { display:flex; flex-direction:column; gap:5px; min-width:0; }
.wl-editor label > span { font-size:13px; color:#d4e4e9; }
.wl-editor input,.wl-editor select,.wl-editor textarea { box-sizing:border-box; width:100%; min-height:36px; padding:7px 9px; background:#08171f; border:1px solid #547482; border-radius:4px; color:#fff; font:inherit; }
.wl-editor input[type=checkbox] { width:22px; min-height:22px; accent-color:#e7ff00; }
.wl-editor input:read-only { opacity:.75; }
.wl-editor button { padding:8px 13px; border:1px solid #65828d; border-radius:4px; background:#203945; color:#fff; cursor:pointer; font:inherit; }
.wl-editor button:focus-visible,.wl-editor input:focus-visible,.wl-editor select:focus-visible,.wl-editor summary:focus-visible { outline:2px solid #e7ff00; outline-offset:2px; }
.wl-editor button.wl-editor-primary { background:#e7ff00; color:#101800; border-color:#e7ff00; }
.wl-editor-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:5px 0; }
.wl-editor-actions label { flex:1 1 200px; }
.wl-editor-order-tools { margin-bottom:8px; padding:0; align-items:flex-end; }
.wl-editor-footer { display:flex; align-items:center; gap:8px; flex:none; padding:6px 12px; border-top:1px solid #44616e; }
.wl-editor-save-actions { margin-left:auto; padding:0; flex-wrap:nowrap; flex:none; gap:6px; }
.wl-editor details { margin-top:16px; border-top:1px solid #44616e; padding:12px 0; }
.wl-editor summary { cursor:pointer; font-weight:600; }
.wl-editor .wl-editor-message { flex:1; min-width:0; margin:0; padding:0; font-size:12px; line-height:1.3; overflow-wrap:anywhere; }
.wl-editor-message.error { background:#5c2525; }
@media(max-width:900px) { .wl-editor-order-columns { grid-template-columns:1fr; } .wl-editor-nodes { grid-template-columns:220px minmax(0,1fr); } }
@media(max-width:600px) { .wl-editor { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); } .wl-editor-body { padding:12px; } .wl-editor-grid { grid-template-columns:1fr; gap:10px; } .wl-editor-nodes { grid-template-columns:1fr; } .wl-editor-node-list { max-height:160px; } .wl-editor-tabs { padding:6px 8px 0; gap:0; } .wl-editor-tabs button { padding:8px 10px; } .wl-editor-save-actions { bottom:-12px; } }
.wl-editor-probe { max-height: 18rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.wl-editor { top:calc(var(--wl-top,0px) + var(--wl-vh,100dvh)/2); bottom:auto; margin:0 auto; transform:translateY(-50%); max-height:calc(var(--wl-vh,100dvh) - 24px); }
.wl-editor input,.wl-editor select,.wl-editor textarea { min-width:0; max-width:100%; }
.wl-editor { color-scheme:dark; }
.wl-editor select { -webkit-appearance:none; appearance:none; padding-right:28px; background-color:#08171f; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23d4e4e9' d='M0 0h10L5 6z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; }
.wl-editor-tabs { flex-wrap:nowrap; overflow-x:auto; padding-top:4px; }
.wl-editor-tabs button { flex:none; white-space:nowrap; }
.wl-editor button:disabled { opacity:.55; cursor:default; }
@media(pointer:coarse) { .wl-editor input,.wl-editor select,.wl-editor textarea { font-size:16px; min-height:44px; } .wl-editor button { min-height:44px; } .wl-editor .wl-editor-close { width:44px; height:44px; } }
@media(max-width:600px) {
    .wl-editor { max-height:calc(var(--wl-vh,100dvh) - 12px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); }
    .wl-editor-header { padding:3px 8px; }
    .wl-editor-body { padding:8px; }
    .wl-editor-footer { padding:6px 8px; flex-wrap:wrap; }
    .wl-editor-footer .wl-editor-message { flex-basis:100%; }
    .wl-editor-save-actions { width:100%; }
    .wl-editor-save-actions button { flex:1; padding:8px; white-space:nowrap; }
    .wl-editor-node-list { max-height:120px; }
}

.wl-editor-node-form { min-width:0; }
.wl-editor-node-form > p:first-child { margin:0 0 10px; font-size:12px; color:#bdd2dd; }
.wl-editor-node-sidebar { gap:8px; }
.wl-editor-node-sidebar > .wl-editor-node-list { max-height:min(320px,30dvh); }
.wl-editor-node-sidebar > .wl-editor-node-list ~ .wl-editor-node-list { max-height:min(180px,20dvh); }
.wl-editor-node-row { display:flex; min-width:0; border-bottom:1px solid #44616e; }
.wl-editor-node-row > .wl-editor-node-item { flex:1; min-width:0; border-bottom:0; }
.wl-editor-peer-actions { display:flex; align-items:center; flex:none; gap:2px; padding:2px; }
.wl-editor-peer-actions button { display:grid; place-items:center; width:36px; height:36px; padding:4px!important; min-width:0; }
@media(pointer:coarse) { .wl-editor-peer-actions button { width:44px; height:44px; } }
.wl-editor-node-more { flex:none; width:32px; padding:4px!important; border:0!important; background:transparent!important; }
.wl-editor-last-seen { color:#b8ccd6; font-size:11px; }
.wl-editor-context { position:fixed; z-index:20; padding:4px; background:#193341; border:1px solid #69838f; border-radius:4px; box-shadow:0 3px 15px #0008; }
.wl-editor-context button { min-width:120px; }
.wl-editor-decision { width:min(440px,calc(100vw - 24px)); padding:16px; }
.wl-editor-decision > p { margin:0 0 16px; font-weight:600; }
.wl-editor-decision .wl-editor-actions { justify-content:flex-end; flex-wrap:wrap; }
.wl-editor-list-count { color:#bdd2dd; font-size:12px; }
.wl-editor .wl-editor-node-item { overflow-wrap:anywhere; }
.wl-editor-node-list > p { padding:0 10px; font-size:13px; }
.wl-editor-translations { margin-top:10px!important; }
.wl-editor-node-form > .wl-editor-actions:last-child { border-top:1px solid #44616e; margin-top:8px; padding-top:8px; justify-content:flex-end; }