.cv{width:100%;max-width:560px;margin-inline:auto;text-align:left}.cv-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cv-idle{display:flex;flex-direction:column}.cv-modes{display:inline-flex;align-self:center;gap:2px;padding:3px;margin-bottom:1.125rem;background:var(--color-surface);border:1px solid var(--border-base);border-radius:100px}.cv-mode{height:32px;padding:0 1.125rem;border:none;background:transparent;border-radius:100px;font-family:var(--font-ui);font-size:.8125rem;font-weight:550;color:var(--text-secondary);transition:color .15s,background .15s var(--ease-out)}.cv-mode:hover{color:var(--text-primary)}.cv-mode--on{background:var(--color-page);color:var(--text-primary);box-shadow:var(--shadow-sm)}.cv-url{display:flex;flex-direction:column;align-items:center;padding:2.25rem 1.75rem 2rem;background:var(--color-page);border:1px solid var(--border-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.cv-url-row{display:flex;align-items:center;gap:.375rem;width:100%;padding:.25rem .25rem .25rem .875rem;background:var(--color-page);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.cv-url-row:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-surface)}.cv-url-icon{display:flex;color:var(--text-muted);flex-shrink:0}.cv-url-icon svg{width:1.0625rem;height:1.0625rem}.cv-url-input{flex:1;min-width:0;height:40px;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:.9375rem;color:var(--text-primary)}.cv-url-input::placeholder{color:var(--text-muted)}.cv-url-btn{flex-shrink:0;height:36px}.cv-url-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.cv-url-formats{margin-top:1.25rem;padding-top:1.25rem}.cv-drop{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:2.5rem 1.75rem 2rem;text-align:center;background:var(--color-page);border:1.5px dashed var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);cursor:pointer;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.cv-drop:hover{border-color:var(--color-accent);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.cv-drop--over{border-color:var(--color-accent);border-style:solid;background:var(--color-accent-subtle);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.cv-drop--busy,.cv-drop:disabled{cursor:default;opacity:.5;pointer-events:none;transform:none;box-shadow:var(--shadow-card);border-color:var(--border-strong)}.cv-output{margin-top:1.25rem}.cv-drop-icon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--color-accent-subtle);color:var(--color-accent);margin-bottom:1rem;transition:transform .2s var(--ease-out)}.cv-drop-icon svg{width:1.5rem;height:1.5rem}.cv-drop:hover .cv-drop-icon{transform:translateY(-2px)}.cv-drop-title{font-family:var(--font-display);font-weight:700;font-size:1.1875rem;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:1rem}.cv-drop-cta{display:inline-flex;align-items:center;height:42px;padding:0 1.375rem;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-fg);font-weight:600;font-size:.9375rem;box-shadow:var(--shadow-accent);transition:background .16s var(--ease-out)}.cv-drop:hover .cv-drop-cta{background:var(--color-accent-hover)}.cv-drop-sub{font-size:.8125rem;color:var(--text-muted);margin-top:.625rem}.cv-drop-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-faint);width:100%}.cv-drop-privacy{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted);margin-top:1rem}.cv-busy{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:3rem 1.75rem;text-align:center;color:var(--text-secondary);border:1px solid var(--border-base);border-radius:var(--radius-xl);background:var(--color-page);box-shadow:var(--shadow-card)}.cv-busy-note{font-size:.75rem;color:var(--text-muted)}.cv-spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--color-accent-subtle);border-top-color:var(--color-accent);animation:cv-spin .7s linear infinite}@keyframes cv-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cv-spinner{animation:none}}.cv-result{border:1px solid var(--border-base);border-radius:var(--radius-lg);background:var(--color-page);overflow:hidden;box-shadow:var(--shadow-card)}.cv-result-head{padding:.875rem 1rem;border-bottom:1px solid var(--border-faint)}.cv-tabs{display:flex;gap:.25rem;padding:.625rem 1rem 0}.cv-tab{height:32px;padding:0 .75rem;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:background .14s,color .14s}.cv-tab:hover{color:var(--text-primary)}.cv-tab--on{background:var(--color-surface);color:var(--text-primary)}.cv-md{margin:0;padding:1rem;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--text-primary)}.cv-preview{padding:1rem 1.125rem;max-height:420px;overflow:auto}.cv-preview :is(h1,h2,h3){margin:.75rem 0 .375rem}.cv-preview table{border-collapse:collapse}.cv-preview :is(td,th){border:1px solid var(--border-base);padding:.25rem .5rem}.cv-actions{display:flex;gap:.5rem;padding:.875rem 1rem;border-top:1px solid var(--border-faint);flex-wrap:wrap}.cv-error{justify-content:space-between;box-shadow:var(--shadow-card)}.cv-error code{font-family:var(--font-mono);font-size:.85em;padding:.05rem .3rem;border-radius:4px;background:color-mix(in oklab,currentColor 12%,transparent)}.cv-error-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}