.modal.hb-modal{grid-template-rows:auto minmax(0,1fr);grid-template-columns:300px minmax(0,1fr);width:min(1040px,96vw);height:min(760px,90vh);max-height:90vh;padding:0;display:grid;overflow:hidden}.hb-head{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.hb-head .modal-title{margin:0;font-size:17px}.hb-side{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex}.hb-search{box-sizing:border-box;border:1px solid var(--line2);background:var(--bg);width:100%;height:32px;color:var(--text);font:inherit;border-radius:6px;padding:0 10px;font-size:13px}.hb-search:focus-visible{border-color:var(--accent);outline:none}.hb-mode{color:var(--text2);align-items:center;gap:4px;font-size:12.5px;display:flex}.hb-mode span{margin-right:4px}.hb-mode-btn{border:1px solid var(--line2);height:26px;color:var(--text2);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0 10px;font-size:12.5px}.hb-mode-btn:hover{background:var(--raise);color:var(--text)}.hb-mode-btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.hb-list{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.hb-sec{margin-bottom:10px}.hb-sec-h{z-index:1;background:var(--panel);color:var(--text2);letter-spacing:.02em;text-transform:uppercase;margin:0;padding:6px 4px;font-size:11.5px;font-weight:700;position:sticky;top:0}.hb-row{border:0;border-left:3px solid var(--cat,var(--line2));width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.hb-row:hover{background:var(--panel2)}.hb-row.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #3ecf8e73}.hb-row:focus-visible,.hb-mode-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hb-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hb-tag{background:var(--raise);color:var(--text2);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:600}.hb-level{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px #3ecf8e66}.hb-empty,.hb-muted{color:var(--text2);font-size:13px;line-height:1.5}.hb-page{min-height:0;padding:16px 22px 22px;font-size:13.5px;line-height:1.55;overflow-y:auto}.hb-pick{text-align:center;padding:40px 0}.hb-title{align-items:center;gap:12px;margin-bottom:14px;display:flex}.hb-node-name{margin:0 0 4px;font-size:20px}.hb-node-name .hb-node-en{color:var(--text3,#8f98a4);margin-top:1px;font-size:12.5px;font-weight:600;display:block}.hb-meta{flex-wrap:wrap;gap:6px;display:flex}.hb-block{margin-bottom:16px}.hb-block h3{color:var(--text2);text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:12.5px;font-weight:700}.hb-block p{margin:0}.hb-note{background:color-mix(in srgb, var(--warn) 12%, transparent);border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);color:var(--text);border-radius:6px;margin:0 0 14px;padding:8px 10px;font-size:13px}.hb-example{border-left:3px solid var(--accent);background:var(--panel);border-radius:0 6px 6px 0;padding:8px 10px}.hb-tips{margin:0;padding-left:20px}.hb-tips li{margin-bottom:4px}.hb-table{border-collapse:collapse;width:100%;font-size:13px}.hb-table th{border-bottom:1px solid var(--line2);color:var(--text2);text-align:left;padding:5px 8px;font-size:11.5px;font-weight:600}.hb-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.hb-table td:first-child,.hb-table td:nth-child(2){white-space:nowrap}.hb-req{color:var(--warn);margin-left:6px;font-size:11px;font-style:normal}.hb-default{color:var(--text2)}.hb-port-en{color:var(--text3,#8f98a4);font-size:11px;font-weight:600;display:block}.hb-type{align-items:center;gap:6px;display:inline-flex}.hb-type.type-bool{--pc:var(--t-bool,#f7d046)}.hb-type.type-number{--pc:var(--t-num,#5aa9ff)}.hb-type.type-object{--pc:var(--t-obj,#f27ad0)}.hb-shape{background:var(--pc);width:9px;height:9px;display:block}.hb-type.type-bool .hb-shape{border-radius:50%}.hb-type.type-number .hb-shape{transform:rotate(45deg)scale(.86)}.hb-adv{margin-top:8px}.hb-adv summary{cursor:pointer;color:var(--text2);padding:4px 0;font-size:12.5px}.hb-actions{flex-wrap:wrap;gap:8px;padding-top:6px;display:flex}.hb-actions .btn{height:32px}.hb-help{border:1px solid var(--line2);background:var(--panel2);width:20px;height:20px;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.hb-help:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.hb-help:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.palette-item .hb-help,.pn-ihead .hb-help{align-self:center;margin-left:auto}@media (width<=760px){.modal.hb-modal{grid-template-rows:auto minmax(0,38%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hb-side{border-right:0;border-bottom:1px solid var(--line)}}.modal-overlay.hb-standalone{--bg:#121418;--panel:#1c1f25;--panel2:#23272e;--raise:#2b3038;--line:#2c3139;--line2:#3a404a;--text:#e7e9ec;--text2:#aab2bd;--text3:#8f98a4;--accent:#3ecf8e;--accent-soft:#3ecf8e24;--warn:#f2b33d;--t-bool:#f7d046;--t-num:#5aa9ff;--t-obj:#f27ad0;z-index:300;color:var(--text);text-align:left;background:#080a0d99;justify-content:center;align-items:center;font-family:system-ui,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.modal-overlay.hb-standalone[hidden]{display:none}.hb-standalone .modal{background:var(--panel2);color:var(--text);border:1px solid var(--line2);border-radius:12px;box-shadow:0 20px 50px #0009}.hb-standalone .modal-title{margin:0 0 6px}.hb-standalone .btn{height:32px;color:var(--text2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;padding:0 12px;font:600 13px system-ui,sans-serif;display:inline-flex}.hb-standalone .btn:hover{color:var(--text);background:var(--raise)}.hb-standalone .hb-modal{font-size:13px}@media (width<=760px),(height<=460px){.hb-standalone .modal.hb-modal{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:98vw;height:94vh;max-height:94vh}.hb-standalone .hb-mode{display:none}.hb-standalone .hb-side{border-right:0;border-bottom:1px solid var(--line);max-height:30vh}}