.dt-popup-overlay{z-index:9999;-webkit-backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dt-popup{background:var(--surface-clr);width:min(440px,100%);color:var(--surface-txtalt);border:none;border-radius:14px;overflow:hidden;box-shadow:0 16px 45px #00000059}.dt-popup-header{border-bottom:none;padding:14px 16px 10px;font-weight:400}.dt-popup-body{gap:10px;padding:14px 16px 16px;display:grid}.dt-popup-label{opacity:.9;font-size:13px}.dt-popup-input{width:100%;height:40px;color:inherit;background:#00000038;border:none;border-radius:10px;outline:none;padding:0 12px}.dt-popup-input:focus{box-shadow:0 0 0 3px rgba(var(--accent), .18)}.dt-popup-hint{opacity:.75;font-size:12px}.dt-popup-actions{border-top:none;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.dt-btn{height:36px;color:inherit;cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;padding:0 12px}.dt-btn:hover{filter:brightness(1.08)}.dt-btn-primary{background:rgba(var(--accent));color:rgba(var(--accent-fg));border:none}.dt-btn-primary:disabled{opacity:.5;cursor:not-allowed}
.keyboardRoot{z-index:20;pointer-events:none;padding:0 12px;overflow:hidden}.keyboardRoot[data-visible=false]{opacity:0;visibility:hidden}.keyboardRoot[data-visible=true]{opacity:1;visibility:inherit}.keyboardRoot[data-border-anim=true]{overflow:visible}.keyboardScaleBox{width:var(--kbd-scaled-width);height:var(--kbd-scaled-height);pointer-events:none;margin:0 auto;position:relative;overflow:visible}.keyboardInner{width:var(--kbd-design-width);max-width:none;padding:8px var(--kbd-pad-x) 12px;box-sizing:border-box;gap:var(--kbd-row-gap-y);pointer-events:auto;transform:scale(var(--kbd-scale-value));transform-origin:0 0;flex-direction:column;margin:0;display:flex;position:relative}.keyboardRow{gap:var(--kbd-row-gap-x);justify-content:center;display:flex}.keyboardRowFixed{width:var(--kbd-row-width);justify-content:flex-start}.keyboardRowStaggered,.keyboardRowSplit{padding-left:var(--kbd-row-pad-left,0px);box-sizing:border-box}.keyboardRowSplit{gap:var(--kbd-split-gap);justify-content:var(--kbd-split-justify,center)}.keyboardSplitPart{gap:var(--kbd-row-gap-x);display:flex}.keyboardKey{min-width:var(--kbd-key-width,30px);border-radius:var(--kbd-key-radius-runtime,var(--kbd-key-radius,6px));border-width:var(--kbd-key-border-width,1px);border-style:solid;border-color:var(--kbd-key-border,#94a3b873);background:var(--kbd-key-bg,#0f172af5);height:32px;box-shadow:var(--kbd-key-shadow,0 1px 0 #0f172a, 0 8px 22px #0f172ad9);color:var(--kbd-key-fg,#e2e8f0e6);-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--kbd-key-font-size);flex:var(--kbd-key-flex,0 0 auto);justify-content:center;align-items:center;padding:4px 6px;transition:background .22s,border-color .12s,box-shadow 80ms,color .12s;display:flex;position:relative}.keyboardKey[data-target=true]{border-color:var(--kbd-key-target-border,#60a5fafa);background:var(--kbd-key-target-bg,#2563eb38);box-shadow:var(--kbd-key-target-shadow,0 0 0 1px #60a5facc, 0 12px 32px #0f172af2);color:var(--kbd-key-target-fg,#f8fafc);z-index:5}.keyboardStenoStyle{width:var(--kbd-steno-width);height:var(--kbd-steno-height);margin:0 auto;position:relative}.keyboardStenoKey{left:var(--kbd-steno-left);top:var(--kbd-steno-top);width:var(--kbd-key-width);height:var(--kbd-steno-key-height);position:absolute}.keyboardHandsOverlay{inset:0 var(--kbd-pad-x);z-index:4;pointer-events:none;position:absolute;overflow:visible}.keyboardHand{color:color-mix(in srgb, var(--kbd-key-fg,#94a3b8) 62%, transparent);opacity:.92;pointer-events:none;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.keyboardHandSvg{shape-rendering:geometricprecision;width:100%;height:100%;display:block;overflow:visible}.keyboardHandPalm{fill:color-mix(in srgb, currentColor 9%, transparent);stroke:currentColor;stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.keyboardFingerGroup{pointer-events:none;transform-origin:0 0;transition:filter .12s,opacity .12s}.keyboardFinger{fill:color-mix(in srgb, currentColor 9%, transparent);stroke:currentColor;stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round;transition:fill .12s,stroke .12s,stroke-width .12s}.keyboardFingerCrease{stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;opacity:.32;vector-effect:non-scaling-stroke;transition:stroke .12s,opacity .12s}.keyboardFingerPad{fill:color-mix(in srgb, currentColor 7%, transparent);stroke:currentColor;stroke-width:1.15px;opacity:.42;transition:fill .12s,stroke .12s,opacity .12s}.keyboardFingerGroup[data-active=true]{filter:drop-shadow(0 0 6px color-mix(in srgb, rgba(var(--accent)) 50%, transparent))}.keyboardFingerGroup[data-active=true] .keyboardFinger{fill:color-mix(in srgb, rgba(var(--accent)) 35%, transparent);stroke:rgba(var(--accent));stroke-width:2.45px}.keyboardFingerGroup[data-active=true] .keyboardFingerCrease{stroke:rgba(var(--accent));opacity:.38}.keyboardFingerGroup[data-active=true] .keyboardFingerPad{fill:color-mix(in srgb, rgba(var(--accent)) 25%, transparent);stroke:rgba(var(--accent));opacity:.58}