@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ink-beam-rotate{to{transform:rotate(360deg)}}@keyframes ink-beam-rotate-rev{to{transform:rotate(-360deg)}}@keyframes ink-ai-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--ink-ai-surface:color-mix(in srgb, var(--background) 96%, var(--foreground) 4%);--ink-ai-surface-subtle:color-mix(in srgb, var(--foreground) 5%, var(--background));--ink-ai-surface-raised:color-mix(in srgb, var(--foreground) 8%, var(--background));--ink-ai-border:color-mix(in srgb, var(--foreground) 11%, transparent);--ink-ai-border-strong:color-mix(in srgb, var(--foreground) 18%, transparent);--ink-ai-radius:.875rem;--ink-ai-radius-sm:.625rem;--ink-ai-shadow:0 18px 50px -38px #17191c47;--ink-ai-focus:color-mix(in srgb, var(--primary) 18%, transparent);--ink-ai-skeleton-base:color-mix(in srgb, var(--foreground) 7%, transparent);--ink-ai-skeleton-shine:color-mix(in srgb, var(--foreground) 13%, transparent)}.dark{--ink-ai-surface:var(--card);--ink-ai-surface-subtle:color-mix(in srgb, var(--foreground) 4%, var(--background));--ink-ai-surface-raised:color-mix(in srgb, var(--foreground) 7%, var(--background));--ink-ai-border:color-mix(in srgb, var(--foreground) 12%, transparent);--ink-ai-border-strong:color-mix(in srgb, var(--foreground) 22%, transparent);--ink-ai-shadow:0 18px 50px -38px #00000080;--ink-ai-focus:color-mix(in srgb, var(--primary) 22%, transparent);--ink-ai-skeleton-base:color-mix(in srgb, var(--foreground) 9%, transparent);--ink-ai-skeleton-shine:color-mix(in srgb, var(--foreground) 16%, transparent)}@layer components{.ink-ai-panel,.ink-ai-surface{background:var(--ink-ai-surface);color:var(--foreground);border:1px solid var(--ink-ai-border);border-radius:var(--ink-ai-radius);box-shadow:var(--ink-ai-shadow)}.ink-ai-panel__header{border-bottom:1px solid var(--ink-ai-border);background:var(--ink-ai-surface);padding:1rem}.ink-ai-section{border:1px solid var(--ink-ai-border);border-radius:var(--ink-ai-radius-sm);background:var(--ink-ai-surface-subtle)}.ink-ai-section--raised{background:var(--ink-ai-surface-raised)}.ink-ai-composer{isolation:isolate;border-radius:var(--ink-ai-radius);background:var(--ink-ai-surface);box-shadow:0 0 0 1px var(--ink-ai-border-strong), 0 12px 30px -24px color-mix(in srgb, var(--foreground) 24%, transparent);border:0;padding:2px;position:relative;overflow:hidden}.ink-ai-composer__inner{z-index:1;border-radius:calc(var(--ink-ai-radius) - 2px);background:var(--ink-ai-surface);position:relative;overflow:hidden}.ink-ai-composer textarea{min-height:4.5rem;box-shadow:none;background:0 0;border:0;border-radius:0}.ink-ai-composer textarea:focus-visible{box-shadow:none;outline:none}.ink-ai-composer:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--foreground) 32%, transparent), 0 12px 30px -24px color-mix(in srgb, var(--foreground) 28%, transparent)}.ink-border-beam{pointer-events:none;z-index:0;background:conic-gradient(from 0deg, transparent 0 52%, var(--beam-from,var(--muted-foreground)) 68%, var(--beam-to,var(--foreground)) 80%, transparent 92%);animation:ink-beam-rotate var(--beam-duration,4s) linear infinite;animation-delay:var(--beam-delay,0s);position:absolute;inset:-80%}.ink-border-beam--reverse{background:conic-gradient(from 180deg, transparent 0 52%, var(--beam-from,var(--foreground)) 68%, var(--beam-to,var(--muted-foreground)) 80%, transparent 92%);animation-name:ink-beam-rotate-rev}@media (prefers-reduced-motion:reduce){.ink-border-beam{background:conic-gradient(from 120deg, transparent 0 40%, var(--beam-from,var(--muted-foreground)) 62%, var(--beam-to,var(--foreground)) 78%, transparent 92%);animation:none}}.ink-ai-composer__footer{border-top:1px solid var(--ink-ai-border);background:var(--ink-ai-surface-subtle);justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.ink-ai-dock{border-top:1px solid var(--ink-ai-border);padding:.75rem .875rem calc(.75rem + env(safe-area-inset-bottom));background:var(--ink-ai-surface);flex-shrink:0}.ink-ai-chip-row{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:.375rem;margin-bottom:.625rem;display:flex;overflow-x:auto}.ink-ai-chip-row::-webkit-scrollbar{display:none}.ink-ai-chip{border:1px solid var(--ink-ai-border);background:var(--ink-ai-surface-subtle);min-height:2rem;color:var(--foreground);border-radius:999px;flex-shrink:0;padding:0 .7rem;font-size:.75rem;line-height:1;transition:background-color .16s ease-out,border-color .16s ease-out,transform .15s ease-out}.ink-ai-chip:hover{border-color:var(--ink-ai-border-strong);background:var(--ink-ai-surface-raised)}.ink-ai-chip:active{transform:scale(.96)}.ink-ai-chip[data-selected=true]{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.ink-ai-chip--quiet{min-height:1.75rem;color:var(--muted-foreground);padding:0 .55rem;font-size:.6875rem}.ink-ai-chip--quiet[data-selected=true]{color:var(--background)}.ink-ai-kbd{color:var(--muted-foreground);letter-spacing:.04em;flex-shrink:0;font-size:.625rem;line-height:1;display:none}@media (width>=640px){.ink-ai-kbd{display:inline}}.ink-ai-enter{animation:.2s ease-out ink-ai-fade-up}@media (prefers-reduced-motion:reduce){.ink-ai-enter{animation:none}.ink-ai-chip:active{transform:none}}.ink-ai-card{border:1px solid var(--ink-ai-border);border-radius:var(--ink-ai-radius-sm);background:var(--ink-ai-surface);transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s,opacity .16s}.ink-ai-card:hover{border-color:var(--ink-ai-border-strong)}.ink-ai-card--interactive:not(:disabled):hover{background:var(--ink-ai-surface-raised)}.ink-ai-card[data-selected=true]{border-color:var(--foreground);background:var(--ink-ai-surface-raised);box-shadow:0 0 0 2px var(--ink-ai-focus)}.ink-ai-card[data-state=busy]{opacity:1;border-color:var(--foreground);background:var(--ink-ai-surface-raised)}.ink-ai-card[data-state=muted]{opacity:.55}.ink-ai-card:focus-visible,.ink-ai-action:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ink-ai-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-size:.625rem;font-weight:600;line-height:1rem}.ink-ai-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.15rem;font-size:.8125rem;font-weight:500;line-height:1;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.ink-ai-action--primary{background:var(--primary);color:var(--primary-foreground)}.ink-ai-action--primary:not(:disabled):hover{background:color-mix(in srgb, var(--primary) 90%, var(--foreground))}.ink-ai-action--ghost{border-color:var(--ink-ai-border-strong);color:var(--foreground);background:0 0}.ink-ai-action--ghost:not(:disabled):hover{background:var(--ink-ai-surface-raised)}.ink-ai-action:disabled{cursor:not-allowed;background:var(--ink-ai-surface-raised);border-color:var(--ink-ai-border);color:var(--muted-foreground);opacity:1}.ink-ai-action[data-busy=true]{cursor:progress;background:var(--ink-ai-surface-raised);border-color:var(--ink-ai-border-strong);color:var(--foreground);opacity:1}.ink-ai-status{border:1px solid var(--ink-ai-border);background:var(--ink-ai-surface-raised);min-height:1.5rem;color:var(--muted-foreground);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:0 .55rem;font-size:.625rem;line-height:1;display:inline-flex}.ink-ai-status__dot{background:currentColor;border-radius:999px;flex:none;width:.375rem;height:.375rem}.ink-ai-status[data-tone=analyzing]{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 32%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent)}.ink-ai-status[data-tone=analyzing] .ink-ai-status__dot{animation:1.1s ease-in-out infinite ink-ai-pulse}.ink-ai-status[data-tone=ready]{color:var(--foreground);border-color:var(--ink-ai-border-strong)}.ink-ai-status[data-tone=error]{color:var(--destructive);border-color:color-mix(in srgb, var(--destructive) 34%, transparent);background:color-mix(in srgb, var(--destructive) 8%, transparent)}.ink-ai-statusbar{border:1px solid var(--ink-ai-border);border-radius:var(--ink-ai-radius-sm);background:var(--ink-ai-surface-raised);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .875rem;display:flex}.ink-ai-skeleton{background:linear-gradient(90deg, var(--ink-ai-skeleton-base) 25%, var(--ink-ai-skeleton-shine) 37%, var(--ink-ai-skeleton-base) 63%);background-size:400% 100%;border-radius:.5rem;animation:1.4s ease-in-out infinite ink-ai-shimmer}.ink-ai-result{border:1px solid var(--ink-ai-border);border-radius:var(--ink-ai-radius-sm);background:var(--ink-ai-surface);overflow:hidden}.ink-ai-preview{background:var(--ink-ai-surface-subtle);border-top:1px solid var(--ink-ai-border)}.ink-ai-recommendation{flex-direction:column;gap:.5rem;display:flex}.ink-ai-sticky-actions{z-index:1;padding:.625rem 0 calc(.625rem + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--ink-ai-surface) 62%, color-mix(in srgb, var(--ink-ai-surface) 0%, transparent));flex-direction:column;gap:.5rem;display:flex;position:sticky;bottom:0}}@keyframes ink-ai-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ink-ai-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.ink-ai-skeleton,.ink-ai-status[data-tone=analyzing] .ink-ai-status__dot{animation:none}}