| .settings select{display:block;max-width:100%;width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:7px 8px;margin-top:4px} | |
| .settings a{display:block;text-decoration:underline;text-underline-offset:3px;margin:6px 0} | |
| .settings input[type=checkbox]{vertical-align:middle;margin-right:6px} | |
| .settings .text-button{padding:5px 0} | |
| button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ad754a;outline-offset:4px} | |
| .speaker-controls{max-width:560px;margin:18px auto;padding:16px 18px;text-align:left;border:1px solid #d9cec0;border-radius:18px;background:rgba(255,255,255,.55);font-size:13px;line-height:1.5} | |
| .speaker-controls p{margin:7px 0}.speaker-controls label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;flex-wrap:wrap}.speaker-controls select{max-width:100%;font-size:12px}.speaker-caution{opacity:.72}.speaker-chip{display:inline-block;padding:4px 10px;margin:4px 5px 4px 0;border-radius:12px;background:#e9e0d0;color:#655035} | |
| .stage{min-width:0}.speaker-controls{width:100%;min-width:0;overflow-wrap:anywhere}.speaker-controls select{min-width:0;width:100%} | |
| .input-health{max-width:560px;margin:14px auto;text-align:left;font-size:12px;line-height:1.5;border:1px solid var(--line);border-radius:14px;padding:12px 16px;overflow-wrap:anywhere}.input-health label{display:flex;align-items:center;gap:12px}.input-health meter{width:110px;height:9px}.input-health p{margin:6px 0}.input-health #asr-preview{font-style:italic;color:var(--muted);white-space:pre-wrap}.input-health .secondary{margin-top:5px} | |
| .desk-avatar{height:500px;max-width:580px;margin:0 auto;filter:none}.desk-robot-canvas{display:block;max-width:100%;filter:none}.desk-caption{font-size:10px;line-height:1.6;color:#8b8276;max-width:540px;margin:4px auto 12px}.desk-controls{font-size:12px;line-height:1.6;text-align:left;max-width:540px;margin:8px auto 16px;border:1px solid var(--line);border-radius:14px;padding:11px 15px;background:#ffffff70}.desk-controls summary{cursor:pointer;display:flex;justify-content:space-between}.desk-controls label{display:flex;align-items:center;gap:9px;margin-top:10px}.desk-controls input[type=range]{display:block;width:100%;accent-color:#8cacae}.desk-controls input[type=checkbox]{accent-color:#8cacae}.desk-controls output{margin-left:auto;color:#6b929b}.desk-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.desk-buttons button{font-size:10px;padding:7px 10px;border:1px solid #d9d6cf;border-radius:16px;background:#fffaf1;color:#6b6459}.desk-controls select{font:inherit;max-width:100%;width:100%;background:#fffcf6;border:1px solid var(--line);border-radius:8px;padding:6px}.desk-controls dl{font-size:11px;margin:15px 0}.desk-controls dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e7e1d8;padding:5px 0}.desk-controls dd{margin:0;text-align:right}.desk-caution{font-size:10px;color:#8b8276}@media(max-width:800px){.desk-avatar{height:430px}.desk-controls{max-width:100%}.desk-controls dl div{flex-wrap:wrap;gap:2px}.desk-controls dd{text-align:left}} | |