.pencil-recordings{text-align:start;border:1px solid #b6c7b5;border-radius:18px;padding:18px;background:#f7f5e9;margin-block:20px}.pencil-recordings h3{margin-top:0}.pencil-recordings select,.pencil-recordings button{font:inherit;min-height:46px;padding:10px;max-width:100%}.pencil-recordings select{margin-inline:12px;border:1px solid #9cb299;border-radius:12px}.pencil-recording-row{display:flex;align-items:center;gap:16px;margin-block:12px;flex-wrap:wrap}.pencil-recording-row button{min-width:140px}.pencil-recording-row span{font-size:1.15rem}.pencil-recording-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.pencil-recording-tools input{min-height:44px;max-width:160px}.pencil-recordings :is(button,input,select):focus-visible{outline:3px solid #945b32;outline-offset:3px}.pencil-recordings button:disabled{opacity:.55;cursor:not-allowed}