.type-entries{display:flex;align-items:center;gap:8px;margin:8px 0}.font-entry{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--ui-line);border-radius:14px;background:transparent;color:var(--ui-ink);font:inherit;text-align:left}.font-entry>span:first-child{font-size:11px;color:var(--ui-muted)}.font-entry-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600}.pose-entry{flex:none!important;min-height:44px!important;padding:8px 12px!important;margin:0!important;font-size:12px!important}
#panel{position:relative}.type-sheet{position:absolute;left:0;right:0;z-index:12;display:flex;flex-direction:column;gap:8px;padding:12px 18px;background:var(--ui-chrome);border-radius:inherit;overflow:hidden;box-sizing:border-box;animation:type-in .13s ease-out}.type-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:34px}.type-sheet-head h2{font-size:15px;margin:0}.type-sheet-head .chip{min-height:34px!important;padding:6px 14px!important;margin:0!important;font-size:12px!important}.type-mode{position:absolute;top:12px;left:100px;right:80px;display:flex;justify-content:center;gap:4px;height:34px}.type-mode .chip{min-height:34px!important;padding:6px 12px!important;margin:0!important;font-size:12px!important}.type-mode [aria-pressed=true]{background:var(--ui-tint);border-color:var(--ui-accent)}
.type-filters{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:none;min-height:34px}.type-languages{display:flex;gap:4px}.type-languages .chip{padding:6px 12px!important;min-height:34px!important;margin:0!important;font-size:12px!important}.type-filters select,.pose-toolbar select{min-height:34px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-chrome);color:var(--ui-ink);font:inherit;font-size:12px;padding:5px 8px;max-width:48%}.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1px 1px 8px;scrollbar-width:thin}.type-font,.type-material{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:100%;height:65px;min-height:65px;padding:7px 10px;border:1px solid var(--ui-line);border-radius:12px;background:transparent;color:var(--ui-ink);text-align:left;overflow:hidden;font:inherit;box-sizing:border-box;transition:background-color .1s,border-color .1s}.type-font[aria-pressed=true],.type-material[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-tint)}.type-sample{font-size:21px;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.type-font-name{font-size:10px;color:var(--ui-muted);line-height:1.4}.type-font[aria-busy=true]{opacity:.55}.type-empty{grid-column:1/-1;font-size:12px;color:var(--ui-muted)}.type-material{align-items:center;gap:0;padding:4px;height:65px}.type-material canvas{width:120px;max-width:100%;height:36px;object-fit:contain}.type-material span{font-size:10px;line-height:1.5}.type-strength{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;flex:none}.type-strength label{font-size:12px;white-space:nowrap}.type-strength input{flex:1;width:0;min-width:0;accent-color:var(--ui-accent)}.type-strength output{font-size:11px;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.pose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.pose-toolbar .chip{min-height:34px!important;margin:0!important;font-size:12px!important;padding:5px 12px!important}.pose-toolbar select{flex:1;max-width:65%}.pose-pad{position:relative;flex:1;min-height:72px;max-height:160px;background:linear-gradient(90deg,transparent 49.7%,var(--ui-line) 50%,transparent 50.3%),linear-gradient(transparent 49.5%,var(--ui-line) 50%,transparent 50.5%),var(--ui-tint);border:1px solid var(--ui-line);border-radius:14px;touch-action:none;user-select:none;overflow:hidden}.pose-pad>span:not(.pose-thumb){position:absolute;font-size:10px;color:var(--ui-muted);pointer-events:none}.pose-top{top:5px;left:calc(50% - 10px)}.pose-bottom{bottom:5px;left:calc(50% - 10px)}.pose-left{left:7px;top:calc(50% - 6px)}.pose-right{right:7px;top:calc(50% - 6px)}.pose-thumb{position:absolute;width:23px;height:23px;transform:translate(-50%,-50%);border:2px solid var(--ui-chrome);border-radius:50%;background:var(--ui-accent);box-shadow:0 1px 4px #0002;pointer-events:none;will-change:left,top}
@keyframes type-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.type-sheet{animation:none}.type-font,.type-material{transition:none}}@media(max-width:359px){.type-sheet{padding:10px 12px;gap:6px}.type-mode{top:10px;left:86px;right:66px}.type-mode .chip{padding:6px 8px!important}.type-sheet-head h2{font-size:13px}.type-font{height:61px;min-height:61px;padding:6px 8px}.type-sample{font-size:19px}.font-entry>span:first-child{display:none}}

/* Browsing type is a dedicated sheet rather than a clipped control row. */
.type-sheet-shade{position:fixed;inset:0;background:#152c3326;z-index:30}
.type-sheet.type-sheet-floating{position:fixed;top:auto;bottom:0;left:0;right:0;height:clamp(400px,64dvh,590px);max-height:calc(100dvh - 64px - env(safe-area-inset-top));padding:16px 18px max(16px,env(safe-area-inset-bottom));border-radius:26px 26px 0 0;z-index:31;gap:10px;animation:none;box-shadow:0 -8px 30px #142d3314}
.type-sheet-floating .type-mode{top:16px}.type-sheet-floating .type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:180px}.type-sheet-floating .type-font,.type-sheet-floating .type-material{height:68px;min-height:68px}.type-sheet-floating .type-sample{font-size:20px}.type-sheet-floating .font-weight-bar{flex:none;margin:0;min-height:38px;padding:0;gap:10px}.type-sheet-floating .font-weight-bar input{margin:14px 0}.type-sheet-floating.pose-sheet-floating{height:340px}.type-sheet-floating.pose-sheet-floating .pose-pad{min-height:100px}
@media(max-width:359px){.type-sheet.type-sheet-floating{padding-inline:12px}.type-sheet-floating .type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:820px){.type-sheet.type-sheet-floating{left:auto;right:20px;bottom:20px;width:480px;height:min(620px,calc(100dvh - 100px));border-radius:26px}.type-sheet.type-sheet-floating.pose-sheet-floating{height:360px}}