#system-pane-help .usage-guide{padding:20px;color:#334464}
#system-pane-help .usage-guide a{color:#4e5cc2;font-weight:800;text-decoration:none;text-underline-offset:3px}
#system-pane-help .usage-guide a:hover{text-decoration:underline}
#system-pane-help .usage-guide a:focus-visible,#system-pane-help .usage-guide summary:focus-visible{outline:3px solid rgba(34,184,240,.35);outline-offset:3px;border-radius:6px}
#system-pane-help .usage-guide h4,#system-pane-help .usage-guide h5{margin:0;color:#27365b}
#system-pane-help .usage-guide p,#system-pane-help .usage-guide li{font-size:13px;line-height:1.7}
#system-pane-help .usage-guide p{margin:0}
#system-pane-help .usage-guide ul,#system-pane-help .usage-guide ol{margin:11px 0 0;padding-left:20px}
#system-pane-help .usage-guide li+li{margin-top:5px}
#system-pane-help .usage-guide code{font:700 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
#system-pane-help .usage-guide-intro{padding:22px 24px;border:1px solid #d6def9;border-radius:15px;background:radial-gradient(circle at 98% 0,rgba(74,190,220,.14),transparent 38%),linear-gradient(125deg,#f1f4ff,#fff);box-shadow:0 9px 22px rgba(74,90,168,.07)}
#system-pane-help .usage-guide-eyebrow{margin-bottom:5px!important;color:#5c67c7;font-size:10px!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
#system-pane-help .usage-guide-intro h4{font-size:22px;letter-spacing:-.025em}
#system-pane-help .usage-guide-intro>p:not(.usage-guide-eyebrow){margin-top:8px;color:#61708e}
#system-pane-help .usage-guide-privacy-warning{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 17px;border:1px solid #f0ca70;border-radius:14px;background:linear-gradient(120deg,#fff8df,#fffdf6);box-shadow:0 8px 18px rgba(170,121,31,.08);color:#684d19}
#system-pane-help .usage-guide-privacy-warning-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;background:#e6a820;color:#fff;font:900 16px/1 ui-monospace,Consolas,monospace;box-shadow:0 4px 10px rgba(174,123,25,.22)}
#system-pane-help .usage-guide-privacy-warning-body{display:flex;align-items:center;min-width:0;white-space:nowrap}
#system-pane-help .usage-guide-privacy-warning-body>strong{display:block;color:#714e13;font-size:14px;line-height:1.45;white-space:nowrap}
#system-pane-help .usage-guide-privacy-help{padding:0;border:0;background:transparent;color:#9a6d19;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#system-pane-help .usage-guide-privacy-help:hover{color:#72500e}
#system-pane-help .usage-guide-privacy-help:focus-visible{outline:3px solid rgba(34,184,240,.35);outline-offset:3px;border-radius:4px}
#system-pane-help .usage-guide-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
#system-pane-help .usage-guide-steps a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 12px;border:1px solid #d8e0f8;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(68,78,140,.05)}
#system-pane-help .usage-guide-steps a span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#e9edff;color:#5360bd;font:900 11px/1 ui-monospace,Consolas,monospace}
#system-pane-help .usage-guide-section{margin-top:27px}
#system-pane-help .usage-guide-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}
#system-pane-help .usage-guide-heading>span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #cbd4f7;border-radius:9px;background:linear-gradient(135deg,#eef1ff,#fff);box-shadow:0 4px 10px rgba(74,90,168,.08);color:#5361bf;font-size:14px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
#system-pane-help .usage-guide-heading h4{font-size:22px;line-height:1.25;letter-spacing:-.02em}
#system-pane-help .usage-guide-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#system-pane-help .usage-guide-flow-card,#system-pane-help .usage-guide-example,#system-pane-help .usage-guide-tip-grid article{min-width:0;padding:18px;border:1px solid #e0e6f4;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(59,76,142,.045)}
#system-pane-help .usage-guide-flow-card{scroll-margin-top:16px}
@keyframes usage-guide-target-flash{0%,100%{border-color:#e0e6f4;box-shadow:0 6px 16px rgba(59,76,142,.045)}18%,58%{border-color:#6575df;box-shadow:0 0 0 3px rgba(101,117,223,.24),0 12px 28px rgba(76,91,190,.18)}38%,76%{border-color:#a8b2f1;box-shadow:0 0 0 1px rgba(101,117,223,.12),0 8px 20px rgba(76,91,190,.09)}}
#system-pane-help .usage-guide-flow-card:target{position:relative;z-index:1;animation:usage-guide-target-flash 1.9s ease-in-out 1}
@media(prefers-reduced-motion:reduce){#system-pane-help .usage-guide-flow-card:target{animation:none;border-color:#6575df;box-shadow:0 0 0 3px rgba(101,117,223,.24),0 12px 28px rgba(76,91,190,.18)}}
#system-pane-help .usage-guide-step-number{display:inline-grid;place-items:center;width:30px;height:30px;margin-bottom:11px;border-radius:9px;background:linear-gradient(135deg,#605ce1,#4c8bdf);color:#fff;font:900 13px/1 ui-monospace,Consolas,monospace}
#system-pane-help .usage-guide-flow-card h5,#system-pane-help .usage-guide-example h5,#system-pane-help .usage-guide-tip-grid h5{font-size:15px}
#system-pane-help .usage-guide-flow-card>p{margin-top:8px}
#system-pane-help .usage-guide-flow-card li,#system-pane-help .usage-guide-tip-grid li{color:#60708d}
#system-pane-help .usage-guide-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#system-pane-help .usage-guide-network-card{min-width:0;overflow:hidden;border:1px solid #cfdafb;border-radius:14px;background:#fff;box-shadow:0 9px 20px rgba(59,76,142,.07)}
#system-pane-help .usage-guide-network-card.is-proxy{border-color:#b9e6df}
#system-pane-help .usage-guide-network-head{display:flex;align-items:center;gap:11px;padding:15px 17px;background:linear-gradient(110deg,#edf1ff,#f8faff)}
#system-pane-help .is-proxy .usage-guide-network-head{background:linear-gradient(110deg,#e9fbf7,#f8fffd)}
#system-pane-help .usage-guide-network-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:#5f65d2;color:#fff;font:900 16px/1 ui-monospace,Consolas,monospace}
#system-pane-help .is-proxy .usage-guide-network-icon{background:#1c9c8a}
#system-pane-help .usage-guide-network-head div{min-width:0}
#system-pane-help .usage-guide-network-head div>span{display:block;color:#7080a2;font-size:10px;font-weight:800;letter-spacing:.05em}
#system-pane-help .usage-guide-network-head h5{margin-top:2px;font-size:16px}
#system-pane-help .usage-guide-network-head>strong{margin-left:auto;color:#6470c5;font:900 13px/1 ui-monospace,Consolas,monospace}
#system-pane-help .is-proxy .usage-guide-network-head>strong{color:#158e80}
#system-pane-help .usage-guide-network-card dl{margin:0;padding:4px 17px 10px}
#system-pane-help .usage-guide-network-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f8}
#system-pane-help .usage-guide-network-card dl>div:last-child{border-bottom:0}
#system-pane-help .usage-guide-network-card dt{flex:none;color:#72809a;font-size:12px;font-weight:700}
#system-pane-help .usage-guide-network-card dd{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin:0;color:#334a84;text-align:right}
#system-pane-help .usage-guide-network-card dd small{margin-left:5px;color:#8b96aa;font-size:11px}
#system-pane-help .usage-copy,.usage-guide-device-modal .usage-copy{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #d5def6;border-radius:7px;background:#f8faff;color:#5364bc;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}
#system-pane-help .usage-copy svg,.usage-guide-device-modal .usage-copy svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#system-pane-help .usage-copy:hover,.usage-guide-device-modal .usage-copy:hover{border-color:#9daef0;background:#eef2ff;color:#4054a3;transform:translateY(-1px)}
#system-pane-help .usage-copy:focus-visible,.usage-guide-device-modal .usage-copy:focus-visible{outline:2px solid rgba(88,108,225,.35);outline-offset:2px}
#system-pane-help .usage-copy.is-copied,.usage-guide-device-modal .usage-copy.is-copied{border-color:#9ee5cf;background:#e9fbf3;color:#16815f}
#system-pane-help .usage-guide-static-example{display:flex;align-items:center;gap:20px;margin-top:12px;padding:13px 16px;border:1px solid #dbe5f6;border-radius:12px;background:#f8faff}
#system-pane-help .usage-guide-static-example>div{display:grid;gap:2px;flex:none}
#system-pane-help .usage-guide-static-example>div span{color:#7e8cad;font-size:10px;font-weight:800}
#system-pane-help .usage-guide-static-example>div strong{color:#4054a3;font-size:13px}
#system-pane-help .usage-guide-static-example p{display:flex;flex-wrap:wrap;gap:7px 16px;color:#64728f}
#system-pane-help .usage-guide-static-example p span{font-size:12px;white-space:nowrap}
#system-pane-help .usage-guide-static-example code{color:#364b8b}
#system-pane-help .usage-guide-note{margin-top:10px!important;color:#946821;font-size:12px!important}
#system-pane-help .usage-guide-example-grid,#system-pane-help .usage-guide-tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#system-pane-help .usage-guide-example>span{display:block;margin-bottom:5px;color:#5c69bf;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
#system-pane-help .usage-guide-example li{color:#5c6b87}
#system-pane-help .usage-guide-example code,#system-pane-help .usage-guide-tip-grid code,#system-pane-help .usage-guide-faq code{padding:1px 4px;border-radius:4px;background:#f1f4ff;color:#4456a2}
#system-pane-help .usage-guide-faq{display:grid;gap:8px}
#system-pane-help .usage-guide-faq details{border:1px solid #dfe6f4;border-radius:10px;background:#fff}
#system-pane-help .usage-guide-faq summary{min-height:42px;padding:11px 14px;color:#34466f;font-size:13px;font-weight:800;cursor:pointer}
#system-pane-help .usage-guide-faq details[open]{border-color:#bbc9ee;background:#fbfcff}
#system-pane-help .usage-guide-faq details p{padding:0 14px 14px;color:#62718d}
#system-pane-help .usage-guide-disclaimer{margin:19px 0 2px!important;color:#8995a9;font-size:11px!important;text-align:center}
#system-pane-help .usage-guide-help-trigger{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:8px 11px;border:1px solid #cbd5f4;border-radius:9px;background:#f6f8ff;color:#5363c0;font-size:12px;font-weight:800;line-height:1.25;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
#system-pane-help .usage-guide-help-trigger svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#system-pane-help .usage-guide-help-trigger:hover{border-color:#8fa2eb;background:#eef2ff;box-shadow:0 5px 12px rgba(76,91,190,.12);transform:translateY(-1px)}
#system-pane-help .usage-guide-help-trigger:focus-visible,.usage-guide-device-modal button:focus-visible{outline:3px solid rgba(34,184,240,.35);outline-offset:2px}
.usage-guide-device-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}
.usage-guide-device-modal[hidden]{display:none}
html.usage-guide-modal-open{overflow:hidden}
.usage-guide-device-modal-card{width:min(760px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:23px;border:1px solid #d7def3;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 28px 90px rgba(31,42,94,.28)}
.usage-guide-device-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.usage-guide-modal-kicker{display:block;color:#6875cb;font-size:10px;font-weight:900;letter-spacing:.13em}
.usage-guide-device-modal-head h4{margin-top:4px;font-size:23px;line-height:1.25;letter-spacing:-.025em}
.usage-guide-device-modal-head p{margin-top:7px;color:#65738f}
.usage-guide-device-modal-close{display:grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:1px solid #d5def4;border-radius:10px;background:#fff;color:#6573a5;cursor:pointer}
.usage-guide-device-modal-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.usage-guide-device-platform-tabs{display:flex;gap:8px;margin-top:19px;padding:5px;border:1px solid #dce3f6;border-radius:12px;background:#f4f6ff}
.usage-guide-device-platform-tabs button{min-height:38px;padding:7px 15px;border:1px solid transparent;border-radius:9px;background:transparent;color:#687696;font-size:13px;font-weight:800;cursor:pointer}
.usage-guide-device-platform-tabs button[aria-selected="true"]{border-color:#bfcaf3;background:#fff;color:#4e5fc0;box-shadow:0 4px 10px rgba(74,90,168,.1)}
.usage-guide-device-panels{margin-top:14px}
.usage-guide-device-platform-panel{display:grid;gap:12px}
.usage-guide-device-platform-panel[hidden]{display:none}

.usage-guide-device-panel{padding:19px;border:1px solid #dfe5f5;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(59,76,142,.055)}
.usage-guide-device-panel-index{display:block;color:#6976c6;font-size:10px;font-weight:900;letter-spacing:.08em}
.usage-guide-device-panel h5{margin-top:5px;font-size:17px}
.usage-guide-device-panel ol{margin-top:10px}
.usage-guide-device-panel pre{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 0;padding:12px 14px;overflow:auto;border:1px solid #dbe3f5;border-radius:9px;background:#f5f7ff;color:#3e4f96;font:700 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.usage-guide-device-panel pre code{min-width:0;overflow:auto}
.usage-guide-device-panel kbd{padding:2px 5px;border:1px solid #cbd4ea;border-bottom-width:2px;border-radius:4px;background:#f7f9ff;color:#44558f;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}
.usage-guide-device-path{margin-top:14px;padding:11px 13px;border:1px solid #dbe7f5;border-radius:9px;background:#f5fbff;color:#4e638d;font-size:13px;line-height:1.6}
.usage-guide-device-path b{padding:0 5px;color:#5b6ed0}
.usage-guide-device-note{margin-top:11px!important;color:#697793;font-size:12px!important}
.usage-guide-device-video{margin-top:14px;padding:13px;border:1px solid #d9e4f4;border-radius:12px;background:linear-gradient(135deg,#f7f9ff,#f2fbff)}
.usage-guide-device-video-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#4d61bb;font-size:12px;font-weight:900}
.usage-guide-device-video-head small{color:#7c8ba8;font-size:10px;font-weight:800}
.usage-guide-device-video-player{display:block;width:100%;aspect-ratio:16/9;min-height:165px;border:1px solid #cddaf0;border-radius:9px;background:#18234b;object-fit:contain}
.usage-guide-device-video-empty{display:grid;place-items:center;min-height:165px;padding:20px;border:1px dashed #aebfdf;border-radius:9px;background:#eef3ff;color:#657594;font-size:12px;text-align:center;line-height:1.7}.usage-guide-device-video-empty code{color:#4b5eaa}
.usage-guide-device-video-note{margin-top:8px!important;color:#74819b;font-size:11px!important}
.usage-guide-device-video-note code{color:#4b5eaa}
.usage-guide-device-modal-tip{display:flex;align-items:baseline;gap:9px;margin-top:13px;padding:11px 13px;border:1px solid #cce8df;border-radius:10px;background:#f1fbf7;color:#4b6f68;font-size:12px;line-height:1.6}
.usage-guide-device-modal-tip strong{color:#18826a;white-space:nowrap}
@media(max-width:900px){#system-pane-help .usage-guide-flow{grid-template-columns:1fr}#system-pane-help .usage-guide-network-grid,#system-pane-help .usage-guide-example-grid,#system-pane-help .usage-guide-tip-grid{grid-template-columns:1fr}}
@media(max-width:600px){#system-pane-help .usage-guide{padding:15px}#system-pane-help .usage-guide-intro{padding:18px}#system-pane-help .usage-guide-intro h4{font-size:19px}#system-pane-help .usage-guide-heading{display:block}#system-pane-help .usage-guide-heading h4{margin-top:3px}#system-pane-help .usage-guide-static-example{display:block}#system-pane-help .usage-guide-static-example p{margin-top:10px}}





.usage-guide-privacy-modal-card{width:min(560px,100%)}
.usage-guide-privacy-modal-lead{margin:15px 0 0;color:#5e6e8d;font-size:13px;line-height:1.7}
.usage-guide-privacy-steps{display:grid;gap:9px;margin-top:14px}
.usage-guide-privacy-steps section{padding:12px 13px;border:1px solid #dbe4f3;border-radius:10px;background:#f8faff}
.usage-guide-privacy-steps section>span{display:block;color:#5867be;font-size:12px;font-weight:900}
.usage-guide-privacy-steps section p{margin:5px 0 0;color:#61718d;font-size:12px;line-height:1.65}
.usage-guide-privacy-video{display:grid;justify-items:center;margin-top:14px;padding:13px;border:1px solid #d9e4f4;border-radius:12px;background:linear-gradient(135deg,#f7f9ff,#f2fbff)}
.usage-guide-privacy-video-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:9px;color:#4d61bb;font-size:12px;font-weight:900}
.usage-guide-privacy-video-head small{color:#7c8ba8;font-size:10px;font-weight:800}
.usage-guide-privacy-video-player{display:block;width:auto;max-width:100%;height:min(46vh,360px);border:1px solid #cddaf0;border-radius:9px;background:#18234b;object-fit:contain}