.recorder-shell{max-width:1180px;margin:0 auto;padding:24px 0}.recorder-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.recorder-heading h3{font-size:clamp(1.7rem,4vw,2.5rem);margin:8px 0;color:var(--forest)}.recorder-eyebrow{font-size:.74rem;letter-spacing:.16em;font-weight:800;color:#627b52}.recorder-local{background:#e6efdc;color:#35502e;border-radius:30px;padding:10px 15px;font-size:.8rem;white-space:nowrap}.recorder-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.recorder-card{background:#fffdf6;border:1px solid #dce2d5;padding:25px;border-radius:22px;margin-bottom:22px}.recorder-card h4{font-size:1.2rem;margin:0 0 18px}.recorder-card label{display:grid;gap:7px;margin:14px 0;font-size:.88rem;font-weight:600}.recorder-card input:not([type=checkbox]),.recorder-card select,.recorder-card textarea{width:100%;box-sizing:border-box;border:1px solid #cdd6c6;background:#fff;padding:12px;border-radius:10px;font:inherit;color:#233627}.recorder-card fieldset{border:0;padding:0;margin:0;min-width:0}.recorder-card .rec-check{display:flex;align-items:flex-start;gap:10px}.rec-check input{margin-top:4px}.rec-help{font-size:.79rem;color:#626e60;line-height:1.6}.rec-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.rec-actions button{font-size:.82rem}.rec-actions button:disabled{opacity:.5;cursor:not-allowed}#rec-clock{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}#rec-status{font-size:.88rem;line-height:1.6}#rec-player{width:100%;border-radius:12px;background:#17251b}.rec-item{display:grid;gap:7px;width:100%;text-align:left;margin-top:10px;padding:16px;background:#f0f3e9;border:1px solid #d5dfcc;border-radius:12px;color:#233627;cursor:pointer}.rec-item span{font-size:.75rem;color:#61715a}#rec-library{max-height:480px;overflow:auto}#rec-detail[hidden]{display:none}@media(max-width:760px){.recorder-grid{grid-template-columns:1fr}.recorder-heading{align-items:flex-start;flex-direction:column}.recorder-card{padding:18px}}
/* Notes workspace, inspired by the supplied reference. */
#recorder-view{background:#f2f2f7;border-radius:24px;padding:34px 30px;color:#19191d}.recorder-shell{display:grid;grid-template-columns:180px minmax(0,1fr);gap:36px;max-width:1500px;padding:0;font-family:inherit}.rec-sidebar{padding-top:4px}.rec-nav{display:flex;align-items:center;gap:14px;margin-bottom:20px;background:none;border:0;color:#919198;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;padding:0}.rec-nav>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e5e5eb;font-size:22px}.rec-nav svg,.rec-action-icon svg,.rec-note-icon svg{width:23px;height:23px}.rec-nav.active{color:#161619}.rec-nav.active>span{background:#111;color:white}.rec-sidebar-note{color:#94949c;font-size:.72rem;line-height:1.8;margin-top:70px}.rec-new-heading h3{font-size:1.45rem;margin:0 0 6px;color:#171719}.rec-new-heading p{color:#909099;margin:0 0 24px;font-size:.95rem}.rec-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rec-quick-actions>button{display:flex;align-items:center;gap:18px;min-height:94px;text-align:left;padding:20px;background:white;border:1px solid transparent;border-radius:25px;font:inherit;font-size:1rem;color:#171719;cursor:pointer;transition:border-color .15s,transform .15s}.rec-quick-actions>button:hover{border-color:#bbbcc8;transform:translateY(-2px)}.rec-action-icon,.rec-note-icon{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border-radius:50%;background:#f2f2f7}.rec-red{color:#ff6965}#rec-dashboard-status{color:#7c7c87;font-size:.78rem;min-height:18px;margin:14px 0 28px}.recorder-card{background:white;border:0;border-radius:24px}.recorder-card[hidden]{display:none}.rec-notes-section{background:transparent;padding:0}.rec-notes-section h4{font-size:1.3rem;margin:0 0 16px;color:#18181c}.rec-library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.rec-library-toolbar>select{width:170px;background:white;border:0}.recorder-card .rec-search-label{margin:0;width:240px}.rec-search-label input{border:0!important;background:#e7e7ee!important;border-radius:30px!important}.rec-item{display:flex;align-items:center;gap:18px;min-height:100px;background:white;border:1px solid transparent;border-radius:23px;padding:20px;margin:0 0 10px;color:#18181c}.rec-item:hover{border-color:#c5c5d0}.rec-item .rec-note-copy{display:grid;gap:8px;min-width:0;flex:1}.rec-note-copy strong{font-size:1rem;font-weight:500;color:#141418;overflow-wrap:anywhere}.rec-note-copy>span{font-size:.76rem;color:#a0a0ab}.rec-item .rec-note-arrow{font-size:26px;color:#b0b0ba}.rec-item .rec-note-icon{color:#535781}.recorder-card input:focus-visible,.recorder-card textarea:focus-visible,.rec-quick-actions button:focus-visible,.rec-nav:focus-visible{outline:2px solid #66658d;outline-offset:3px}#rec-library{max-height:640px}#rec-setup-panel{margin-top:18px}#rec-detail{scroll-margin-top:20px}@media(max-width:850px){.recorder-shell{grid-template-columns:1fr;gap:16px}.rec-sidebar{display:flex;gap:22px;flex-wrap:wrap}.rec-nav{margin:0;font-size:.8rem}.rec-nav>span{height:34px;width:34px}.rec-sidebar-note{display:none}#recorder-view{padding:22px 16px}}@media(max-width:540px){.rec-quick-actions{grid-template-columns:1fr}.rec-quick-actions>button{min-height:78px;padding:15px;border-radius:20px}.rec-library-toolbar{align-items:stretch;flex-direction:column}.recorder-card .rec-search-label{width:100%}.rec-item{padding:15px;gap:12px}.rec-note-copy strong{font-size:.9rem}.rec-nav{gap:7px}}

.recorder-shell{font-family:Arial,Helvetica,sans-serif}

#recorder-view .rec-new-heading{position:static;width:auto;padding:0;display:block;background:transparent;border:0;backdrop-filter:none;z-index:auto}#rec-player:is(audio){height:54px;background:transparent}.rec-quick-actions button{flex-wrap:wrap}.rec-action-help{display:block;width:100%;font-size:.76rem;color:#777782;font-weight:400;margin-left:68px}.dashboard-header{flex-wrap:wrap}#chat-input{min-width:0}.tab-container{max-width:100%;overflow-x:auto}.tab-btn{flex-shrink:0}