.wl{max-width:760px;padding-block:56px 112px}.wl [hidden]{display:none}.wl-form{flex-direction:column;gap:32px;display:flex}.wl-field{flex-direction:column;gap:10px;display:flex}.wl-label{font:600 17px/1.4 var(--ui);padding:0}.wl-field input,.wl-field textarea{font:17px/1.5 var(--ui);color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);resize:vertical;border:0;border-radius:14px;width:100%;padding:14px 16px;transition:box-shadow .16s}.wl-field input:focus,.wl-field textarea:focus{box-shadow:inset 0 0 0 2px var(--indigo);outline:none}.wl-field input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #b3261e}.wl-q{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.wl-q legend{margin-bottom:10px}.wl-chips{flex-wrap:wrap;gap:8px;display:flex}.wl-chip{cursor:pointer;position:relative}.wl-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wl-chip span{font:500 15px/18px var(--ui);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:transform .16s var(--ease-out),background-color .16s ease,color .16s ease;border-radius:999px;align-items:center;padding:10px 16px;display:inline-flex}.wl-chip:active span{transform:scale(.97)}.wl-chip input:checked+span{background:var(--indigo);color:var(--white);box-shadow:none}.wl-chip input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:3px}@media (hover:hover) and (pointer:fine){.wl-chip:hover input:not(:checked)+span{background:var(--wash)}}.wl-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.wl-foot{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wl-foot .btn[disabled]{opacity:.6;cursor:default}.wl-error{color:#b3261e;font-size:15px}.wl-error a{color:var(--indigo);text-underline-offset:3px;text-decoration:underline}.wl-have{color:var(--muted);font-size:15px}.wl-have a{color:var(--indigo);text-underline-offset:3px;text-decoration:underline}.wl-done{flex-direction:column;gap:12px;display:flex}.wl-done h2{font-size:clamp(30px,3.6vw,44px)}.wl-done p{overflow-wrap:anywhere;font-size:17px;line-height:1.65}.wl-done.in{animation:wl-in .22s var(--ease-out) both}@keyframes wl-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wl-done.in{animation:none}.wl-chip span,.wl-field input,.wl-field textarea{transition:none}}.wl-task{flex-direction:column;gap:12px;display:flex}.wl-link{font:500 15px/1.4 var(--ui);color:var(--indigo);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline #3d51ab59;transition:text-decoration-color .16s}@media (hover:hover) and (pointer:fine){.wl-link:hover{text-decoration-color:var(--indigo)}}.wl-link:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:4px}.wl-agent{background:var(--wash);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.wl-agent-how{color:var(--muted);font-size:15px;line-height:1.5}.wl-agent-box{position:relative}.wl-agent-prompt{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-height:180px;margin:0;padding:14px 52px 14px 16px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.wl-agent-prompt:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.wl-copy{background:var(--card);width:32px;height:32px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:opacity .16s ease,transform .16s var(--ease-out),color .16s ease;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.wl-copy:active{transform:scale(.94)}.wl-copy:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.wl-copy svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:opacity .16s ease,transform .16s var(--ease-out);grid-area:1/1}.wl-copy .i-done{opacity:0;transform:scale(.6)}.wl-copy.done{color:var(--green)}.wl-copy.done .i-copy{opacity:0;transform:scale(.6)}.wl-copy.done .i-done{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.wl-copy{opacity:0}.wl-agent-box:hover .wl-copy,.wl-agent-box:focus-within .wl-copy,.wl-copy.done{opacity:1}.wl-copy:hover{color:var(--ink)}}.wl-agent.in{animation:wl-drop .2s var(--ease-out) both}@keyframes wl-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wl-agent.in{animation:none}.wl-copy,.wl-copy svg{transition:none}}
