[hidden]{display:none!important}
.mode-tabs{display:inline-flex;gap:4px;background:#e9ecf4;padding:4px;border-radius:11px;margin-bottom:25px}
.mode-tabs button{background:transparent;border-radius:8px;padding:9px 22px;font-size:15px;color:#737985}
.mode-tabs button[aria-selected=true]{background:#fff;color:#2e54ef;box-shadow:0 1px 5px #19284712;font-weight:600}
.keyboard-hint{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px}
.keyboard-stage{padding:25px 35px;min-height:0}
#keyboard-canvas{display:block;width:100%;max-width:440px;height:auto;box-shadow:0 12px 32px #22262b0c}
.keyboard-sources .source-row{cursor:pointer}
.keyboard-sources .thumbnail{width:58px;height:42px}
.keyboard-sources .file-meta{font-size:12px}
.keyboard-sources .file-title{font-size:14px}
.keyboard-source-buttons{display:flex;gap:5px;align-items:center}
.keyboard-crop{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
.keyboard-crop summary{cursor:pointer;font-size:14px;color:#414753}
.keyboard-crop-meta{float:right;font-size:13px;color:var(--muted)}
.keyboard-crop-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}
.keyboard-crop-layout{display:grid;grid-template-columns:minmax(100px,1fr) minmax(150px,1fr);gap:22px;align-items:center}
.keyboard-original-wrap{background:#f3f4f7;border-radius:10px;padding:14px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.keyboard-original{position:relative;line-height:0;touch-action:none;user-select:none;overflow:hidden;max-width:100%}
.keyboard-original img{display:block;width:100%;height:auto;pointer-events:none}
.keyboard-crop-box{position:absolute;border:2px solid var(--blue);box-shadow:0 0 0 1500px #20232d80;cursor:move;touch-action:none}
.keyboard-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--blue);border-radius:3px;z-index:1}
.keyboard-handle.top-left{left:-7px;top:-7px;cursor:nwse-resize}
.keyboard-handle.bottom-right{right:-7px;bottom:-7px;cursor:nwse-resize}
.keyboard-crop-sliders .range-field{margin:12px 0}
#keyboard-download{min-width:186px}
@media(max-width:680px){.mode-tabs{margin-bottom:20px}.mode-tabs button{padding:9px 20px}.keyboard-stage{padding:20px}.keyboard-sources{grid-template-columns:1fr}.keyboard-sources .file-meta{display:block}.keyboard-crop-layout{gap:12px;grid-template-columns:minmax(90px,1fr) minmax(130px,1fr)}.keyboard-original-wrap{padding:8px}.keyboard-crop-meta{display:none}.keyboard-crop-sliders .range-title{font-size:13px}.keyboard-crop-sliders .range-title output{font-size:12px}}