body{margin:0;background:#0f131d;color:#edf3ff;font:16px/1.6 system-ui,sans-serif}*{box-sizing:border-box}main{max-width:1240px;margin:auto;padding:30px 24px}a{color:#a6c8ff}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}h1{font-size:clamp(26px,4vw,42px);margin:20px 0 6px;letter-spacing:-.04em}p{color:#b6c2da}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:22px 0}label{display:grid;gap:5px;font-size:14px;color:#b6c2da}select,button{font:inherit}select,button{border:1px solid #3c4e6d;border-radius:10px;background:#1c2941;color:#eef3ff;padding:11px 16px}button{cursor:pointer;font-weight:600}button.primary{background:#b9dc70;color:#162014;border-color:#b9dc70}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #c7ed81;outline-offset:3px}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:22px}.panel{border:1px solid #2d3b53;background:#161e2d;border-radius:18px;padding:20px;min-width:0}.preview-wrap{position:relative;min-height:220px;border-radius:10px;background:#0b0e16;display:grid;place-items:center;overflow:hidden}canvas{display:block;max-width:100%;height:auto}canvas[hidden]{display:none}#placeholder{padding:28px;text-align:center;color:#98aac6}.stat{padding:10px 12px;background:#202d43;border-radius:8px;margin:7px 0}.character{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #2d3b53}.character span{color:#c7ed81}#status{min-height:1.6em;font-weight:600;color:#c7ed81}.small{font-size:13px}.notice{border-inline-start:3px solid #c7ed81;padding-inline-start:14px}progress{width:100%;accent-color:#c7ed81}video{display:none}footer{padding-top:28px;color:#93a4c1}#latency{font-variant-numeric:tabular-nums}#result:empty{display:none}@media(max-width:800px){.workspace{grid-template-columns:1fr}main{padding:18px 14px}.panel{padding:15px}.controls>*{max-width:100%}select{max-width:100%}}

.model-links{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;font-size:14px}.model-list{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.model-list>span{font-weight:600}.model-links>#privacyPolicy{margin-inline-start:auto}
.pip-window{scrollbar-gutter:stable}
body.pip{background:#111714;color:#eef4f0;font:12px/1.35 system-ui,sans-serif}
body.pip main{max-width:none;margin:0;padding:1px}
.pip-group{border-bottom:1px solid #3a443f}
.pip-group summary{min-height:48px;padding:7px 6px;display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none}
.pip-group summary::-webkit-details-marker{display:none}
.pip-group summary::marker{content:''}
.pip-label{flex:1;min-width:0;overflow-wrap:anywhere}
.pip-tally{font-weight:700;color:#75d9bd;white-space:nowrap}
.pip-chevron{font-size:21px;line-height:1;min-width:18px;text-align:center}
[dir=rtl] .pip-chevron{transform:rotate(180deg)}
.pip-group[open] .pip-chevron{transform:rotate(90deg)}
.pip-character{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;background:#0d120f;border-top:1px solid #29332e;color:#dce4df}
.pip-character bdi{font-size:11px;white-space:nowrap;color:#8fa099}
.pip-metadata{margin:0;padding:7px 6px;background:#0d120f;color:#8e9b94;font-size:11px;overflow-wrap:anywhere;border-top:1px solid #29332e}
.pip-order{color:#8fa099;font-size:11px}
.pip-pending{margin:0;min-height:48px;padding:12px 7px;color:#8fa099}

.pip-character>span{flex:1;min-width:0;overflow-wrap:anywhere}

.zzz-report{box-sizing:border-box;background:#10151f;color:#e7edf7;border:1px solid #44526c;border-radius:16px;padding:24px;width:min(540px,calc(100vw - 24px));max-height:90vh;overflow:auto}.zzz-report::backdrop{background:#0009}.zzz-report h2{font-size:1.2rem;margin:0 0 12px}.zzz-report form{display:grid;gap:12px;margin-top:12px}.zzz-report label{display:grid;gap:6px}.zzz-report input,.zzz-report textarea,.zzz-report select{box-sizing:border-box;min-width:0;width:100%;font:inherit;background:#0b1018;color:inherit;border:1px solid #556582;border-radius:6px;padding:8px}.zzz-report textarea{resize:vertical}.zzz-report .zzz-consent{display:flex;align-items:flex-start;gap:8px}.zzz-report input[type=checkbox]{width:auto;flex:none}.zzz-report img{width:100%;height:auto;max-height:220px;object-fit:contain}.zzz-report [role=status]{overflow-wrap:anywhere}

.mode-help{flex:1 1 340px;max-width:68ch;margin:0;padding:8px 0 8px 16px;border-inline-start:2px solid #627e43;padding-inline-start:16px;padding-inline-end:0;font-size:14px;align-self:center;overflow-wrap:anywhere}
.scanner-guide{margin-top:48px;padding-top:36px;border-top:1px solid #2d3b53}.scanner-guide h2{font-size:clamp(24px,3vw,32px);line-height:1.3;letter-spacing:-.025em;margin:0 0 16px}.guide-intro{max-width:76ch;margin-bottom:32px}.scanner-guide h3{font-size:18px;margin:0 0 16px;color:#edf3ff}.guide-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.guide-steps{padding-inline-start:24px;margin:0;color:#b6c2da}.guide-steps li{padding-inline-start:6px;margin-bottom:16px}.guide-steps li::marker{color:#c7ed81;font-weight:700}.guide-modes{margin:0}.guide-modes dt{color:#c7ed81;font-size:14px;font-weight:600;margin-bottom:4px}.guide-modes dd{color:#b6c2da;margin:0 0 18px}.guide-notes{margin-top:28px;padding:24px;border:1px solid #2d3b53;border-radius:14px;background:#141b28}.guide-notes p{margin:0}.guide-faq{margin-top:32px}.guide-faq details{border-bottom:1px solid #2d3b53;padding:16px 0}.guide-faq summary,.guide-languages summary{cursor:pointer;color:#edf3ff}.guide-faq p{max-width:84ch;margin:12px 0 0}.guide-about{max-width:100ch;margin:28px 0 14px}.guide-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.guide-languages{margin-top:24px;font-size:14px}.guide-languages nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px}.guide-languages a{overflow-wrap:anywhere}.scanner-guide p,.scanner-guide li,.scanner-guide dd{overflow-wrap:anywhere}
@media(max-width:800px){.guide-columns{grid-template-columns:1fr;gap:24px}.guide-notes{padding:20px}.scanner-guide{margin-top:36px;padding-top:28px}}@media(max-width:600px){.mode-help{flex-basis:100%;max-width:none}.guide-languages nav{display:grid;grid-template-columns:1fr}}

.zzz-catalog{width:min(1200px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;margin:auto;padding:24px;background:#10151f;color:#edf3ff;border:1px solid #44526c;border-radius:16px;overflow:hidden}.zzz-catalog[open]{display:flex;flex-direction:column;gap:12px}.zzz-catalog::backdrop{background:#000b}.zzz-catalog header{flex-wrap:nowrap;align-items:flex-start}.zzz-catalog h2{font-size:clamp(20px,3vw,26px);line-height:1.4;margin:0;overflow-wrap:anywhere}.zzz-catalog header button{flex:none}.catalog-meta{margin:0}.catalog-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #2d3b53;border-radius:8px}.zzz-catalog table{border-collapse:separate;border-spacing:0;width:100%;min-width:1040px;font-size:14px;line-height:1.5}.zzz-catalog caption{padding:12px;text-align:start;color:#b6c2da}.zzz-catalog th,.zzz-catalog td{padding:12px;text-align:start;vertical-align:top;border-inline-end:1px solid #2d3b53;border-bottom:1px solid #2d3b53;white-space:pre-line;overflow-wrap:anywhere}.zzz-catalog thead th{position:sticky;top:0;background:#202d43;z-index:1;color:#c7ed81}.zzz-catalog tbody th{width:12%;font-weight:600}.zzz-catalog td:nth-child(4){width:28%;min-width:240px}.zzz-catalog tbody tr:nth-child(even){background:#151e2c}.zzz-catalog td p{margin:0 0 8px;color:inherit;white-space:normal}.zzz-catalog td p:last-child{margin-bottom:0}.catalog-slot{font-weight:600;white-space:nowrap}@media(max-width:600px){.zzz-catalog{padding:16px}.zzz-catalog header button{padding:8px 12px}}