.wg{position:relative;display:block;border:1px solid var(--wood, var(--border));border-radius:.75rem;background:var(--background);color:var(--foreground);font-family:var(--font-sans);padding:1.25rem;text-align:start}.sz-gen .wg{border-color:transparent;border-radius:.5rem}.sz-hero:has(.wg[data-state=results]){align-items:start}@media(min-width:640px){.wg{padding:1.5rem}}.wg .wg-title{margin:0 0 .375rem;font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.15;letter-spacing:-.025em;color:var(--foreground);text-wrap:balance}@media(min-width:1024px){.wg .wg-title{font-size:1.875rem}}.wg .wg-desc{margin:0 0 1rem;font-size:.875rem;line-height:1.4;color:var(--muted-foreground);text-wrap:pretty}.wg .wg-box{border:1px solid var(--wood, var(--border));border-radius:.5rem;background:var(--background);padding:.625rem .625rem .625rem .75rem;transition:border-color .2s,box-shadow .2s}.wg .wg-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 16%,transparent)}.wg .wg-input{display:block;width:100%;min-height:3rem;max-height:10rem;margin:0;padding:0;border:0;outline:0;resize:none;field-sizing:content;background:transparent;color:var(--foreground);font:inherit;font-size:1rem;line-height:1.5}@media(min-width:640px){.wg .wg-input{font-size:.9375rem}}.wg .wg-input::placeholder{color:var(--muted-foreground);opacity:1}.wg .wg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem}.wg .wg-hint{font-size:.75rem;line-height:1rem;color:var(--muted-foreground)}@media(pointer:coarse){.wg .wg-hint-keys{display:none}}.wg .wg-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.375rem;height:2.25rem;padding:0 1rem;border:0;border-radius:.375rem;font:500 .875rem/1 var(--font-sans);letter-spacing:-.025em;white-space:nowrap;cursor:pointer;transition:background-color .3s ease-out,transform .3s ease-out,opacity .2s}.wg .wg-btn:active{transform:scale(.98)}.wg .wg-btn svg{width:.75rem;height:.75rem}.wg .wg-btn-accent{background:var(--accent);color:var(--accent-foreground)}.wg .wg-btn-accent:disabled{opacity:.45;cursor:not-allowed;transform:none}.wg .wg-btn-linen{height:2rem;padding:0 .75rem;background:var(--background);color:var(--foreground);font-size:.8125rem}.wg .wg-btn-ghost{height:2rem;padding:0 .625rem;background:transparent;color:var(--muted-foreground);font-size:.8125rem}.wg .wg-ex{margin-top:1rem}.wg .wg-exl{margin:0 0 .375rem;font-size:.75rem;line-height:1rem;color:var(--muted-foreground)}.wg .wg-exs{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}.wg .wg-exs li{margin:0;padding:0}.wg .wg-exs li:before{content:none}.wg .wg-exb{display:flex;width:100%;align-items:center;gap:.5rem;padding:.5rem .625rem;border:0;border-radius:.375rem;background:var(--muted);color:var(--foreground);font:inherit;font-size:.8125rem;line-height:1.35;text-align:start;cursor:pointer;transition:background-color .3s}.wg .wg-exb svg{flex:none;width:.75rem;height:.75rem;color:var(--accent)}.wg .wg-exb:disabled{opacity:.5;cursor:default}@media(max-width:639px){.wg .wg-exs li:nth-child(n+3){display:none}}.wg .wg-ask{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .5rem .5rem .75rem;border-radius:.5rem;background:var(--muted);font-size:.875rem;line-height:1.35}.wg .wg-ask-text{min-width:0;margin:0;overflow-wrap:anywhere}.wg .wg-ask-text span{color:var(--muted-foreground)}.wg .wg-ask-text b{font-weight:500}.wg .wg-compose-actions{display:flex;gap:.375rem;align-items:center;margin-inline-start:auto}.wg .wg-res{display:grid;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.wg .wg-res li:before{content:none}.wg .wg-rc{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:1rem 1.125rem;border-radius:.5rem;background:var(--muted)}.wg .wg-rl{font-size:.75rem;line-height:1rem;color:var(--muted-foreground)}.wg .wg-rt{margin:.25rem 0 0;font-family:var(--font-display);font-size:1.125rem;line-height:1.45;letter-spacing:-.01em;white-space:pre-line;overflow-wrap:break-word;text-wrap:pretty;color:var(--foreground)}.wg .wg-copy{display:inline-flex;align-self:flex-start;align-items:center;gap:.375rem;min-height:2rem;padding:.25rem .75rem;border:0;border-radius:.375rem;background:var(--background);color:var(--foreground);font:500 .8125rem/1.2 var(--font-sans);cursor:copy;transition:background-color .3s}.wg .wg-copy svg{width:.8125rem;height:.8125rem;color:var(--accent)}.wg .wg-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.75rem}.wg .wg-chip{display:inline-flex;align-items:center;height:2rem;padding:0 .75rem;border:0;border-radius:999px;background:var(--muted);color:var(--foreground);font:500 .8125rem/1 var(--font-sans);cursor:pointer;transition:background-color .3s}.wg .wg-chip[aria-disabled=true],.wg .wg-btn[aria-disabled=true]{opacity:.5;cursor:default}.wg .wg-more{margin-inline-start:auto;padding:.25rem;border:0;background:none;color:var(--muted-foreground);font:inherit;font-size:.8125rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wg .wg-loading{margin:.75rem 0 0;font-size:.875rem;color:var(--muted-foreground)}.wg .wg-skel{height:5.5rem;border-radius:.5rem;background:var(--muted);animation:wg-pulse 1.6s ease-in-out infinite}@keyframes wg-pulse{50%{opacity:.55}}.wg .wg-error{margin-top:.75rem;padding:.75rem .875rem;border-radius:.5rem;background:color-mix(in oklab,var(--tp-danger, oklch(.5 .13 28)) 10%,var(--background));color:var(--tp-danger, oklch(.5 .13 28));font-size:.875rem;line-height:1.4}.wg .wg-error .wg-btn{margin-top:.5rem}.wg .wg-prev{display:grid;gap:1rem;margin-top:1rem}.wg .wg-prev-round{padding-top:.75rem;border-top:1px solid var(--wood, var(--border))}.wg .wg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wg :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wg .wg-input:focus-visible{outline:none}@media(hover:hover){.wg .wg-exb:not(:disabled):hover,.wg .wg-copy:hover,.wg .wg-chip:not([aria-disabled=true]):hover,.wg .wg-btn-linen:not([aria-disabled=true]):hover{background:var(--wood, var(--muted))}.wg .wg-btn-accent:not(:disabled):hover{background:color-mix(in oklab,var(--accent) 88%,black)}.wg .wg-btn-ghost:hover,.wg .wg-more:hover{color:var(--foreground)}}@media(prefers-reduced-motion:reduce){.wg .wg-skel{animation:none}.wg :is(.wg-btn,.wg-exb,.wg-copy,.wg-chip,.wg-box){transition:none}}
