.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}input[type=datetime-local],input[type=text]{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--r);outline:none;font-size:14px;transition:border-color .2s}input:focus{border-color:var(--accent)}.presets{display:flex;flex-wrap:wrap;gap:6px}.preset-tag{background:var(--bg3);border:1px solid var(--border);padding:5px 10px;border-radius:6px;font-size:11px;font-family:JetBrains Mono,monospace;color:var(--muted);cursor:pointer;transition:all .2s}.preset-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.preview-box{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;font-size:20px;color:var(--accent);text-align:center;min-height:56px;display:flex;align-items:center;justify-content:center;word-break:break-all}.token-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.token-item{display:flex;justify-content:space-between;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:13px}.token-key{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.token-val{color:#fff;font-family:JetBrains Mono,monospace;font-weight:600}@media(max-width:768px){.token-grid{grid-template-columns:1fr}}