*{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}.word-counter{--word-counter-accent:#0f766e;--word-counter-accent-2:#b45309;--word-counter-accent-3:#be123c;--word-counter-soft:color-mix(in srgb, var(--wasd-color-surface-raised) 86%, #0f766e 14%);background:linear-gradient(135deg, color-mix(in srgb, var(--wasd-color-surface-raised) 90%, #0f766e 10%), var(--wasd-color-surface-raised) 48%), 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)}.word-counter--teaser{block-size:100%}.word-counter__header h2,.word-counter__header p,.word-counter__panel h3,.word-counter__note,.word-counter__status{margin:0}.word-counter__workspace{align-items:start;gap:var(--wasd-spacing-4);grid-template-columns:minmax(19rem,.95fr) minmax(22rem,1.05fr);display:grid}.word-counter__input-column,.word-counter__output-column{min-inline-size:0}.word-counter__output-column{top:var(--wasd-spacing-4);position:sticky}.word-counter__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);min-inline-size:0;padding:var(--wasd-spacing-4)}.word-counter__panel--primary{gap:var(--wasd-spacing-3);display:grid}.word-counter__file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.word-counter__panel-toolbar{align-items:center;gap:var(--wasd-spacing-3);grid-template-columns:minmax(0,1fr);display:grid}.word-counter__mode-toggle .wasd-button[aria-pressed=true]{pointer-events:none}.word-counter__text-field,.word-counter__number-field{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.word-counter__text-field{margin-block-start:var(--wasd-spacing-3)}.word-counter__text-field>span,.word-counter__number-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)}.word-counter__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);min-block-size:clamp(19rem,44vh,34rem);inline-size:100%;padding:var(--wasd-spacing-3);resize:vertical;line-height:1.5}.word-counter__textarea:focus,.word-counter__shape-track:focus-within,.word-counter__dropzone:focus-within{outline:3px solid color-mix(in srgb, var(--word-counter-accent) 50%, transparent);outline-offset:2px}.word-counter__file-mode{gap:var(--wasd-spacing-3);margin-block-start:var(--wasd-spacing-3);display:grid}.word-counter__dropzone{background:linear-gradient(135deg, color-mix(in srgb, var(--wasd-color-surface-raised) 88%, #0f766e 12%), var(--wasd-color-surface-raised)), var(--wasd-color-surface-raised);border:1px dashed color-mix(in srgb, var(--wasd-color-border-default) 74%, var(--word-counter-accent) 26%);border-radius:var(--wasd-radius-sm);align-content:center;gap:var(--wasd-spacing-2);min-block-size:clamp(13rem,34vh,22rem);padding:var(--wasd-spacing-4);text-align:center;display:grid}.word-counter__dropzone--active{background:color-mix(in srgb, var(--wasd-color-surface-raised) 76%, #0f766e 24%);border-color:var(--word-counter-accent)}.word-counter__dropzone strong{font-size:var(--wasd-typography-size-heading-xs)}.word-counter__dropzone span,.word-counter__dropzone small,.word-counter__empty-file-state{color:var(--wasd-color-text-muted)}.word-counter__dropzone small{max-inline-size:32rem;margin-inline:auto}.word-counter__file-list-shell{gap:var(--wasd-spacing-3);display:grid}.word-counter__file-list-shell h4,.word-counter__empty-file-state{margin:0}.word-counter__file-list{gap:var(--wasd-spacing-2);margin:0;padding:0;list-style:none;display:grid}.word-counter__file-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}.word-counter__file-item[data-status=ready]{border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 70%, #0f766e 30%)}.word-counter__file-item[data-status=error]{border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 58%, #be123c 42%)}.word-counter__file-item-main{gap:var(--wasd-spacing-1);min-inline-size:0;display:grid}.word-counter__file-item-main strong,.word-counter__file-item-main span{overflow-wrap:anywhere}.word-counter__file-item-main span{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm)}.word-counter__option-grid{gap:var(--wasd-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--wasd-spacing-3);display:grid}.word-counter__number-field .wasd-input-root,.word-counter__number-field .wasd-input-control{inline-size:100%}.word-counter__switch-row{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-block-size:3.25rem;padding:var(--wasd-spacing-3);align-items:center;display:flex}.word-counter__metric-grid,.word-counter__detail-grid{gap:var(--wasd-spacing-3);margin:0;display:grid}.word-counter__metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.word-counter__detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--wasd-spacing-3)}.word-counter__metric-card,.word-counter__detail-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);min-inline-size:0;padding:var(--wasd-spacing-3)}.word-counter__metric-card:first-child{background:color-mix(in srgb, var(--wasd-color-surface-raised) 80%, #0f766e 20%);border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 70%, #0f766e 30%);grid-column:span 2}.word-counter__metric-card:nth-child(4){background:color-mix(in srgb, var(--wasd-color-surface-raised) 84%, #f59e0b 16%)}.word-counter__metric-card:nth-child(5){background:color-mix(in srgb, var(--wasd-color-surface-raised) 86%, #be123c 14%)}.word-counter__metric-card dt,.word-counter__detail-item 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)}.word-counter__metric-card dd,.word-counter__detail-item dd{margin:var(--wasd-spacing-1) 0 0;overflow-wrap:anywhere}.word-counter__metric-card dd{font-family:var(--wasd-typography-family-mono);font-size:clamp(1.35rem,3vw,2.15rem);font-weight:var(--wasd-typography-weight-semibold);line-height:1.08}.word-counter__metric-card:first-child dd{font-size:clamp(2.4rem,6vw,4.2rem)}.word-counter__detail-item dd{font-weight:var(--wasd-typography-weight-semibold)}.word-counter__note,.word-counter__status{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm)}.word-counter__status{min-block-size:1.35em}.word-counter__shape-list{gap:var(--wasd-spacing-3);margin:var(--wasd-spacing-3) 0 0;display:grid}.word-counter__shape-item{gap:var(--wasd-spacing-2);display:grid}.word-counter__shape-item dt{align-items:center;gap:var(--wasd-spacing-3);justify-content:space-between;display:flex}.word-counter__shape-item dt 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)}.word-counter__shape-item dd{margin:0}.word-counter__shape-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}.word-counter__shape-bar{background:linear-gradient(90deg, var(--word-counter-accent), var(--word-counter-accent-2), var(--word-counter-accent-3));block-size:.75rem;min-inline-size:.2rem;display:block}.word-counter--teaser>.wasd-stack{gap:16px;block-size:100%;min-block-size:0;max-block-size:100%;overflow:hidden}.word-counter--teaser .word-counter__workspace{grid-template-columns:minmax(22rem,.86fr) minmax(28rem,1.14fr);gap:16px;block-size:100%;min-block-size:0;overflow:hidden}.word-counter--teaser .word-counter__header,.word-counter--teaser .word-counter__panel--options,.word-counter--teaser .word-counter__panel--shape,.word-counter--teaser .word-counter__actions,.word-counter--teaser .word-counter__note,.word-counter--teaser .word-counter__status{display:none}.word-counter--teaser .word-counter__input-column,.word-counter--teaser .word-counter__output-column,.word-counter--teaser .word-counter__panel{block-size:100%;min-block-size:0;max-block-size:100%;overflow:hidden}.word-counter--teaser .word-counter__textarea{resize:none;block-size:100%;min-block-size:0}.word-counter--teaser .word-counter__panel--input{grid-template-rows:auto minmax(0,1fr);block-size:100%;display:grid}.word-counter--teaser .word-counter__text-field{grid-template-rows:auto minmax(0,1fr);block-size:100%;min-block-size:0;display:grid}.word-counter--teaser .word-counter__metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.word-counter--teaser .word-counter__metric-card:nth-child(6){display:none}.word-counter--teaser .word-counter__detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=68rem){.word-counter__workspace{grid-template-columns:1fr}.word-counter__output-column{position:static}}@media (width<=44rem){.word-counter{box-shadow:none;padding:var(--wasd-spacing-3);border-inline:0;border-radius:0}.word-counter__option-grid,.word-counter__metric-grid,.word-counter__detail-grid{grid-template-columns:1fr}.word-counter__metric-card:first-child{grid-column:auto}.word-counter__actions .wasd-button{inline-size:100%}.word-counter__file-item{grid-template-columns:1fr}.word-counter__file-item .wasd-button{inline-size:100%}}