.mode-toggle{background:#0f203899;border:1px solid #2a508040;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.mode-toggle-pill{cursor:pointer;color:#94a3b8b3;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.mode-toggle-pill:hover{color:#e2e8f0e6;background:#2a508026}.mode-toggle-pill.active{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b14}@keyframes row-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes row-exit{0%{opacity:1;max-height:80px;transform:translate(0)}to{opacity:0;max-height:0;margin:0;padding:0;transform:translate(-20px)}}.field-row-enter{animation:.3s ease-out forwards row-enter}.field-row{transition:all .25s}.field-row:hover{background:#2a508014}.reveal-toggle{cursor:pointer;background:0 0;border:1px solid #2a508033;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .25s;display:flex}.reveal-toggle.revealed{background:#10b9811a;border-color:#10b9814d}.reveal-toggle.hidden-field{background:#64748b1a;border-color:#64748b33}.reveal-toggle:hover{transform:scale(1.08)}.delete-row-btn{cursor:pointer;color:#94a3b866;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.delete-row-btn:hover{color:#f87171;background:#ef44441a}.template-selector{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.dev-editor-container{background:#0006;border:1px solid #2a508033;border-radius:12px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.dev-editor-container.has-error{border-color:#ef444480}.dev-editor-container:focus-within{border-color:#f59e0b66}.dev-editor-container.has-error:focus-within{border-color:#ef444480}.line-numbers{text-align:right;-webkit-user-select:none;user-select:none;background:#0f203866;border-right:1px solid #2a508026;min-width:42px;padding:14px 0;overflow:hidden}.line-numbers span{font-size:11px;line-height:1.6;font-family:var(--font-geist-mono), monospace;color:#64748b80;padding:0 10px;display:block}.dev-textarea{color:#34d399;font-family:var(--font-geist-mono), monospace;resize:vertical;tab-size:2;background:0 0;border:none;outline:none;flex:1;min-height:200px;padding:14px 16px;font-size:12px;line-height:1.6}.dev-textarea::placeholder{color:#64748b66}@keyframes node-appear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes root-glow-pulse{0%,to{box-shadow:0 0 10px #f59e0b33}50%{box-shadow:0 0 24px #f59e0b73}}@keyframes line-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.merkle-node{font-size:11px;font-weight:600;font-family:var(--font-geist-mono), monospace;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:6px 14px;transition:all .3s;animation:.3s ease-out forwards node-appear;display:inline-flex}.merkle-leaf-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;padding:.5rem;font-size:10px;font-weight:700;transition:background-color .3s,color .3s}.sd-sheet-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a1899;animation:.3s ease-out forwards fade-in;position:fixed;inset:0}.sd-sheet-container{z-index:10001;justify-content:flex-end;display:flex;position:fixed;inset:0}@keyframes sheet-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sd-sheet-content{background:#0b1120;border-left:1px solid #2a50804d;flex-direction:column;width:100%;max-width:1100px;height:100%;animation:.4s cubic-bezier(.16,1,.3,1) forwards sheet-slide-in;display:flex;box-shadow:-20px 0 60px #00000080}.claim-toggle-btn{cursor:pointer;background:#2a508066;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background-color .2s;position:relative}.claim-toggle-btn.on{background:#10b981}.claim-toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.claim-toggle-btn.on .claim-toggle-thumb{transform:translate(14px)}.blur-field-value{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.6;text-shadow:0 0 8px #94a3b8cc;color:#0000!important}@keyframes success-check-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.success-check-path{stroke-dasharray:100;stroke-dashoffset:100px;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s forwards success-check-draw}.sd-success-fade-in{animation:.5s ease-out forwards fade-in}.merkle-leaf{border-radius:16px;padding:5px 12px;font-size:10px;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}.merkle-leaf.revealed{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.merkle-leaf.hidden-leaf{color:#94a3b880;background:#64748b1a;border:1px solid #64748b33}.merkle-intermediate{color:#94a3b8b3;background:#2a508033;border:1px solid #2a50804d;padding:4px 10px;font-size:9px}.merkle-root{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b59;padding:6px 16px;font-size:11px;animation:.3s ease-out forwards node-appear,2.5s ease-in-out .3s infinite root-glow-pulse}.merkle-line{stroke-dasharray:100;stroke-dashoffset:100px;animation:.5s ease-out forwards line-draw}.merkle-summary{font-size:12px;font-family:var(--font-geist-mono), monospace;color:#94a3b899;text-align:center;padding:12px 0 4px}.merkle-summary .root-hash{color:#fbbf24}.merkle-summary .field-count{color:#94a3b8cc}.merkle-summary .revealed-count{color:#34d399}@keyframes preview-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.credential-preview{animation:.35s ease-out forwards preview-slide-up}.credential-field-hidden{color:#64748b80;font-family:var(--font-geist-mono), monospace;letter-spacing:2px}.credential-field-revealed{color:#34d399}.add-field-btn{color:#94a3b880;cursor:pointer;background:0 0;border:1px dashed #2a50804d;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .25s;display:flex}.add-field-btn:hover{color:#fbbf24;background:#f59e0b0a;border-color:#f59e0b66}.add-field-btn:disabled{opacity:.4;cursor:not-allowed}.premium-input{color:#e8ecf4;background:#0000004d;border:1px solid #2a508033;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .2s}.premium-input:focus{border-color:#f59e0b66}.premium-input::placeholder{color:#64748b66}.premium-select{appearance:none;color:#e8ecf4;cursor:pointer;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #2a508033;border-radius:8px;outline:none;padding:8px 30px 8px 12px;font-size:13px;transition:border-color .2s}.premium-select:focus{border-color:#f59e0b66}.premium-select option{color:#e8ecf4;background:#0a1628}