.key-input[data-v-9973ab2a]{background:var(--tool-input-bg);border:2px dashed var(--tool-border);border-radius:8px;color:var(--tool-text);cursor:pointer;font-size:1rem;padding:1rem;text-align:center;width:100%}.key-input[data-v-9973ab2a]:focus{border-color:var(--tool-border-focus);border-style:solid;outline:none}.key-display[data-v-9973ab2a]{margin-bottom:1.5rem;text-align:center}.key-visual[data-v-9973ab2a]{background:var(--tool-btn-secondary);border:2px solid var(--tool-border);border-radius:8px;box-shadow:0 4px 0 var(--tool-border);display:inline-block;font-family:var(--font-mono);font-size:2rem;font-weight:600;padding:1rem 2rem}.key-grid[data-v-9973ab2a]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.key-item[data-v-9973ab2a]{background:var(--tool-input-bg);border:1px solid var(--tool-border);border-radius:6px;cursor:pointer;padding:.75rem;transition:all .15s}.key-item[data-v-9973ab2a]:hover{border-color:var(--tool-border-focus)}.key-label[data-v-9973ab2a]{color:var(--tool-text-muted);display:block;font-size:.75rem;margin-bottom:.25rem}.key-value[data-v-9973ab2a]{color:var(--tool-text);font-family:var(--font-mono);font-weight:600}.modifiers[data-v-9973ab2a]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.modifier[data-v-9973ab2a]{background:var(--tool-input-bg);border:1px solid var(--tool-border);border-radius:6px;color:var(--tool-text-muted);font-size:.875rem;padding:.5rem 1rem}.modifier.active[data-v-9973ab2a]{background:var(--tool-btn-primary);border-color:var(--tool-btn-primary);color:#fff}.code-block[data-v-9973ab2a]{border:1px solid var(--tool-border);color:var(--tool-text);font-family:var(--font-mono);font-size:.8125rem;overflow-x:auto;padding:1rem}.code-block[data-v-9973ab2a],.placeholder[data-v-9973ab2a]{background:var(--tool-input-bg);border-radius:8px}.placeholder[data-v-9973ab2a]{color:var(--tool-text-muted);padding:3rem;text-align:center}