.cover-page{--cover-line:color-mix(in oklch, var(--color-outline-variant) 55%, transparent)}.cover-workbench,.cover-voice,.cover-action-row,.cover-loading,.cover-error,.cover-results{border:1px solid var(--cover-line);background:color-mix(in oklch, var(--color-surface) 88%, transparent);border-radius:.85rem}.cover-workbench,.cover-voice{padding:clamp(1rem,3vw,1.8rem)}.cover-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.35rem;display:flex}.cover-section-heading p,.cover-field>label,.cover-field-heading>label{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:700}.cover-section-heading h2{color:var(--color-primary);font-family:var(--font-headline);margin-top:.3rem;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:750}.cover-section-heading>span{border:1px solid var(--cover-line);color:var(--color-on-surface-variant);white-space:nowrap;border-radius:999px;padding:.35rem .6rem;font-size:.65rem}.cover-quality-note{border-bottom:1px solid var(--cover-line);color:var(--color-on-surface-variant);align-items:center;gap:.55rem;padding:.7rem 0;font-size:.72rem;display:flex}.cover-field{flex-direction:column;gap:.55rem;display:flex}.cover-field-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cover-segmented{border:1px solid var(--cover-line);background:color-mix(in oklch, var(--color-surface-container-low) 80%, transparent);border-radius:.65rem;grid-template-columns:repeat(2,1fr);gap:.2rem;padding:.2rem;display:inline-grid}.cover-segmented button{min-height:2rem;color:var(--color-on-surface-variant);border-radius:.45rem;padding:.35rem .65rem;font-size:.68rem;font-weight:700}.cover-segmented button.is-active{background:color-mix(in oklch, var(--color-secondary) 16%, transparent);color:var(--color-secondary)}.cover-jd-upload{border:1px dashed var(--cover-line);cursor:pointer;border-radius:.75rem;align-items:center;gap:.8rem;min-height:5rem;padding:1rem;display:flex}.cover-jd-upload:hover,.cover-jd-upload.is-extracting{border-color:color-mix(in oklch, var(--color-secondary) 55%, transparent);background:color-mix(in oklch, var(--color-secondary) 7%, transparent)}.cover-tone-card{border:1px solid var(--cover-line);background:color-mix(in oklch, var(--color-surface-container-low) 82%, transparent);min-height:8rem;color:var(--color-on-surface-variant);text-align:left;border-radius:.7rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.cover-tone-card:hover{border-color:color-mix(in oklch, var(--color-secondary) 45%, transparent);transform:translateY(-2px)}.cover-tone-card.is-selected{border-color:var(--color-secondary);background:color-mix(in oklch, var(--color-secondary) 12%, transparent);color:var(--color-primary)}.cover-action-row{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.cover-provider-status{align-items:center;gap:.7rem;min-width:0;display:flex}.cover-provider-status>span{background:var(--color-primary);border-radius:50%;flex:none;width:.55rem;height:.55rem}.cover-provider-status>span.is-byok{background:var(--color-secondary)}.cover-provider-status strong{color:var(--color-primary);font-size:.75rem;display:block}.cover-provider-status p{color:var(--color-on-surface-variant);margin-top:.1rem;font-size:.68rem}.cover-submit{background:var(--color-primary);min-height:3.25rem;color:var(--color-background);border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.4rem;font-size:.82rem;font-weight:800;display:inline-flex}.cover-loading,.cover-error{padding:clamp(1rem,3vw,1.5rem)}.cover-error{border-color:color-mix(in oklch, var(--color-error) 35%, transparent);background:color-mix(in oklch, var(--color-error) 8%, transparent);color:var(--color-error);align-items:flex-start;gap:.8rem;display:flex}.cover-error strong{font-size:.78rem;display:block}.cover-error p{margin-top:.2rem;font-size:.75rem;line-height:1.55}.cover-write-caret{vertical-align:text-bottom;background:var(--color-secondary);width:2px;height:1em;margin-left:2px;animation:1s steps(1,jump-none) infinite coverCaretBlink;display:inline-block}@keyframes coverCaretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.cover-write-caret{opacity:.6;animation:none}}@media (width<=640px){.cover-section-heading,.cover-field-heading,.cover-action-row{flex-direction:column;align-items:stretch}.cover-section-heading>span{align-self:flex-start}.cover-segmented,.cover-submit{width:100%}}
