body{margin:0}.app-shell{box-sizing:border-box;flex-direction:column;min-height:100dvh;padding:1rem;display:flex}.app-shell main{flex:1}.app-footer{box-sizing:border-box;color:#595959;text-align:center;padding:1rem 0 .5rem}@media (width<=35rem){.app-footer{text-align:left;padding-inline-end:calc(6rem + max(1rem, env(safe-area-inset-right)))}}.capture-panel{background:#fff;border:1px solid #d7d5cf;border-radius:1rem;margin:1.5rem 0 2rem;padding:1.25rem;box-shadow:0 .75rem 2rem #1a18141f}.capture-panel__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.capture-panel__header h2{margin:0}.capture-panel__hide{color:#484641;cursor:pointer;font:inherit;background:0 0;border:0;padding:.35rem .5rem}.capture-panel__input{box-sizing:border-box;resize:vertical;width:100%;min-height:7rem;color:inherit;font:inherit;background:#fff;border:1px solid #77736b;border-radius:.625rem;padding:.75rem;line-height:1.5;display:block}.capture-panel__editor-surface{background:#fff;border:1px solid #77736b;border-radius:.625rem;min-height:7rem;overflow:hidden}.capture-panel__editor-surface .capture-panel__input{border:0;border-radius:0}.capture-panel__input-wrap{position:relative}.capture-panel__microphone{color:#34322e;cursor:pointer;font:inherit;background:#fff;border:1px solid #77736b;border-radius:999px;padding:.4rem .7rem;position:absolute;bottom:.75rem;right:.75rem}.capture-panel__image-input{display:none}.capture-panel__image-picker{color:#34322e;cursor:pointer;font:inherit;background:#fff;border:1px solid #77736b;border-radius:999px;padding:.4rem .7rem;position:absolute;bottom:.75rem;left:.75rem}.capture-panel__image-selection{background:#f7f6f2;border-bottom:1px solid #e1dfda;grid-template-columns:5rem minmax(0,1fr) max-content;align-items:center;gap:.75rem;padding:.75rem;display:grid}.capture-panel__image-selection img{object-fit:cover;border-radius:.375rem;width:5rem;height:5rem;display:block}.capture-panel__image-selection button{color:#34322e;cursor:pointer;font:inherit;background:#fff;border:1px solid #77736b;border-radius:999px;padding:.5rem .75rem}.capture-panel__microphone span{color:#b22336}.capture-panel__recording{background:#f7f6f2;border-bottom:1px solid #e1dfda;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.capture-panel__recording>div{gap:.15rem;display:grid}.capture-panel__recording span{color:#5c5952;font-size:.875rem}.capture-panel__recording audio{width:min(22rem,55%)}.capture-panel__recording button,.capture-panel__waveform button,.capture-panel__actions>button:not(.capture-panel__submit){color:#34322e;cursor:pointer;font:inherit;background:#fff;border:1px solid #77736b;border-radius:999px;padding:.5rem .75rem}.capture-panel__waveform,.capture-panel__processing{box-sizing:border-box;align-items:center;gap:1rem;min-height:7rem;padding:1rem;display:flex}.capture-panel__waveform-bars{flex:1;align-items:center;gap:.18rem;height:4rem;display:flex}.capture-panel__waveform-bars span{background:#6656d9;border-radius:999px;width:100%;min-height:.25rem;transition:height 80ms linear}.capture-panel__elapsed{color:#4f4c46;font-variant-numeric:tabular-nums;min-width:6.5rem}.capture-panel__processing{color:#4f4c46;justify-content:center}.capture-panel__processing-pulse{background:#6656d9;border-radius:50%;width:.75rem;height:.75rem;animation:1.1s ease-in-out infinite alternate capture-pulse}@keyframes capture-pulse{0%{opacity:.25;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.capture-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.capture-panel__actions .capture-panel__delete{color:#8f2030;border-color:#a33645;margin-right:auto}.capture-panel__submit,.capture-panel__restore{color:#fff;cursor:pointer;font:inherit;background:#24231f;border:1px solid #24231f;border-radius:999px;padding:.65rem 1rem;font-weight:600}.capture-panel__status{min-height:1.5em;margin:.75rem 0 0}.capture-panel__restore{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:10;position:fixed;box-shadow:0 .5rem 1.5rem #1a18143d}.capture-panel__hide:disabled,.capture-panel__submit:disabled,.capture-panel__microphone:disabled,.capture-panel__image-picker:disabled,.capture-panel__image-selection button:disabled,.capture-panel__recording button:disabled,.capture-panel__actions button:disabled{cursor:not-allowed;opacity:.5}.capture-panel__hide:focus-visible,.capture-panel__input:focus-visible,.capture-panel__submit:focus-visible,.capture-panel__restore:focus-visible,.capture-panel__microphone:focus-visible,.capture-panel__image-picker:focus-visible,.capture-panel__image-selection button:focus-visible,.capture-panel__recording button:focus-visible,.capture-panel__waveform button:focus-visible,.capture-panel__actions button:focus-visible{outline-offset:2px;outline:3px solid #7d6fe8}@media (width<=35rem){.capture-panel{margin-inline:-.25rem;padding:1rem}.capture-panel__recording{flex-direction:column;align-items:stretch}.capture-panel__image-selection{grid-template-columns:4rem minmax(0,1fr)}.capture-panel__image-selection img{width:4rem;height:4rem}.capture-panel__image-selection button{grid-column:1/-1}.capture-panel__recording audio{width:100%}.capture-panel__waveform{flex-wrap:wrap}.capture-panel__waveform-bars{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.capture-panel__processing-pulse{animation:none}.capture-panel__waveform-bars span{transition:none}}.recent-list{grid-template-columns:max-content .25rem minmax(0,1fr);gap:.75rem;padding-inline-start:0;list-style:none;display:grid}.recent-list__item{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;display:grid}.recent-list__time{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:left;font-family:ui-monospace,monospace;font-size:.6875rem}.recent-list__dot{background:currentColor;border-radius:50%;width:.25rem;height:.25rem;margin-bottom:.25em}.recent-list__content{align-items:baseline;min-width:0;display:flex}.recent-list__button{appearance:none;font:inherit;box-sizing:border-box;width:fit-content;min-width:0;max-width:100%;color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:0;border-radius:.25rem;padding-block:.125rem;padding-inline:0 .5rem;display:block;overflow:hidden}.recent-list__badge{color:#5c5952;vertical-align:middle;border:1px solid #aaa69d;border-radius:999px;flex:none;width:fit-content;margin-left:.5rem;padding:.1rem .4rem;font-size:.6875rem}.recent-list__button:hover,.recent-list__button:focus-visible{background:#f8f8f8}.recent-list__button:focus-visible{outline-offset:2px;outline:2px solid}.workspace{box-sizing:border-box;width:min(70rem,100% - 2rem);margin-inline:auto;padding-bottom:5rem}.workspace__view{box-sizing:border-box;width:min(48rem,100%);margin-inline:auto}.workspace__view>h1,.workspace__view>nav{text-align:center}