.wb{max-width:1120px;margin:auto;padding:112px 24px 64px}.wb nav{font-size:.875rem;line-height:1.8;margin-bottom:32px;overflow-wrap:anywhere}.wb header{max-width:820px;margin-bottom:32px}.wb h1{font-size:clamp(2rem,4vw,3rem);font-weight:750;line-height:1.12;letter-spacing:-.03em;margin:20px 0}.wb h2{font-size:1.4rem;line-height:1.3;font-weight:650;margin:24px 0 12px}.wb h3{font-size:1.1rem;font-weight:650;margin:20px 0 10px}.wb p{line-height:1.7;margin:12px 0}.wb a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:3px}.wb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}.wb-note,.wb-output{padding:24px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--secondary)/.35);margin:20px 0}.wb-output h2:first-child{margin-top:0}.wb-field{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-weight:550;min-width:0}.wb input,.wb select,.wb textarea{background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:7px;padding:12px;font:inherit;font-weight:400;min-width:0;width:100%;font-size:16px}.wb select{white-space:normal}.wb textarea{min-height:88px;resize:vertical}.wb button{padding:11px 16px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:8px;font-weight:550;line-height:1.4;text-align:left}.wb button:disabled{opacity:.45;cursor:not-allowed}.wb button:focus-visible,.wb input:focus-visible,.wb select:focus-visible,.wb textarea:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}.wb-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.wb-variable{border-top:1px solid hsl(var(--border));padding:20px 0;margin-top:24px}.wb legend{font-weight:650;padding-right:12px}.wb .wb-link{background:transparent;color:hsl(var(--primary));text-decoration:underline}.wb li{margin:12px 0;line-height:1.65}.wb ul{list-style:disc;padding-left:22px}.wb .wb-number{font-size:2rem;font-weight:700;letter-spacing:-.03em}.wb-error{color:#b42318;font-weight:600}.dark .wb-error{color:#ffaaa0}.wb svg{width:100%;height:auto;margin:16px 0}.wb footer{margin-top:40px}