.sentence-workbench{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.sentence-page-status{margin:0 0 16px;color:var(--muted);font-size:.875rem}.sentence-page-status:empty{display:none}.sentence-list{display:grid;gap:5px;max-height:500px;overflow:auto;padding-right:3px}.sentence-item{padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);text-align:left;line-height:1.45}.sentence-item:hover{background:#f0f5e7}.sentence-item.active{background:#e8f2fb;border-color:#8dadd0;box-shadow:inset 3px 0 0 #5e89b1}.sentence-item .sentence-number{display:block;color:var(--green);font-size:.8rem;margin-bottom:3px}.sentence-item .sentence-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem}.sentence-text{font-size:clamp(1.35rem,2.5vw,1.9rem);line-height:1.65;font-weight:600;margin:28px 0;overflow-wrap:anywhere}.sentence-completed{display:flex;gap:7px;align-items:center;font-size:.875rem;white-space:nowrap}.sentence-completed input{accent-color:var(--green);width:18px;height:18px}.sentence-demo,.sentence-recording{margin:18px 0}.sentence-speed{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.875rem}.sentence-speed select{padding:9px;border:1px solid #b9ced6;border-radius:10px;background:#fffef9;color:var(--ink)}.sentence-recording{padding:18px 0 0;border-top:1px solid #d8e2db}.sentence-playback{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}.sentence-playback audio{max-width:100%;width:320px;height:42px}.sentence-navigation{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d8e2db;padding-top:18px;margin-top:24px}.sentence-source{color:var(--muted);font-size:.8rem;line-height:1.6;margin-top:18px}.sentence-source summary{cursor:pointer;width:fit-content}.sentence-source p{margin:7px 0 0;overflow-wrap:anywhere}.sentence-storage-note{margin-top:18px}.sentence-workbench.is-busy .sentence-playback audio{pointer-events:none;opacity:.65}.sentence-workbench.is-busy .sentence-source{pointer-events:none}@media(max-width:760px){.sentence-workbench{grid-template-columns:1fr}.sentence-list{max-height:190px}.sentence-workbench .sidebar{padding:16px}.sentence-text{margin:22px 0}.sentence-workbench .main-card{padding:22px 19px}}@media(max-width:420px){.sentence-speed{gap:5px}.sentence-speed select{padding:9px 6px}.sentence-workbench .card-top{align-items:center}.sentence-completed{font-size:.8rem}}