*{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,textarea,select{font:inherit}.model-converter{inline-size:100%}.model-converter__header h2,.model-converter__header p,.model-converter__dropzone p,.model-converter__panel-section h3,.model-converter__output-title h3,.model-converter__output-title p,.model-converter__output-panel h4{margin:0}.model-converter__tool-toolbar.wasd-toolbar{align-self:stretch;inline-size:100%}.model-converter__tool-toolbar>.model-converter__tool-toolbar-group{gap:var(--wasd-spacing-2);flex:44rem;grid-template-columns:repeat(auto-fit,minmax(min(7.25rem,100%),1fr));display:grid}.model-converter__tool-button.wasd-button{--wasd-button-size-sm-gap:var(--wasd-spacing-1);--wasd-button-size-sm-padding-inline:var(--wasd-spacing-2);white-space:nowrap;justify-content:flex-start;inline-size:100%;min-inline-size:0}.model-converter__layout{align-items:stretch;gap:var(--wasd-spacing-4);grid-template-columns:minmax(0,1fr);display:grid}.model-converter__tool-toolbar,.model-converter__controls,.model-converter__downloads,.model-converter__viewport,.model-converter__output{inline-size:100%;min-inline-size:0}.model-converter__controls{align-self:stretch}.model-converter__controls-grid{align-items:stretch;gap:var(--wasd-spacing-4);grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));display:grid}.model-converter__panel-section{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);align-content:start;gap:var(--wasd-spacing-3);min-inline-size:0;padding:var(--wasd-spacing-4);grid-template-rows:auto minmax(0,1fr);display:grid}.model-converter__panel-content{align-self:start;min-inline-size:0}.model-converter__panel-content--setup{align-self:stretch;block-size:100%}.model-converter__panel-section>h3{color:var(--wasd-color-text-muted)}.model-converter__dropzone{border:.125rem dashed var(--wasd-color-border-subtle);min-inline-size:0}.model-converter__dropzone--active{background:var(--wasd-color-accent-primary-soft);border-color:var(--wasd-color-border-focus)}.model-converter__dropzone[aria-disabled=true]{opacity:.72}.model-converter__file-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.model-converter__control-field{gap:var(--wasd-spacing-2);display:grid}.model-converter__control-description{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-label-sm)}.model-converter__danger-mode{gap:var(--wasd-spacing-2);display:grid}.model-converter__danger-warning{font-size:var(--wasd-typography-size-body-sm);margin:0}.model-converter__controls .wasd-input-control,.model-converter__controls .wasd-input-root{inline-size:100%}.model-converter__range-field{align-items:center;gap:var(--wasd-spacing-3);grid-template-columns:minmax(0,1fr) 5.75rem;display:grid}.model-converter__range-field .wasd-slider-root{min-inline-size:0}.model-converter__axis-control{align-items:end;gap:var(--wasd-spacing-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.model-converter__axis-control--rotation{grid-template-columns:repeat(3,minmax(0,1fr))}.model-converter__axis-input{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-label-sm);font-weight:var(--wasd-typography-weight-semibold);gap:var(--wasd-spacing-1);min-inline-size:0;display:grid}.model-converter__axis-input>span{line-height:1}.model-converter__anchor-switch.wasd-switch{flex:none}.model-converter__axis-control .wasd-switch-field{min-block-size:var(--wasd-input-target-size,2.75rem);align-self:end}.model-converter__material-blocks-trigger.wasd-button{text-align:start;justify-content:flex-start;inline-size:100%;min-inline-size:0}.model-converter__material-blocks-trigger.wasd-button .wasd-button__label{align-items:center;gap:var(--wasd-spacing-2);inline-size:100%;min-inline-size:0;display:flex}.model-converter__material-blocks-label{font-weight:var(--wasd-typography-weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.model-converter__material-blocks-count{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm);white-space:nowrap;flex:none}.model-converter__layer-control{align-items:center;gap:var(--wasd-spacing-2);grid-template-columns:1fr 1fr;display:grid}.model-converter__layer-control .wasd-button{min-inline-size:0}.model-converter__layer-slider{grid-area:1/1/auto/-1;min-inline-size:0}.model-converter__layer-output{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm)}.model-converter__preview-options{gap:var(--wasd-spacing-2);display:grid}.model-converter__color-adjustments{gap:var(--wasd-spacing-3);display:grid}.model-converter__status{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm);margin:0}.model-converter__convert-action.wasd-button{justify-content:center;inline-size:100%;margin-block-start:auto}.model-converter__viewport{padding:var(--wasd-spacing-4);grid-template-rows:minmax(38rem,1fr);display:grid}.model-converter__viewport-body{border-radius:var(--wasd-radius-sm);align-self:stretch;block-size:100%;min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}.model-converter__viewport-tabs.wasd-tabs{grid-template-rows:auto minmax(0,1fr);align-content:stretch;block-size:100%;min-block-size:38rem}.model-converter__viewport-tab-list.wasd-tab-list{place-self:start;margin-block-end:var(--wasd-spacing-2)}.model-converter__viewport-panels.wasd-tab-panels{block-size:100%;min-block-size:0}.model-converter__viewport-panel.wasd-tab-panel{block-size:100%;min-block-size:0;padding:0}.model-converter__viewport-panel--3d.wasd-tab-panel{min-block-size:38rem}.model-converter__viewport-panel--2d.wasd-tab-panel:not([hidden]){place-items:center;display:grid}.model-converter__preview{background:var(--wasd-color-surface-canvas);border-radius:var(--wasd-radius-sm);block-size:100%;min-block-size:38rem;min-inline-size:0;position:relative;overflow:hidden}.model-converter__canvas{block-size:100%;inline-size:100%}.model-converter__preview-fallback{block-size:100%;color:var(--wasd-color-text-muted);font-weight:var(--wasd-typography-weight-semibold);justify-content:center;align-items:center;min-block-size:100%;display:flex}.model-converter__preview-busy{background:color-mix(in srgb, var(--wasd-color-surface-raised) 84%, transparent);border-radius:var(--wasd-radius-sm);color:var(--wasd-color-text-default);font-weight:var(--wasd-typography-weight-semibold);align-items:center;gap:var(--wasd-spacing-2);z-index:5;justify-content:center;min-block-size:12rem;display:inline-flex;position:absolute;inset:3rem 0 0}.model-converter__spinner{border:.1875rem solid color-mix(in srgb, var(--wasd-color-text-muted) 22%, transparent);border-block-start-color:var(--wasd-color-text-muted);border-radius:999px;block-size:1.25rem;inline-size:1.25rem;animation:.8s linear infinite model-converter-spin}.model-converter__layer-map{--model-layer-columns:17;--model-layer-rows:17;aspect-ratio:var(--model-layer-columns) / var(--model-layer-rows);background:var(--wasd-color-border-subtle);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);grid-template-columns:repeat(var(--model-layer-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--model-layer-rows), minmax(0, 1fr));gap:1px;inline-size:min(100%,48rem);padding:1px;display:grid;overflow:hidden}.model-converter__layer-cell{aspect-ratio:1;background-color:var(--wasd-color-surface-canvas);image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:cover;min-block-size:0;min-inline-size:0}.model-converter__layer-cell--previous{background-color:var(--wasd-color-surface-muted)}.model-converter__layer-cell--previous:not(.model-converter__layer-cell--filled){opacity:.42}.model-converter__layer-cell--filled{background-color:var(--wasd-color-accent-primary-base)}.model-converter__layer-cell--previous.model-converter__layer-cell--filled{box-shadow:inset 0 0 0 2px var(--wasd-color-surface-muted)}.model-converter__layer-run-guide,.model-converter__layer-run-label{--model-run-border:var(--wasd-color-accent-primary-strong);--model-run-color:var(--wasd-color-accent-primary-base);--model-run-foreground:var(--wasd-color-accent-primary-contrast);pointer-events:none}.model-converter__layer-run-guide{z-index:1;place-self:stretch stretch;place-items:center;display:grid;position:relative}.model-converter__layer-run-guide:before{background:var(--model-run-color);box-shadow:0 0 0 1px var(--model-run-border);content:"";border-radius:999px;position:absolute}.model-converter__layer-run-guide[data-axis=row]:before{block-size:3px;inline-size:100%;inset-block-start:calc(50% - 1.5px);inset-inline:0}.model-converter__layer-run-guide[data-axis=column]:before{block-size:100%;inline-size:3px;inset-block:0;inset-inline-start:calc(50% - 1.5px)}.model-converter__layer-run-label{background:var(--model-run-color);border:var(--wasd-border-width-thin) solid var(--wasd-color-surface-raised);border-radius:var(--wasd-radius-xs);box-shadow:0 0 0 1px var(--model-run-border), var(--wasd-shadow-sm);color:var(--model-run-foreground);font-family:var(--wasd-typography-family-mono);font-size:clamp(.48rem,.72em,.75rem);font-weight:var(--wasd-typography-weight-semibold);text-align:center;white-space:nowrap;z-index:2;min-inline-size:1.15rem;padding:.15rem .2rem;line-height:1;display:inline-block;position:relative;overflow:hidden}.model-converter__layer-run-label[data-axis=row],.model-converter__layer-run-label[data-axis=column]{transform:none}.model-converter__layer-run-guide[data-run-tone="1"],.model-converter__layer-run-label[data-run-tone="1"]{--model-run-border:var(--wasd-color-accent-fail-strong);--model-run-color:var(--wasd-color-accent-fail-base);--model-run-foreground:var(--wasd-color-accent-fail-contrast)}.model-converter__layer-run-guide[data-run-tone="2"],.model-converter__layer-run-label[data-run-tone="2"]{--model-run-border:var(--wasd-color-accent-secondary-strong);--model-run-color:var(--wasd-color-accent-secondary-base);--model-run-foreground:var(--wasd-color-accent-secondary-contrast)}.model-converter__layer-run-guide[data-run-tone="3"],.model-converter__layer-run-label[data-run-tone="3"]{--model-run-border:var(--wasd-color-accent-success-strong);--model-run-color:var(--wasd-color-accent-success-base);--model-run-foreground:var(--wasd-color-accent-success-contrast)}.model-converter__layer-run-guide[data-run-tone="4"],.model-converter__layer-run-label[data-run-tone="4"]{--model-run-border:var(--wasd-color-accent-warning-strong);--model-run-color:var(--wasd-color-accent-warning-base);--model-run-foreground:var(--wasd-color-accent-warning-contrast)}.model-converter__output-grid{align-items:start;gap:var(--wasd-spacing-5);grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);display:grid}.model-converter__output-lists{gap:var(--wasd-spacing-4);min-inline-size:0;display:grid}.model-converter__output-panel{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.model-converter__output-panel-header{align-items:baseline;gap:var(--wasd-spacing-3);justify-content:space-between;display:flex}.model-converter__output-panel h4{font-size:var(--wasd-typography-size-heading-xs);font-weight:var(--wasd-typography-weight-semibold)}.model-converter__output-panel-header span{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-label-sm)}.model-converter__stats{border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);gap:0;margin:0;display:grid;overflow:hidden}.model-converter__stat{border-block-end:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);align-items:baseline;gap:var(--wasd-spacing-3);padding:var(--wasd-spacing-3);justify-content:space-between;display:flex}.model-converter__stat:last-child{border-block-end:0}.model-converter__stat dt,.model-converter__stat dd{margin:0}.model-converter__stat dt{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm)}.model-converter__stat dd{font-family:var(--wasd-typography-family-mono);font-weight:var(--wasd-typography-weight-semibold)}.model-converter__block-list,.model-converter__material-list{border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);gap:0;max-block-size:22rem;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.model-converter__block-list li,.model-converter__material-list li{border-block-end:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);align-items:center;gap:var(--wasd-spacing-3);padding:var(--wasd-spacing-2) var(--wasd-spacing-3);display:grid}.model-converter__block-list li{grid-template-columns:1rem minmax(0,1fr) auto}.model-converter__material-list li{grid-template-columns:auto minmax(0,1fr) auto minmax(8.75rem,auto)}.model-converter__block-list li:last-child,.model-converter__material-list li:last-child{border-block-end:0}.model-converter__swatch{border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-xs);block-size:1rem;inline-size:1rem}.model-converter__block-list code,.model-converter__material-list code{font-family:var(--wasd-typography-family-mono);font-size:var(--wasd-typography-size-body-sm)}.model-converter__material-preview{align-items:center;gap:var(--wasd-spacing-1);display:inline-flex}.model-converter__mapping-to{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-label-sm);line-height:1}.model-converter__material-copy{gap:.125rem;min-inline-size:0;display:grid}.model-converter__material-copy>span,.model-converter__material-copy>code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-converter__material-copy>span{font-weight:var(--wasd-typography-weight-semibold)}.model-converter__material-copy>code{color:var(--wasd-color-text-muted)}.model-converter__mapping-edit.wasd-button{white-space:nowrap;justify-self:end}.model-converter__block-texture-preview{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-xs);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;block-size:2.75rem;inline-size:2.75rem;display:grid;overflow:hidden}.model-converter__block-texture-preview[data-size=sm]{block-size:1.25rem;inline-size:1.25rem}.model-converter__block-texture-preview>span{image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:cover;min-block-size:0;min-inline-size:0}.model-converter__block-browser-modal .wasd-modal__body{overflow:hidden}.model-converter__block-browser{gap:var(--wasd-spacing-4);grid-template-rows:auto auto minmax(0,1fr);min-block-size:min(42rem,74dvh);min-inline-size:0;display:grid}.model-converter__block-browser-summary{background:var(--wasd-color-surface-canvas);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);min-inline-size:0;padding:var(--wasd-spacing-3);grid-template-columns:auto minmax(0,1fr) auto auto minmax(0,1fr);display:grid}.model-converter__block-browser-summary-copy,.model-converter__block-card-copy{gap:.125rem;min-inline-size:0;display:grid}.model-converter__block-browser-summary-copy>span,.model-converter__block-browser-summary-copy>code,.model-converter__block-card-copy>span,.model-converter__block-card-copy>code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-converter__block-browser-summary-copy>span,.model-converter__block-card-copy>span{font-weight:var(--wasd-typography-weight-semibold)}.model-converter__block-browser-summary-copy>code,.model-converter__block-card-copy>code{color:var(--wasd-color-text-muted);font-family:var(--wasd-typography-family-mono);font-size:var(--wasd-typography-size-body-sm)}.model-converter__block-browser-toolbar{align-items:end;gap:var(--wasd-spacing-3);grid-template-columns:minmax(12rem,1fr) auto;min-inline-size:0;display:grid}.model-converter__block-browser-search{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.model-converter__block-browser-search .wasd-input-control,.model-converter__block-browser-search .wasd-input-root{inline-size:100%}.model-converter__block-browser-count{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-body-sm);white-space:nowrap;padding-block-end:var(--wasd-spacing-2)}.model-converter__material-block-actions{gap:var(--wasd-spacing-2);flex-wrap:wrap;display:flex}.model-converter__block-browser-grid{align-content:start;gap:var(--wasd-spacing-3);min-block-size:0;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));padding-block-end:var(--wasd-spacing-1);padding-inline-end:var(--wasd-spacing-1);display:grid;overflow:auto}.model-converter__block-card{appearance:none;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);cursor:pointer;align-items:center;gap:var(--wasd-spacing-3);min-block-size:4.5rem;min-inline-size:0;padding:var(--wasd-spacing-3);text-align:start;grid-template-columns:auto minmax(0,1fr);display:grid}.model-converter__block-card--toggle{grid-template-columns:auto minmax(0,1fr) auto}.model-converter__block-card:hover{border-color:var(--wasd-color-border-focus)}.model-converter__block-card:focus-visible{border-color:var(--wasd-color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--wasd-color-border-focus) 24%, transparent);outline:none}.model-converter__block-card[data-selected=true]{background:color-mix(in srgb, var(--wasd-color-accent-primary-soft) 64%, var(--wasd-color-surface-raised));border-color:var(--wasd-color-accent-primary-strong)}.model-converter__block-card-state{border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-xs);color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-size-label-sm);font-weight:var(--wasd-typography-weight-semibold);white-space:nowrap;padding:.25rem .4rem;line-height:1}.model-converter__block-card[data-selected=true] .model-converter__block-card-state{background:var(--wasd-color-accent-primary-soft);border-color:var(--wasd-color-accent-primary-strong);color:var(--wasd-color-accent-primary-strong)}.model-converter__empty-output,.model-converter__warnings{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);color:var(--wasd-color-text-muted);padding:var(--wasd-spacing-4);margin:0}.model-converter__warnings{color:var(--wasd-color-accent-warning-strong);padding-inline-start:var(--wasd-spacing-6)}.model-converter[data-danger-mode=true] .model-converter__viewport{grid-template-rows:auto minmax(48rem,1fr)}.model-converter[data-danger-mode=true] .model-converter__preview,.model-converter[data-danger-mode=true] .model-converter__viewport-tabs.wasd-tabs,.model-converter[data-danger-mode=true] .model-converter__viewport-panel.wasd-tab-panel,.model-converter[data-danger-mode=true] .model-converter__viewport-panel--3d.wasd-tab-panel,.model-converter[data-danger-mode=true] .model-converter__preview-fallback{min-block-size:48rem}.model-converter[data-danger-mode=true] .model-converter__layer-map{inline-size:min(100%,72rem)}@keyframes model-converter-spin{to{transform:rotate(1turn)}}@media (width<=62rem){.model-converter__layout,.model-converter__output-grid{grid-template-columns:1fr}.model-converter__preview,.model-converter__viewport-tabs.wasd-tabs,.model-converter__viewport-panel.wasd-tab-panel,.model-converter__viewport-panel--3d.wasd-tab-panel,.model-converter__preview-fallback{min-block-size:28rem}.model-converter__viewport{grid-template-rows:auto minmax(28rem,1fr)}}@media (width<=36rem){.model-converter__controls,.model-converter__downloads,.model-converter__viewport,.model-converter__output{margin-inline:calc(var(--wasd-spacing-5) * -1);border-inline:0;border-radius:0}.model-converter__tool-toolbar>.model-converter__tool-toolbar-group{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.model-converter__range-field,.model-converter__axis-control,.model-converter__axis-control--rotation,.model-converter__block-list li,.model-converter__material-list li{grid-template-columns:1fr}.model-converter__block-browser{min-block-size:100%}.model-converter__block-browser-summary,.model-converter__block-browser-toolbar{grid-template-columns:1fr;align-items:start}.model-converter__block-browser-count{padding-block-end:0}.model-converter__mapping-edit.wasd-button{justify-content:center;justify-self:stretch;inline-size:100%}}
