.keyboard-template-entry{position:absolute;left:18px;bottom:39px;z-index:6;border:1px solid #c39860;background:#fff5df;color:#68482a;border-radius:24px;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer}
.keyboard-template-panel{position:absolute;left:16px;bottom:90px;width:360px;max-width:calc(100% - 32px);max-height:calc(100% - 155px);overflow-y:auto;overscroll-behavior:contain;z-index:7;padding:16px;box-sizing:border-box;background:#fffaf1;border:1px solid #dfc6a7;border-radius:20px;box-shadow:0 12px 32px #62401e30;color:#513c29}
.keyboard-template-panel header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.keyboard-template-panel h3{font-size:18px;margin:0}.keyboard-template-panel p{font-size:12px;line-height:1.6;margin:8px 0}
.keyboard-template-panel button{font:inherit;cursor:pointer;color:inherit;background:#fffdf9;border:1px solid #ddcbb4;border-radius:10px;padding:7px}.keyboard-template-panel [data-close]{font-size:24px;line-height:24px;border:0;background:transparent;padding:0 5px}
.keyboard-template-filters{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.keyboard-template-filters button{font-size:12px}.keyboard-template-panel [aria-pressed=true]{background:#ffedcd;border-color:#ba852d}
.keyboard-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;padding:2px}.keyboard-template-grid button{position:relative;display:grid;gap:3px;padding:6px;text-align:left}.keyboard-template-grid img{width:100%;aspect-ratio:3308/1339;object-fit:contain;border-radius:6px}.keyboard-template-grid strong{font-size:13px}.keyboard-template-grid span{font-size:11px;color:#826b53}.keyboard-template-grid i{display:none;position:absolute;right:6px;bottom:6px}.keyboard-template-grid .selected i{display:block}
.keyboard-template-preview{width:100%;height:auto;max-height:150px;object-fit:contain;background:#fff;border-radius:7px;margin-top:10px}.keyboard-template-actions{display:flex;gap:7px;flex-wrap:wrap}.keyboard-template-actions button{font-size:12px}.keyboard-template-actions [data-apply]{background:#655039;color:white}.keyboard-template-panel button:disabled{opacity:.55;cursor:default}.keyboard-template-panel [data-reminder]{color:#8a5719;background:#fff0d1;padding:8px;border-radius:8px}
.keyboard-template-panel button:focus-visible,.keyboard-template-entry:focus-visible{outline:2px solid #a9732e;outline-offset:2px}
.keyboard-template-text{border:1px solid #dfc6a7;border-radius:12px;padding:12px;display:grid;gap:10px;min-width:0}.keyboard-template-text legend{font-size:15px;font-weight:700}.keyboard-template-text input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #cfb797;border-radius:8px;background:white;padding:9px;font:inherit;color:#4c3927}.keyboard-template-text p{font-size:12px;line-height:1.6}.keyboard-template-text-actions{display:flex;gap:6px;flex-wrap:wrap}.keyboard-template-settings-note{font-size:12px;line-height:1.7;color:#82613b}
.keyboard-template-render-notice{position:absolute;inset:60px 0 80px;z-index:4;display:grid;place-content:center;text-align:center;padding:20px;background:#f5eee3;color:#775c3b;font-size:14px}.keyboard-mat-stage>p{grid-row:2}
.keyboard-templates-open>canvas,.keyboard-templates-open>.keyboard-mat-effects{pointer-events:none}
@media(min-width:1200px){.keyboard-templates-open:not(.keyboard-templates-compact)>canvas{width:calc(100% - 390px);margin-left:390px}.keyboard-templates-open:not(.keyboard-templates-compact)>.keyboard-mat-sheet{left:390px;margin-left:0;width:calc(100% - 410px)}}
.keyboard-templates-compact .keyboard-template-panel{left:8px;bottom:86px;width:calc(100% - 16px);max-width:none;padding:12px}.keyboard-templates-compact .keyboard-template-entry{left:10px;font-size:12px}.keyboard-templates-compact .keyboard-template-grid{max-height:185px}