:root{--bg0:#1a1a1a;--bg1:#323232;--bg2:#2b2b2b;--bg3:#3d3d3d;--border:#010101;--border2:#242424;--border-hi:#4a4a4a;--t1:#e8e8e8;--t2:#b8b8b8;--t3:#8c8c8c;--accent:#2688eb;--ah:#4ba3ff;--ad:#1473e6;--danger:#e34850;--lp-w:300px;--rw:300px;--header-h:29px;--mbar-h:30px;--footer-h:22px;--radius:3px;--space-1:4px;--space-2:8px;--panel-inset:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg0);color:var(--t1);height:100vh;display:flex;flex-direction:column;overflow:hidden;font-size:12px;-webkit-font-smoothing:antialiased}.hidden{display:none!important}.mono{font-family:Consolas,ui-monospace,monospace;font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:3px 12px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:400;color:var(--t2);background:linear-gradient(180deg,#5a5a5a,#4a4a4a);border-color:#2d2d2d #2d2d2d #1a1a1a;box-shadow:inset 0 1px #ffffff14;transition:background .1s,color .1s;white-space:nowrap;font-family:inherit}.btn:hover{background:linear-gradient(180deg,#666,#555);color:var(--t1)}.btn.sm{padding:3px 8px;font-size:10px}.btn.primary{background:linear-gradient(180deg,var(--ah) 0%,var(--accent) 100%);color:#fff;border-color:#1a4a7a #0d3d6b #082f55;box-shadow:inset 0 1px #fff3}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{background:linear-gradient(180deg,#c44,#a33);color:#fff;border-color:#522}.btn.danger:hover{filter:brightness(1.08)}.btn.icon{padding:0;width:22px;height:22px;min-width:22px;background:transparent;border:1px solid transparent;box-shadow:none}.btn.icon:hover{background:var(--bg3);border-color:var(--border-hi)}.inp{background:#262626;border:1px solid #141414;box-shadow:inset 0 1px 2px #00000059;border-radius:var(--radius);padding:4px 6px;font-size:11px;color:var(--t1);outline:none;width:100%;max-width:100%;min-width:0;font-family:inherit;transition:border-color .12s}.inp:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:72px;line-height:1.4}.rng{-webkit-appearance:none;height:4px;border-radius:1px;background:linear-gradient(180deg,#1a1a1a,#262626);border:1px solid #0a0a0a;box-shadow:inset 0 1px #ffffff0a;outline:none;cursor:pointer;flex:1;min-width:0}.rng::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:14px;border-radius:1px;background:linear-gradient(180deg,#e0e0e0,#b0b0b0);border:1px solid #333;box-shadow:0 1px #ffffff40;cursor:pointer}.rng::-moz-range-thumb{width:10px;height:14px;border-radius:1px;border:1px solid #333;background:linear-gradient(180deg,#e0e0e0,#b0b0b0);cursor:pointer}.sh{font-size:11px;font-weight:600;color:var(--t2);display:flex;align-items:center;gap:6px;margin-bottom:6px;min-width:0}.sh:after{content:"";flex:1;height:1px;background:var(--border2)}.dd-wrap{position:relative}.dd-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#2d2d2d;border:1px solid #0a0a0a;padding:var(--space-1) 0;z-index:9999;border-radius:var(--radius);box-shadow:0 12px 40px #000000a6,inset 0 1px #ffffff0f}.dd-menu.open{display:block}.ddi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px var(--panel-inset) 6px 10px;font-size:12px;color:var(--t2);cursor:pointer;transition:background .08s;-webkit-user-select:none;user-select:none}.ddi-main{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.ddi-ic{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--t2)}.ddi-ic svg{width:15px;height:15px;display:block}.ddi:hover{background:var(--accent);color:#fff}.ddi:hover .ddi-ic{color:inherit}.sep{height:1px;background:var(--border2);margin:2px 0}#header{height:var(--header-h);background:linear-gradient(180deg,#3c3c3c,#323232 40%,#2e2e2e);border-bottom:1px solid #010101;box-shadow:inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 6px;flex-shrink:0;z-index:100}.header-left{display:flex;align-items:center;gap:0}.nav-btn{display:flex;align-items:center;gap:6px;padding:2px 10px;height:22px;border-radius:0;font-size:12px;color:var(--t1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.nav-btn:hover{background:#ffffff1f}.nav-btn-ic{display:flex;color:var(--t2)}.nav-btn:hover .nav-btn-ic{color:var(--t1)}#logo{display:flex;align-items:center;gap:8px;margin-right:6px;padding-right:10px;border-right:1px solid #252525}.logo-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:8px;font-weight:800;color:#fff;background:linear-gradient(145deg,#22c55e,#15803d);border-radius:3px;box-shadow:0 1px 2px #0006,inset 0 1px #fff3;letter-spacing:-.02em}#logo-text{font-weight:600;font-size:13px;letter-spacing:-.01em;color:var(--t1)}#header-actions{display:flex;align-items:center;gap:6px}.header-actions{flex-shrink:0}.dd-wrap--header-export{position:relative}.header-export-trigger{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 12px}.header-export-chev{display:flex;opacity:.9;flex-shrink:0}.header-export-trigger.open{filter:brightness(1.05);box-shadow:inset 0 0 0 1px #ffffff2e}.dd-menu--align-right{left:auto;right:0;min-width:160px}#mode-bar{height:var(--mbar-h);background:linear-gradient(180deg,#474747,#3a3a3a,#353535);border-bottom:1px solid #010101;box-shadow:inset 0 1px #ffffff1a;display:flex;align-items:center;gap:2px;padding:0 8px;flex-shrink:0;z-index:90}.mode-tab{display:flex;align-items:center;gap:5px;padding:3px 12px;height:22px;border-radius:var(--radius);font-size:11px;font-weight:500;color:var(--t2);cursor:pointer;transition:background .1s,color .1s;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:inherit;background:transparent}.mode-tab:hover{color:var(--t1);background:#00000026}.mode-tab.ao{background:#0003;color:var(--t1);border-color:#1a1a1a;box-shadow:inset 0 1px #ffffff0f}#main{display:flex;flex:1;overflow:hidden;min-height:0}#left-panel{width:var(--lp-w);flex-shrink:0;background:var(--bg1);border-right:1px solid #010101;display:flex;flex-direction:column;overflow:hidden}.lp-head{display:flex;align-items:center;justify-content:space-between;min-height:24px;padding:0 6px;background:linear-gradient(180deg,#3a3a3a,#323232);border-bottom:1px solid #010101}.lp-title{font-size:11px;font-weight:600;color:var(--t2)}.lp-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;background:#2a2a2a}.panel-sec{border-bottom:1px solid #010101;box-shadow:inset 0 1px #ffffff0a}.panel-sec-group{padding-left:var(--space-1);padding-right:var(--space-1)}.panel-title{font-size:11px;font-weight:600;color:var(--t1);padding:6px 8px;background:linear-gradient(180deg,#404040,#383838);border-bottom:1px solid #010101}.tool-col{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--panel-inset) var(--space-2)}.panel-sec-group .tool-col{background:#0000001f;border-radius:var(--radius);margin:0 0 var(--space-2);padding:var(--space-2) var(--panel-inset)}.scan-lead{margin:0;padding:8px var(--panel-inset) 10px;font-size:10px;line-height:1.5;color:var(--t3);background:#262626;border-bottom:1px solid var(--border2);box-shadow:inset 0 1px #ffffff0a}#panel-read-ui .panel-sec-group .tool-col.scan-tool-wrap{gap:0;padding-bottom:12px}#panel-read-ui .scan-card{margin-bottom:0;gap:8px;box-shadow:inset 0 1px #ffffff0d}#panel-read-ui .scan-card .sh{margin-bottom:0}#panel-read-ui .scan-card-note{margin:0;font-size:10px;line-height:1.45;color:var(--t3)}.scan-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:8px;border-top:1px solid var(--border2)}.scan-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scan-action-btn{min-height:34px;padding:6px 10px;justify-content:center;flex-direction:row;gap:8px;line-height:1.2}.scan-action-btn .scan-btn-ic{display:flex;flex-shrink:0;opacity:.92}.scan-action-btn--stop{width:100%}.scan-result{min-height:104px;max-height:min(30vh,260px);font-size:11px;line-height:1.45;resize:vertical}.scan-result-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:8px;margin-top:4px;border-top:1px solid var(--border2)}.scan-copy-btn{flex-shrink:0}.scan-card--result .scan-card-note{margin-bottom:2px}.field-row{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}.field-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--t3)}.sym-lab{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--t2);cursor:pointer;-webkit-user-select:none;user-select:none}.sym-lab input{accent-color:var(--accent)}.panel-note{font-size:11px;color:var(--t3);line-height:1.45;margin-bottom:4px}.btn-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rng-row{display:flex;align-items:center;gap:6px;padding:3px 0}.rng-lbl{font-size:11px;color:var(--t2);width:72px;flex-shrink:0}.rng-val{font-size:10px;font-family:Consolas,monospace;color:var(--t3);width:36px;text-align:right;flex-shrink:0}.color-row{display:flex;align-items:center;gap:8px;padding:5px 0;flex-wrap:wrap}.color-lbl{font-size:11px;color:var(--t2);width:64px;flex-shrink:0}#st-fg,#st-bg{width:32px;height:28px;border:1px solid #0a0a0a;cursor:pointer;border-radius:2px;padding:0}.color-hex{font-size:10px;font-family:Consolas,monospace;color:var(--t3)}#viewport{flex:1;position:relative;overflow:auto;min-width:0;background:#1e1e1e;background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}#viewport-inner{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.qr-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#qr-host{display:flex;align-items:center;justify-content:center}#qr-host canvas,#qr-host svg{display:block;box-shadow:0 0 0 1px #0a0a0a,0 12px 48px #0000008c;max-width:min(92vw,1024px);height:auto}.qr-placeholder{font-size:12px;color:var(--t3);text-align:center;max-width:280px;line-height:1.4}.qr-placeholder.hidden{display:none!important}.read-viewport{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:12px}.read-viewport-hint{font-size:12px;color:var(--t3);text-align:center}.read-viewport-hint.hidden{display:none!important}.read-video-wrap{width:100%;max-width:560px;border-radius:var(--radius);border:2px solid var(--border-hi);overflow:hidden;background:#111;box-shadow:0 8px 32px #00000073}.read-video-wrap video{width:100%;max-height:min(72vh,720px);min-height:200px;height:auto;display:block;vertical-align:top;object-fit:contain;background:#0a0a0a}.read-static-wrap{width:100%;max-width:560px;border-radius:var(--radius);border:2px solid var(--border-hi);background:#111;padding:8px}.read-static-wrap img{max-width:100%;height:auto;display:block;margin:0 auto}#right-panel{width:var(--rw);flex-shrink:0;min-width:0;background:var(--bg1);border-left:1px solid #010101;display:flex;flex-direction:column;overflow:hidden}.rp-top{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.rp-panel-hdr{min-height:24px;background:linear-gradient(180deg,#3a3a3a,#323232);border-bottom:1px solid #010101;flex-shrink:0}.rp-panel-hdr--solo{display:flex;align-items:center}.rp-solo-title{font-size:11px;font-weight:600;color:var(--t2);padding:6px var(--panel-inset)}.rp-tab-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rp-tab-panel-scroll{overflow-y:auto;background:#262626}.rp-hint{flex-shrink:0;margin:0;padding:8px var(--panel-inset);font-size:10px;line-height:1.4;color:var(--t3);background:#2a2a2a;border-bottom:1px solid var(--border2)}.rp-body{padding:var(--space-2) var(--panel-inset) 16px;gap:var(--space-2)}.insp-card{background:#00000024;border:1px solid var(--border2);border-radius:var(--radius);padding:var(--space-2) var(--panel-inset);display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-2)}.insp-card .sh{margin-bottom:2px}details.insp-card.insp-card--collapse{gap:0}summary.insp-card-sum{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;min-width:0;font-size:11px;font-weight:600;color:var(--t2)}summary.insp-card-sum::-webkit-details-marker{display:none}summary.insp-card-sum::marker{content:none}.insp-card-chev{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;color:var(--t3);transition:transform .12s ease}details.insp-card--collapse[open]>summary .insp-card-chev{transform:rotate(90deg)}.insp-card-sum-txt{flex-shrink:0}summary.insp-card-sum:after{content:"";flex:1;min-width:6px;height:1px;background:var(--border2)}.insp-card-body{display:flex;flex-direction:column;gap:6px;padding-top:8px}summary.insp-card-sum:focus{outline:none}summary.insp-card-sum:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){.insp-card-chev{transition:none}}#footer{height:var(--footer-h);background:linear-gradient(180deg,#323232,#2e2e2e);border-top:1px solid #010101;display:flex;align-items:center;justify-content:space-between;padding:0 10px;flex-shrink:0;font-size:11px;color:var(--t3)}#footer-l{display:flex;align-items:center;gap:10px}.mode-ind{font-weight:600;color:var(--accent)}.modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.modal{background:#323232;border:1px solid var(--border-hi);border-radius:calc(var(--radius) + 1px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #000000d1}.modal-hdr{padding:10px var(--panel-inset);border-bottom:1px solid #010101;background:linear-gradient(180deg,#3a3a3a,#323232);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:13px;font-weight:600}.modal-body{padding:12px var(--panel-inset) 16px;background:#2a2a2a}.help-list{margin:10px 0 0 18px;color:var(--t2);line-height:1.5;font-size:11px}.help-list code{font-size:10px;background:#1e1e1e;padding:1px 4px;border-radius:2px}#toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#323232;border:1px solid #010101;border-radius:3px;padding:8px 18px;font-size:12px;z-index:9999;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 8px 32px #0000008c;max-width:90vw}#toast.show{opacity:1}@media(max-width:900px){:root{--lp-w:240px;--rw:260px}#logo-text{display:none}}@media(max-width:640px){#main{flex-direction:column}#left-panel{width:100%;max-height:38vh;border-right:none;border-bottom:1px solid #010101}#right-panel{width:100%;max-height:36vh;border-left:none;border-top:1px solid #010101}}