*{box-sizing:border-box}body{background:var(--wasd-color-surface-canvas);color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-sans);margin:0}button,input,select,textarea{font:inherit}.dev-tool{--dev-tool-blue:var(--wasd-color-accent-primary-base);--dev-tool-pink:var(--wasd-color-accent-secondary-base);--dev-tool-cyan:var(--wasd-color-accent-tertiary-base);--dev-tool-orange:var(--wasd-color-accent-warning-base);--dev-tool-green:var(--wasd-color-accent-success-base);--dev-tool-red:var(--wasd-color-accent-fail-base);background:linear-gradient(135deg, color-mix(in srgb, var(--wasd-color-surface-raised) 90%, var(--dev-tool-blue) 10%), var(--wasd-color-surface-raised) 46%, color-mix(in srgb, var(--wasd-color-surface-raised) 92%, var(--dev-tool-cyan) 8%)), var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-md);box-shadow:var(--wasd-shadow-sm);color:var(--wasd-color-text-default);inline-size:100%;padding:var(--wasd-spacing-4)}.dev-tool--teaser{block-size:100%}.dev-tool__header h2,.dev-tool__header p,.dev-tool__panel h3,.dev-tool__status,.dev-tool__note{margin:0}.dev-tool__workspace{align-items:start;gap:var(--wasd-spacing-4);grid-template-columns:minmax(20rem,1fr) minmax(22rem,1fr);display:grid}.dev-tool__workspace--wide-output{grid-template-columns:minmax(18rem,.85fr) minmax(24rem,1.15fr)}.dev-tool__workspace--stacked{grid-template-columns:1fr}.dev-tool__stack{gap:var(--wasd-spacing-4);min-inline-size:0;display:grid}.dev-tool__stack--compact{gap:var(--wasd-spacing-3)}.dev-tool__column{gap:var(--wasd-spacing-4);min-inline-size:0;display:grid}.dev-tool__column--sticky{top:var(--wasd-spacing-4);position:sticky}.dev-tool__panel{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);gap:var(--wasd-spacing-3);min-inline-size:0;padding:var(--wasd-spacing-4);display:grid}.dev-tool__panel--primary{background:linear-gradient(135deg, color-mix(in srgb, var(--wasd-color-surface-canvas) 84%, var(--dev-tool-cyan) 16%), var(--wasd-color-surface-canvas)), var(--wasd-color-surface-canvas)}.dev-tool__panel--output{min-block-size:100%}.dev-tool__toolbar{align-items:center;gap:var(--wasd-spacing-2);flex-wrap:wrap;justify-content:space-between;display:flex}.dev-tool__actions{align-items:center;gap:var(--wasd-spacing-2);flex-wrap:wrap;display:flex}.dev-tool__field{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.dev-tool__field>span,.dev-tool__file-field>span{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-medium)}.dev-tool__field--wide{grid-column:1/-1}.dev-tool__fields{gap:var(--wasd-spacing-3);grid-template-columns:1fr;display:grid}.dev-tool__textarea{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-default);border-radius:var(--wasd-radius-sm);color:var(--wasd-color-text-default);inline-size:100%;line-height:var(--wasd-typography-line-height-normal);min-block-size:15rem;padding:var(--wasd-spacing-3);resize:vertical}.dev-tool__textarea[readonly]{background:color-mix(in srgb, var(--wasd-color-surface-raised) 88%, var(--wasd-color-surface-muted) 12%)}.dev-tool__textarea--code,.dev-tool__code,.dev-tool__mono{font-family:var(--wasd-typography-family-mono)}.dev-tool__textarea:focus,.dev-tool__code:focus,.dev-tool__password-value:focus{box-shadow:var(--wasd-shadow-focus);outline:none}.dev-tool__segmented .wasd-button[aria-pressed=true]{pointer-events:none}.dev-tool__switch-field{min-block-size:2rem;inline-size:100%;padding-block:var(--wasd-spacing-1);align-items:center;display:flex}.dev-tool__metrics{gap:var(--wasd-spacing-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.dev-tool__metric{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-inline-size:0;padding:var(--wasd-spacing-3)}.dev-tool__metric[data-tone=success]{background:color-mix(in srgb, var(--wasd-color-surface-raised) 78%, var(--dev-tool-green) 22%);border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 68%, var(--dev-tool-green) 32%)}.dev-tool__metric[data-tone=warning]{background:color-mix(in srgb, var(--wasd-color-surface-raised) 80%, var(--dev-tool-orange) 20%);border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 70%, var(--dev-tool-orange) 30%)}.dev-tool__metric[data-tone=fail]{background:color-mix(in srgb, var(--wasd-color-surface-raised) 80%, var(--dev-tool-red) 20%);border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 66%, var(--dev-tool-red) 34%)}.dev-tool__metric dt{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-medium)}.dev-tool__metric dd{font-family:var(--wasd-typography-family-mono);font-size:var(--wasd-typography-size-heading-sm);font-weight:var(--wasd-typography-weight-semibold);line-height:var(--wasd-typography-line-height-tight);margin:var(--wasd-spacing-1) 0 0;overflow-wrap:anywhere}.dev-tool__status,.dev-tool__note{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm);min-block-size:1.35em}.dev-tool__code{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);color:var(--wasd-color-text-default);max-block-size:32rem;padding:var(--wasd-spacing-3);white-space:pre-wrap;word-break:break-word;margin:0;overflow:auto}.dev-tool__list{gap:var(--wasd-spacing-2);margin:0;padding:0;list-style:none;display:grid}.dev-tool__list-item{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);align-items:center;gap:var(--wasd-spacing-3);padding:var(--wasd-spacing-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.dev-tool__list-item-main{gap:var(--wasd-spacing-1);min-inline-size:0;display:grid}.dev-tool__list-item-main strong,.dev-tool__list-item-main span{overflow-wrap:anywhere}.dev-tool__list-item-main span{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm)}.dev-tool__tree{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);max-block-size:34rem;padding:var(--wasd-spacing-3);overflow:auto}.dev-tool__tree details{margin-block:var(--wasd-spacing-1)}.dev-tool__tree summary{cursor:pointer;font-family:var(--wasd-typography-family-mono);overflow-wrap:anywhere}.dev-tool__tree-list{border-inline-start:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);gap:var(--wasd-spacing-1);margin:var(--wasd-spacing-2) 0 0 var(--wasd-spacing-2);padding:0 0 0 var(--wasd-spacing-3);list-style:none;display:grid}.dev-tool__tree-key{color:var(--wasd-color-text-brand);font-family:var(--wasd-typography-family-mono);font-weight:var(--wasd-typography-weight-semibold)}.dev-tool__tree-primitive{font-family:var(--wasd-typography-family-mono);overflow-wrap:anywhere}.dev-tool__table{border-collapse:collapse;inline-size:100%}.dev-tool__table th,.dev-tool__table td{border-block-end:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);padding:var(--wasd-spacing-2);text-align:start;vertical-align:top}.dev-tool__table th{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm);font-weight:var(--wasd-typography-weight-semibold)}.dev-tool__table td{font-family:var(--wasd-typography-family-mono);overflow-wrap:anywhere}.dev-tool__password-list{gap:var(--wasd-spacing-2);margin:0;padding:0;list-style:none;display:grid}.dev-tool__password-item{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);align-items:center;gap:var(--wasd-spacing-3);padding:var(--wasd-spacing-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.dev-tool__password-value{color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-mono);overflow-wrap:anywhere;text-align:start;background:0 0;border:0;inline-size:100%;min-inline-size:0;padding:0}.dev-tool__strength-track{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:999px;inline-size:100%;display:block;overflow:hidden}.dev-tool__strength-bar{background:linear-gradient(90deg, var(--dev-tool-red), var(--dev-tool-orange), var(--dev-tool-green));block-size:.75rem;inline-size:var(--strength,0%);min-inline-size:.25rem;display:block}.dev-tool--teaser>.wasd-stack{block-size:100%;min-block-size:0;max-block-size:100%;overflow:hidden}.dev-tool--teaser .dev-tool__header,.dev-tool--teaser .dev-tool__hide-in-teaser{display:none}.dev-tool--teaser .dev-tool__workspace{grid-template-columns:minmax(18rem,.9fr) minmax(24rem,1.1fr);block-size:100%;min-block-size:0;overflow:hidden}.dev-tool--teaser>.wasd-stack>.dev-tool__stack{block-size:100%;min-block-size:0;overflow:hidden}.dev-tool--teaser>.wasd-stack>.dev-tool__stack>.dev-tool__panel:nth-of-type(n+3){display:none}.dev-tool--teaser .dev-tool__column,.dev-tool--teaser .dev-tool__panel{min-block-size:0;overflow:hidden}.dev-tool--teaser .dev-tool__textarea{resize:none;min-block-size:11rem}@media (width<=68rem){.dev-tool__workspace,.dev-tool__workspace--stacked,.dev-tool__workspace--wide-output{grid-template-columns:1fr}.dev-tool__column--sticky{position:static}}@media (width<=44rem){.dev-tool{box-shadow:none;padding:var(--wasd-spacing-3);border-inline:0;border-radius:0}.dev-tool__fields,.dev-tool__metrics{grid-template-columns:1fr}.dev-tool__actions .wasd-button,.dev-tool__segmented .wasd-button{inline-size:100%}.dev-tool__list-item,.dev-tool__password-item{grid-template-columns:1fr}}