:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#15131a;color:#f5f2fa}*{box-sizing:border-box}body{margin:0;padding:20px 12px}.recorder-tool{width:100%;max-width:580px;margin:0 auto}h1{margin:0;font-size:24px}h2{font-size:20px}p,label{font-size:14px;line-height:1.5}.muted,.field-help{color:#c3bdce}.field-help{font-size:12px}button,.primary{padding:12px 14px;border:0;border-radius:7px;background:#9146ff;color:#fff;font:inherit;cursor:pointer;display:inline-flex;gap:7px;align-items:center;justify-content:center;text-decoration:none}button:disabled{opacity:.5;cursor:default}.secondary,.text-button{background:#302a3b}.stop-button{background:#b92d49}.full{width:100%}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:3px}.camera-stage{position:relative;min-height:180px;margin-top:16px;background:#08070b;border-radius:8px;overflow:hidden}video{display:block;width:100%;max-height:330px}.mirror-camera video{transform:scaleX(-1)}.camera-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px}.camera-placeholder span{color:#c3bdce;font-size:13px}.camera-options,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;align-items:center}.checkbox{display:flex;gap:8px;align-items:center}input[type=checkbox]{width:18px;height:18px;flex-shrink:0}select,input:not([type=checkbox]){background:#211c2b;color:#fff;padding:10px;border:1px solid #665975;border-radius:5px;max-width:100%}.details{display:grid;gap:14px;margin-top:12px}.details>label:first-child{display:grid;gap:6px}.camera-error{color:#ffbdc9;overflow-wrap:anywhere}.notice{background:#30253f;padding:10px;border-radius:6px}.recording-timer{position:absolute;top:8px;left:8px;background:#aa1835;padding:6px;border-radius:4px}.identity{overflow-wrap:anywhere}