.type-tl{display:grid;gap:2px;max-width:44%}.type-tl .quiet{font-size:11px;line-height:15px}.type-mark-wrap{position:absolute;inset:56px 32px 88px;display:grid;place-items:center}.type-mark{font-size:min(13cqi,26cqb);line-height:1;white-space:nowrap}.type-app{height:100dvh;grid-template-rows:minmax(0,1fr)}.type-scale{position:absolute;inset:0;display:grid;align-content:safe center;padding:72px 32px 96px;overflow:auto;overscroll-behavior:contain;container-type:inline-size;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 60px,#000 calc(100% - 84px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 60px,#000 calc(100% - 84px),transparent)}.type-group{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:baseline;gap:16px;margin:0;padding:12px 0;border-top:1px solid var(--hair)}.type-group:first-child{border-top:0;padding-top:0}.type-group:last-child{padding-bottom:0}.type-group-head{display:grid;gap:1px;font-size:12px;line-height:16px;font-weight:500}.type-group-head .quiet{font-size:11px;font-weight:400}.type-rows{display:grid;gap:8px;min-width:0}.type-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:16px}.type-role{display:grid;font-size:11px;line-height:15px;opacity:.62;white-space:nowrap}@container (max-width: 640px){.type-group{grid-template-columns:minmax(0,1fr);gap:8px}.type-group-head{grid-auto-flow:column;justify-content:start;gap:8px}.type-row{grid-template-columns:minmax(0,1fr);gap:2px}.type-role{grid-auto-flow:column;justify-content:start;gap:8px}}.type-sample{min-width:0;margin:0;text-wrap:pretty;border-radius:6px;outline:none}.type-sample[contenteditable=true]{cursor:text}@media (hover:hover) and (pointer:fine){.type-sample[contenteditable=true]:hover{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}}.type-sample[contenteditable=true]:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 40%,transparent)}.type-bar{position:absolute;left:50%;bottom:16px;z-index:3;transform:translateX(-50%);display:flex;align-items:center;gap:2px;max-width:calc(100% - 32px);padding:4px;background:var(--ui-panel);border-radius:14px;box-shadow:var(--ui-lift)}.type-ib,.type-name{height:36px;border:0;background:transparent;color:inherit;font:inherit;border-radius:10px;cursor:pointer;transition-property:background-color,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.type-ib{display:grid;place-items:center;width:36px;flex:none}.type-name{display:flex;align-items:center;justify-content:center;gap:8px;min-width:204px;padding:0 12px;font-weight:500;overflow:hidden}.type-name-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover:hover) and (pointer:fine){.type-ib:hover,.type-name:hover{background:var(--ui-hover)}}.type-ib:active,.type-mini:active,.type-name:active{transform:scale(.96)}.type-name[aria-expanded=true]{background:var(--ui-hover)}.type-sep{width:1px;height:20px;margin:0 4px;background:var(--ui-hair);flex:none}.type-bar .ghost{white-space:nowrap}.type-pop{position:absolute;left:50%;bottom:72px;z-index:4;width:min(720px,calc(100% - 32px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;background:var(--ui-panel);border-radius:20px;box-shadow:var(--ui-lift);transform:translateX(-50%) translateY(6px) scale(.98);transform-origin:50% 100%;opacity:0;pointer-events:none;transition-property:transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.type-pop.open{transform:translateX(-50%) translateY(0) scale(1);opacity:1;pointer-events:auto}@media (max-width:700px){.type-pop{grid-template-columns:repeat(2,minmax(0,1fr))}}.type-mini{container-type:inline-size;display:grid;justify-items:center;gap:12px;padding:22px 12px 14px;border:0;border-radius:14px;background:var(--ui-hover);color:inherit;font:inherit;cursor:pointer;transition-property:transform,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.type-mini[aria-current=true]{box-shadow:inset 0 0 0 1.5px currentColor}.type-mini-mark{font-size:min(12.5cqi,28px);line-height:1;text-transform:uppercase;white-space:nowrap}.type-mini-name{font-size:12px;line-height:16px;color:var(--ui-ink-2)}.type-panel{min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:16px;background:var(--ui-panel)}.type-panel .dialkit-panel,.type-panel .dialkit-panel-inline,.type-panel .dialkit-panel-wrapper,.type-panel>.dialkit-root{position:static;width:auto;max-height:none}.type-panel .dialkit-panel-toolbar{display:none}@media (max-width:880px){.type-app{height:auto;grid-template-rows:none}.type-panel{overflow:visible}}@media (prefers-reduced-motion:reduce){.type-bar *,.type-mini,.type-pop{transition-duration:0s}.type-ib:active,.type-mini:active,.type-name:active{transform:none}}