live2d-workspace,spine-workspace{height:100%;display:block}.viewer-workspace{background:var(--md-sys-color-surface);grid-template-columns:minmax(0,1fr) 288px;height:100%;min-height:0;display:grid}.viewer-stage{background:radial-gradient(circle at 50% 42%, var(--md-sys-color-surface-container-lowest), var(--md-sys-color-surface-container-high));min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-stage canvas{width:100%;height:100%}.viewer-stage.background-hidden{background:var(--md-sys-color-surface)}.spine-stage{position:absolute;inset:0}.spine-stage canvas{width:100%;height:100%}.viewer-state{color:#e5e6f3;text-align:center;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.viewer-state strong{font-size:var(--md-sys-typescale-headline-small-size);font-weight:500}.viewer-state span:not(.progress){color:#c7ced2}.viewer-controls{pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.viewer-controls>*{pointer-events:auto}.runtime-button,.runtime-chip{color:#f5f3ef;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#202428d1;border-color:#899399}.runtime-select{color:#f5f3ef;border-radius:var(--md-sys-shape-corner-small);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#202428d1;border:1px solid #899399;align-items:center;max-width:200px;height:40px;padding:0 12px;display:flex}.runtime-select select{background:0 0;border:0;outline:0;width:100%;min-width:0}.runtime-select option{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container)}.runtime-chip[aria-pressed=true]{color:#173f46;background:#d9eff2;border-color:#0000}.viewer-library{border-left:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);grid-template-rows:56px minmax(0,1fr);min-width:0;min-height:0;display:grid}.viewer-library.has-search{grid-template-rows:56px 48px minmax(0,1fr)}.viewer-library>header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.viewer-library>header strong{font-size:var(--md-sys-typescale-title-medium-size);font-weight:500}.viewer-library>header span{min-width:28px;height:28px;color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);place-items:center;padding-inline:8px;display:inline-grid}.viewer-library__grid{scrollbar-width:thin;min-height:0;padding:8px;overflow:auto}.viewer-search{color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);align-items:center;gap:8px;margin:6px 8px;padding:0 12px;display:flex}.viewer-search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.viewer-model{border-radius:var(--md-sys-shape-corner-medium);text-align:left;cursor:pointer;background:0 0;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:64px;padding:8px;display:grid}.viewer-model:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.viewer-model.selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.viewer-model img,.viewer-model__fallback{object-fit:contain;background:0 0;place-items:center;width:48px;height:48px;display:grid}.viewer-model>span:last-child{min-width:0;display:grid}.viewer-model strong,.viewer-model small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-catalog{min-height:100%}live2d-workspace .catalog__content,spine-workspace .catalog__content{scrollbar-width:none}live2d-workspace .catalog__content::-webkit-scrollbar{display:none}spine-workspace .catalog__content::-webkit-scrollbar{display:none}.model-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-items:start;gap:12px;display:grid}spine-workspace .model-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.model-card{content-visibility:auto;contain-intrinsic-size:auto 220px;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-lowest);text-align:left;cursor:pointer;min-width:0;display:grid;overflow:hidden}.model-card:hover{background:var(--md-sys-color-surface-container)}.model-card__media{aspect-ratio:1;background:var(--md-sys-color-surface-container-low);place-items:center;width:100%;display:grid;overflow:hidden}.model-card__media img{object-fit:contain;object-position:center top;width:100%;height:100%}.model-card__copy{gap:2px;min-width:0;padding:8px;display:grid}.model-card__copy strong{min-block-size:calc(var(--md-sys-typescale-label-medium-line-height) + var(--md-sys-typescale-label-medium-line-height));overflow-wrap:anywhere;font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.model-card__copy small{min-width:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size) / var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);align-items:center;gap:5px;display:flex}.model-card__copy small>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.model-card__copy small img,.model-list__entity img{object-fit:cover;border:1px solid var(--md-sys-color-surface-container-lowest);border-radius:50%;flex:0 0 18px;width:18px;height:18px}.model-list{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);min-width:720px;overflow:auto}.model-list>header,.model-list__row{grid-template-columns:minmax(220px,2fr) 88px minmax(150px,1fr) minmax(130px,1fr) 72px;align-items:center;gap:12px;padding:6px 12px;display:grid}.model-list:not(.spine-model-list)>header,.model-list:not(.spine-model-list) .model-list__row{grid-template-columns:minmax(220px,2fr) 88px minmax(150px,1fr) minmax(130px,1fr)}.model-list>header{min-height:40px;color:var(--md-sys-color-on-surface-variant);border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);font-size:var(--md-sys-typescale-label-medium-size)}.model-list__row{border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);text-align:left;cursor:pointer;width:100%;min-height:64px}.model-list__row:hover{background:var(--md-sys-color-surface-container-low)}.model-list__primary,.model-list__entity{align-items:center;gap:10px;min-width:0;display:flex}.spine-model-list>header,.spine-model-list .model-list__row{grid-template-columns:minmax(240px,2fr) minmax(120px,1fr) minmax(120px,1fr) 96px}.model-list__primary img{object-fit:cover;object-position:top;border-radius:var(--md-sys-shape-corner-small);width:48px;height:48px}.viewer-detail{z-index:30;inset:0 0 0 var(--shell-width);grid-template-rows:var(--top-bar-height) minmax(0, 1fr);background:var(--md-sys-color-surface);display:grid;position:fixed}.viewer-detail>header{min-height:var(--top-bar-height);border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:8px;padding:0 8px;display:flex}.viewer-detail>header>span{min-width:0;display:grid}.viewer-detail__navigation{align-items:center;gap:2px;margin-left:auto;display:flex}.viewer-detail>header small{color:var(--md-sys-color-on-surface-variant)}.viewer-detail__avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.viewer-detail__body{grid-template-columns:minmax(0,1fr) minmax(280px,336px);min-width:0;min-height:0;display:grid}.viewer-detail__runtime{min-height:0}.viewer-detail__info{border-left:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);scrollbar-width:thin;min-width:0;min-height:0;padding:20px 16px;display:block;overflow:auto}.viewer-detail__info h2,.viewer-detail__info h3{margin:0 0 12px}.viewer-detail__info section{margin-top:20px}.viewer-inspector-select{width:100%}.viewer-transform-controls,.viewer-parameter-editor>div{gap:10px;display:grid}.viewer-transform-controls label,.viewer-parameter-editor label{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-medium-size);grid-template-columns:minmax(78px,.8fr) minmax(110px,1.2fr) 48px 40px;align-items:center;gap:8px;display:grid}.viewer-transform-controls label md-slider{grid-column:2/-1}.viewer-behavior-controls{gap:2px;display:grid}.viewer-behavior-controls label{border-radius:var(--md-sys-shape-corner-medium);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:0 4px 0 12px;display:flex}.viewer-behavior-controls label:hover{background:var(--md-sys-color-surface-container)}.viewer-parameter-editor{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);margin-top:20px}.viewer-parameter-editor>summary{cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:4px 8px 4px 14px;list-style:none;display:flex}.viewer-parameter-editor>summary>span{flex:1;font-weight:500}.viewer-parameter-editor>summary small,.viewer-parameter-editor output{color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums}.viewer-parameter-editor>div{border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 12px 14px}.viewer-parameter-toolbar{border-bottom:1px solid var(--md-sys-color-outline-variant);gap:8px;padding-bottom:10px;display:grid}.viewer-parameter-toolbar>span:first-child{color:var(--md-sys-color-on-surface);font-weight:500}.viewer-parameter-toolbar .segmented{width:100%}.viewer-parameter-toolbar .segmented button{flex:1;min-width:72px}.viewer-parameter-actions{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.viewer-parameter-actions .button{flex:1;min-height:36px}.viewer-parameter-actions input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.viewer-parameter-editor label>.icon-button{width:36px;height:36px}.viewer-parameter-editor label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-info-chips{flex-wrap:wrap;gap:6px;display:flex}.viewer-info-chips .chip{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.viewer-controls md-outlined-select{--md-outlined-field-container-shape:var(--md-sys-shape-corner-small);--md-outlined-select-text-field-container-color:#202428e0;--md-outlined-field-label-text-color:#f5f3ef;--md-outlined-field-input-text-color:#f5f3ef;width:min(210px,32vw)}@media (max-width:959px){.viewer-detail{inset:0}.viewer-detail__body{grid-template-rows:clamp(320px,52dvh,520px) auto;grid-template-columns:minmax(0,1fr);overflow:auto}.viewer-detail__info{border-top:1px solid var(--md-sys-color-outline-variant);border-left:0;overflow:visible}}@media (max-width:479px){.viewer-detail>header{gap:2px;padding-inline:4px}.viewer-detail__avatar{display:none}.viewer-detail__navigation{gap:0}.viewer-detail__info{padding:16px 12px 24px}.viewer-transform-controls label,.viewer-parameter-editor label{grid-template-columns:minmax(92px,1fr) minmax(96px,1.35fr) 44px 36px;gap:4px}}.viewer-model strong{font-size:var(--md-sys-typescale-label-large-size);font-weight:500}.viewer-model small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size)}