/* It shares the workspace rotation; the phone's system keyboard stays closed. */
.initials-keyboard{position:absolute;z-index:20;left:50%;bottom:8px;transform:translateX(-50%);width:min(680px,calc(100% - 24px));padding:10px;border:1px solid #fffaf2;border-radius:12px;background:#f1e9dff5;box-shadow:0 -6px 32px #493d2e26;backdrop-filter:blur(16px)}
.initials-keyboard-row{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:5px}
.initials-keyboard-row+.initials-keyboard-row{margin-top:5px}
.initials-keyboard-key{min-width:0;height:32px;padding:0 2px;border:1px solid #d9cebf;border-radius:5px;background:#fffbf5;color:#493d2e;font-size:13px;box-shadow:0 1px 1px #493d2e12;touch-action:manipulation;user-select:none}
.initials-keyboard-key:active{background:#ded0bc;transform:translateY(1px)}
.initials-keyboard-key:focus-visible{outline:2px solid #9b7753;outline-offset:1px}
.initials-keyboard-action{grid-column:span 2;font-size:11px;background:#e8dece}
.initials-keyboard-done{background:#493d2e;border-color:#493d2e;color:#fcf6eb}
.atelier[data-keyboard-open=true] .viewer-controls,.atelier[data-keyboard-open=true] .configuration-footer,.atelier[data-keyboard-open=true] .marking-controls,.atelier[data-keyboard-open=true] .stage-heading{visibility:hidden;pointer-events:none}