.nr-app{border:1px solid #4c4c4c;border-radius:13px;overflow:hidden;background:#1a1a1a;margin:16px 0}.nr-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:#292929;font-size:12px}.nr-bar i{display:inline-block;width:6px;height:6px;background:#cccccc;border-radius:50%;margin-right:6px}.nr-bar small{color:#959595;font-size:10px;margin-left:9px}.nr-bar button,.nr-parameters button{font-size:11px;color:#d2d2d2;padding:7px 9px;border:1px solid #505050;border-radius:6px}.nr-screen{aspect-ratio:16/9;background:#0d0d0d;position:relative;display:grid;place-items:center;touch-action:none;overflow:hidden}.nr-screen>[data-frame]{width:100%;height:100%;object-fit:contain;pointer-events:none}.nr-empty{text-align:center;padding:20px}.nr-empty h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:14px 0 8px}.nr-empty p{color:#a5a5a5;font-size:12px;margin:0 0 20px}.nr-empty .primary{font-size:13px;padding:11px 19px}.nr-frame-label{position:absolute;left:10px;top:10px;background:#171717d9;padding:6px 9px;font-size:9px;border-radius:5px;color:#d6d6d6;pointer-events:none}.nr-controls{padding:14px 17px}.nr-upload{font-size:11px;color:#bbbbbb;display:block;line-height:1.7}.nr-upload input{display:block;width:100%;font-size:11px;margin:8px 0;color:#a4a4a4}.nr-upload input::file-selector-button{background:#373737;border:1px solid #606060;color:#dfdfdf;border-radius:5px;padding:7px 10px;margin-right:10px}.nr-upload>span{display:block;font-size:10px;overflow-wrap:anywhere;color:#979797}.nr-parameters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:16px}.nr-parameters label{font-size:10px;color:#a3a3a3;display:flex;flex-direction:column;gap:7px}.nr-parameters select{padding:6px 16px 6px 8px;background:#303030;color:#dcdcdc;border:1px solid #575757;border-radius:5px}.nr-parameters input{width:120px;accent-color:#cccccc}.nr-parameters output{color:#cacaca;font-size:10px}.nr-status{font-size:11px;line-height:1.6;color:#d7d7d7;margin:15px 0 8px}.nr-note{font-size:10px;line-height:1.6;color:#909090;margin:0}.nr-code-dialog input{display:block;box-sizing:border-box;width:100%;background:#1d1d1d;border:1px solid #606060;border-radius:8px;padding:13px;color:#f1f1f1;font-size:16px}.nr-code-dialog h2{font-size:23px}.nr-code-dialog .actions{margin-top:20px}.nr-app button:disabled{cursor:default;opacity:.35}.product .nr-app{margin:0;border:0;border-radius:0}.product .nr-app+div{padding:0 20px}.nr-screen:focus-visible{outline:2px solid #cccccc;outline-offset:-2px}@media(max-width:640px){.nr-screen{aspect-ratio:auto;min-height:250px}.nr-screen>[data-frame]{aspect-ratio:16/9;min-height:0}.nr-bar small{display:none}.nr-empty h3{font-size:17px}.nr-empty p{font-size:11px}.nr-controls{padding:13px}.nr-parameters{gap:8px}.nr-parameters input{width:100px}}

.nr-source-picker{margin-bottom:14px}.nr-source-picker label{font-size:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nr-source-picker select{background:#303030;color:#ddd;border:0;border-radius:7px;padding:9px}.nr-source-picker p{font-size:11px;color:#999;line-height:1.5}.nr-source-picker video{max-width:100%;max-height:180px;margin-top:12px}.nr-source-picker button{padding:10px;border-radius:7px;margin-top:10px}

.nr-password-field{position:relative}.nr-code-dialog .nr-password-field input{padding-right:52px}.nr-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#aaa;border-radius:7px;padding:0}.nr-password-toggle:hover{color:#eee;background:#ffffff08}.nr-password-toggle:focus-visible{outline:2px solid #bbb;outline-offset:-3px}.nr-eye-slash{display:none}.nr-password-toggle[aria-pressed="true"] .nr-eye-slash{display:block}

/* Access code, not an account password: no password field for browser save heuristics. */
#nr-code[data-concealed="true"]{-webkit-text-security:disc}#nr-code[data-concealed="false"]{-webkit-text-security:none}

.nr-parameters .nr-continuous{flex-basis:100%;flex-direction:row;align-items:center;gap:8px;color:#999}.nr-parameters .nr-continuous input{width:14px;margin:0}

.nr-screen .nr-before{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.nr-screen .nr-before[hidden],.nr-comparison[hidden]{display:none}.nr-comparison{display:flex;align-items:center;gap:14px;padding:12px 0}.nr-comparison input{flex:1;min-width:80px;accent-color:#b7d5ea}.nr-comparison span{white-space:nowrap}