:root{--font-family:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--color-paper:#faf9f6;--color-ink:#191817;--color-bg:#faf9f6;--color-card-bg:#fff;--color-surface:#fff;--color-surface-hover:#f2f0eb;--color-surface-subtle:#f6f5f1;--color-text-main:#191817;--color-text-primary:#191817;--color-text-muted:#5c5953;--color-text-secondary:#5c5953;--color-text-dim:#8c8982;--color-primary:#191817;--color-primary-hover:#2e2c2a;--color-primary-subtle:#f6f5f1;--color-accent-teal:#191817;--color-accent-sage:#e5e3dc;--color-border:#e5e3dc;--color-border-dark:#c9c6bd;--color-border-input:#c9c6bd;--color-error:#8c2e27;--color-error-bg:#faf0ef;--color-error-border:#e5c2bf;--color-success:#184e38;--color-success-bg:#eff6f2;--color-success-border:#bcd7ca;--color-warn:#7a5b1e;--color-warn-bg:#faf5eb;--color-warn-border:#e5d9be;--radius-sm:2px;--radius-md:2px;--radius-lg:3px;--shadow-sm:0 1px 2px #1918170a;--shadow-md:0 2px 4px #1918170f;--shadow-btn-resting:0 1px 2px #1918171f, 0 1px 1px #1918170f;--shadow-btn-hover:0 2px 4px #19181729, 0 1px 2px #1918171a;--shadow-btn-active:0 0 1px #1918171f;--shadow-btn-subtle-resting:0 1px 2px #1918170d;--shadow-btn-subtle-hover:0 2px 4px #19181714;font-family:var(--font-family);font-synthesis:none}*,*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;appearance:none;background:0 0;border:none;margin:0;padding:0}body{background-color:var(--color-bg);min-width:320px;color:var(--color-text-main);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--color-text-main);font-weight:700}.page-shell{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:40;width:100%;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:.75rem;min-height:64px;display:flex}.header-brand{align-items:center;gap:.65rem;min-width:0;display:flex}.brand-badge{color:var(--color-ink);font-family:var(--font-mono);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;line-height:1.1;display:inline-flex}.brand-logo{color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.brand-subtitle{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-weight:600}.settings-toggle-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-main);cursor:pointer;align-items:center;gap:.5rem;padding:.4rem .65rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.settings-toggle-btn:hover,.settings-toggle-btn.active{border-color:var(--color-border-dark);background:#ebe8e1}.settings-toggle-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.settings-principal{border-left:1px solid var(--color-border-dark);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em;padding-left:.5rem;font-size:.6875rem}.demo-workspace{flex:1;padding-top:2rem;padding-bottom:3rem}.settings-panel{background:var(--color-card-bg);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);width:min(100%,56rem);box-shadow:var(--shadow-sm);margin:0 auto 1.5rem;padding:1.5rem}.settings-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.settings-header h3{font-size:1rem;font-family:var(--font-mono);margin:0}.settings-body label{font-size:.8125rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);margin-top:.85rem;margin-bottom:.35rem;font-weight:700;display:block}.settings-body label:first-child{margin-top:0}.settings-body input{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);background:#fff;outline:none;padding:.55rem .75rem;font-size:.875rem}.settings-body input:focus{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.token-control{gap:.5rem;display:flex}.token-control input{flex:1}.field-help{color:var(--color-text-dim);margin-top:.35rem;margin-bottom:0;font-size:.75rem}.field-help code{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:.1rem .3rem}.main-nav{border-bottom:1px solid var(--color-border-dark);scrollbar-width:none;gap:.5rem;width:min(100%,56rem);margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}.main-nav::-webkit-scrollbar{display:none}.nav-tab{font-family:var(--font-mono);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;margin-bottom:-1px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s}.nav-tab:hover{color:var(--color-text-main)}.nav-tab.active{color:var(--color-ink);border-bottom-color:var(--color-ink);background:0 0;font-weight:700}.main-content{flex-direction:column;gap:1.5rem;width:min(100%,56rem);margin:0 auto;display:flex}.tab-pane{flex-direction:column;gap:1.25rem;display:flex}.pane-intro h1{font-size:1.5rem;font-family:var(--font-mono);letter-spacing:-.02em;margin-bottom:.35rem;font-weight:700}.pane-intro p{color:var(--color-text-muted);font-size:.9375rem}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.75rem}.card-title{font-size:1.125rem;font-family:var(--font-mono);letter-spacing:-.01em;border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.5rem;font-weight:700}.segmented-control,.sub-tabs{border-bottom:1px solid var(--color-border);gap:.4rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.segment-btn,.sub-tab{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.segment-btn:hover,.sub-tab:hover{background:var(--color-surface-hover);color:var(--color-text-main);border-color:var(--color-border-dark)}.segment-btn.active,.sub-tab.active{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.form-group,.section-group{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.form-group label,.section-label,.pane-intro label{font-size:.8125rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-main);margin-bottom:.25rem;font-weight:700}.form-group input,.form-group textarea,.form-group select,.tab-pane input,.tab-pane textarea,.tab-pane select,.verifier-token-form input,.lookup-form input,.response-form input{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);background:#fff;outline:none;padding:.625rem .85rem;font-size:.9375rem;transition:border-color .15s}.form-group textarea,.tab-pane textarea{font-family:var(--font-mono);resize:vertical;min-height:100px;font-size:.875rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.tab-pane input:focus,.tab-pane textarea:focus,.tab-pane select:focus,.verifier-token-form input:focus,.lookup-form input:focus,.response-form input:focus{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.btn{font-family:var(--font-mono);letter-spacing:.01em;border-radius:var(--radius-sm);cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex;position:relative}.btn-font-mono{font-family:var(--font-mono)}.btn-font-sans{font-family:var(--font-family)}.btn:focus-visible,.primary-button:focus-visible,.submit-button:focus-visible,.secondary-button:focus-visible,.secondary-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.btn:disabled,.primary-button:disabled,.submit-button:disabled,.secondary-button:disabled,.secondary-btn:disabled,.download-btn:disabled,.challenge-btn:disabled,.btn-secondary:disabled,.lookup-btn:disabled,.decrypt-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.btn-sm{min-height:32px;padding:.4rem .85rem;font-size:.8125rem}.btn-md{min-height:40px;padding:.625rem 1.25rem;font-size:.875rem}.btn-lg{min-height:46px;padding:.75rem 1.65rem;font-size:.9375rem}.btn-ribbon,.primary-button,.submit-button{position:relative}.btn-ribbon-tr:after,.primary-button:after,.submit-button:after{content:"";background-color:var(--btn-ribbon-color,var(--color-paper));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 3px),0 100%);pointer-events:none;z-index:2;width:9px;height:11px;transition:background-color .15s,opacity .15s;position:absolute;top:-1px;right:10px}.btn-ribbon-br:after{content:"";background-color:var(--btn-ribbon-color,var(--color-ink));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 3px),0 100%);pointer-events:none;z-index:2;width:9px;height:11px;transition:background-color .15s,opacity .15s;position:absolute;bottom:-1px;right:10px}.btn-sm.btn-ribbon-tr:after,.btn-sm.btn-ribbon-br:after{clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 2.5px),0 100%);width:8px;height:9px;right:8px}.btn-lg.btn-ribbon-tr:after,.btn-lg.btn-ribbon-br:after{clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 3.5px),0 100%);width:11px;height:14px;right:12px}.primary-button,.submit-button,.btn-primary,.btn-dark-primary{background:var(--color-ink);color:var(--color-paper);border:1px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-btn-resting);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;--btn-ribbon-color:var(--color-paper);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex}.primary-button:hover:not(:disabled),.submit-button:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-dark-primary:hover:not(:disabled){box-shadow:var(--shadow-btn-hover);--btn-ribbon-color:var(--color-paper);background:#2e2c2a;border-color:#2e2c2a;transform:translateY(-.5px)}.primary-button:active:not(:disabled),.submit-button:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-dark-primary:active:not(:disabled){box-shadow:var(--shadow-btn-active);background:#191817;border-color:#191817;transform:translateY(1px)}.btn-light-primary{background-color:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-ink);box-shadow:var(--shadow-btn-subtle-resting);--btn-ribbon-color:var(--color-ink)}.btn-light-primary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-ink);box-shadow:var(--shadow-btn-subtle-hover);--btn-ribbon-color:var(--color-ink);transform:translateY(-.5px)}.btn-light-primary:active:not(:disabled){background-color:var(--color-surface-subtle);box-shadow:none;transform:translateY(1px)}.secondary-button,.secondary-btn,.download-btn,.challenge-btn,.btn-secondary,.btn-light-secondary{background:var(--color-paper);color:var(--color-text-main);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-btn-subtle-resting);font-family:var(--font-mono);cursor:pointer;--btn-ribbon-color:var(--color-text-muted);justify-content:center;align-items:center;gap:.35rem;width:auto;padding:.5rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.secondary-button:hover:not(:disabled),.secondary-btn:hover:not(:disabled),.download-btn:hover:not(:disabled),.challenge-btn:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-light-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-ink);box-shadow:var(--shadow-btn-subtle-hover);--btn-ribbon-color:var(--color-ink);transform:translateY(-.5px)}.secondary-button:active:not(:disabled),.secondary-btn:active:not(:disabled),.download-btn:active:not(:disabled),.challenge-btn:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-light-secondary:active:not(:disabled){background:var(--color-surface-subtle);box-shadow:none;transform:translateY(1px)}.btn-dark-secondary{color:var(--color-paper);box-shadow:var(--shadow-btn-resting);--btn-ribbon-color:var(--color-paper);background-color:#2e2c2a;border:1px solid #2e2c2a}.btn-dark-secondary:hover:not(:disabled){box-shadow:var(--shadow-btn-hover);--btn-ribbon-color:var(--color-paper);background-color:#3d3a37;border-color:#3d3a37;transform:translateY(-.5px)}.btn-dark-secondary:active:not(:disabled){box-shadow:var(--shadow-btn-active);background-color:#191817;border-color:#191817;transform:translateY(1px)}.btn-utility,.btn-outline{border:1px solid var(--color-border-dark);color:var(--color-text-main);box-shadow:var(--shadow-btn-subtle-resting);--btn-ribbon-color:var(--color-text-dim);background-color:#0000}.btn-utility:hover:not(:disabled),.btn-outline:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-ink);box-shadow:var(--shadow-btn-subtle-hover);--btn-ribbon-color:var(--color-ink);transform:translateY(-.5px)}.btn-utility:active:not(:disabled),.btn-outline:active:not(:disabled){background-color:var(--color-surface-subtle);box-shadow:none;transform:translateY(1px)}.btn-danger,.btn-decline{background-color:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-border-dark);box-shadow:var(--shadow-btn-subtle-resting);--btn-ribbon-color:var(--color-error)}.btn-danger:hover:not(:disabled),.btn-decline:hover:not(:disabled){background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error);box-shadow:var(--shadow-btn-subtle-hover);--btn-ribbon-color:var(--color-error);transform:translateY(-.5px)}.btn-danger:active:not(:disabled),.btn-decline:active:not(:disabled){box-shadow:none;background-color:#f8e3e1;transform:translateY(1px)}.btn-success{background-color:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-border-dark);box-shadow:var(--shadow-btn-subtle-resting);--btn-ribbon-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success);box-shadow:var(--shadow-btn-subtle-hover);--btn-ribbon-color:var(--color-success);transform:translateY(-.5px)}.btn-success:active:not(:disabled){box-shadow:none;background-color:#e2ece6;transform:translateY(1px)}.btn-ghost{color:var(--color-text-muted);box-shadow:none;background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-main)}.btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:.875rem;height:.875rem;animation:.75s linear infinite spin}.lookup-btn,.decrypt-btn{background:var(--color-ink);color:var(--color-paper);border:1px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-btn-resting);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;white-space:nowrap;--btn-ribbon-color:var(--color-paper);justify-content:center;align-items:center;width:auto;padding:.55rem 1rem;font-size:.8125rem;font-weight:700;transition:all .15s;display:inline-flex}.lookup-btn:hover:not(:disabled),.decrypt-btn:hover:not(:disabled){box-shadow:var(--shadow-btn-hover);background:#2e2c2a;border-color:#2e2c2a;transform:translateY(-.5px)}.lookup-btn:active:not(:disabled),.decrypt-btn:active:not(:disabled){box-shadow:var(--shadow-btn-active);background:#191817;border-color:#191817;transform:translateY(1px)}.text-button,.text-link-btn,.remove-btn{font-family:var(--font-mono);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.text-button:hover,.text-link-btn:hover,.remove-btn:hover{color:var(--color-text-main);background:var(--color-surface-hover);border-radius:var(--radius-sm)}.text-link-btn{padding:0;text-decoration:underline}.verifier-row{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;display:flex}.verifier-row select,.verifier-row input{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);background:#fff;padding:.45rem .65rem;font-size:.875rem}.verifier-row select{width:110px}.verifier-row input{flex:1}.delete-btn{border:1px solid var(--color-error-border);color:var(--color-error);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);background:0 0;padding:.4rem .6rem;font-size:.8125rem;font-weight:600}.delete-btn:hover{background:var(--color-error-bg)}.decision-radios{grid-template-columns:1fr 1fr;gap:.75rem;margin:.5rem 0 1rem;display:grid}.radio-card{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer;font-family:var(--font-mono);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.radio-card:hover{background:var(--color-surface-hover);border-color:var(--color-ink)}.radio-card.selected{background:var(--color-surface-subtle);border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.result-card{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);background:var(--color-surface-subtle);margin-top:1.5rem;padding:1.25rem}.result-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.result-header h3{font-size:1rem;font-family:var(--font-mono);margin:0}.result-grid{font-family:var(--font-mono);grid-template-columns:1fr;gap:1rem;font-size:.8125rem;display:grid}@media (width>=480px){.result-grid{grid-template-columns:1fr 1fr}}.grid-label{text-transform:uppercase;color:var(--color-text-dim);margin-bottom:.25rem;font-size:.6875rem;font-weight:700;display:block}.privacy-notice{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:1rem;padding-top:.75rem;font-size:.75rem}.verifier-workflow-box{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.verifier-payload-card,.challenge-section,.response-form{border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);background:var(--color-card-bg);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.payload-content-box{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:.75rem;padding:1rem}.payload-header-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.meta-dim{font-family:var(--font-mono);color:var(--color-text-dim);font-size:.75rem}.file-preview-box,.file-info-card{background:var(--color-surface-subtle);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin:.5rem 0;padding:.75rem 1rem;display:flex}.file-info-main{align-items:center;gap:.75rem;display:flex}.file-details{flex-direction:column;gap:.15rem;display:flex}.file-name{font-family:var(--font-mono);font-size:.8125rem;font-weight:700}.file-size{font-family:var(--font-mono);color:var(--color-text-dim);font-size:.75rem}.crypto-preview{background:var(--color-surface-subtle);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);margin:.75rem 0;padding:.85rem}.crypto-preview-header{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.otp-display{font-family:var(--font-mono);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.otp-digits{font-family:var(--font-mono);letter-spacing:.25em;color:var(--color-ink);font-size:1.25rem;font-weight:700}.response-success-box,.decrypted-result-box{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-sm);margin-top:.75rem;padding:1rem}.decrypted-header{margin-bottom:.5rem}.raw-toggle-section{margin-top:.75rem}.raw-box-wrapper{margin-top:.5rem}.banner-error,.error{color:var(--color-error);font-family:var(--font-mono);font-size:.8125rem}.banner-success,.success{color:var(--color-success);font-family:var(--font-mono);font-size:.8125rem}.copy-box-wrapper{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.copy-box-label{font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:700}.copy-box{background:var(--color-surface-subtle);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.35rem .5rem .35rem .75rem;display:flex}.copy-box-text{font-family:var(--font-mono);color:var(--color-text-main);white-space:pre-wrap;word-break:break-all;flex:1;font-size:.8125rem}.copy-box-text.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.copy-btn{background:var(--color-paper);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-main);cursor:pointer;white-space:nowrap;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .15s}.copy-btn:hover{background:var(--color-surface-hover);border-color:var(--color-ink)}.copy-btn.copied{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex}.badge-primary,.primary-badge{background:var(--color-ink);color:var(--color-paper)}.badge-success,.success-badge{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-error,.error-badge{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.badge-warn,.warn-badge{background:var(--color-warn-bg);color:var(--color-warn);border:1px solid var(--color-warn-border)}.badge-muted,.muted-badge{background:var(--color-surface-hover);color:var(--color-text-muted);border:1px solid var(--color-border)}.crypto-preview-box{background:var(--color-surface-subtle);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);margin-top:.5rem;margin-bottom:1rem;padding:.85rem}.crypto-preview-box-header{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.crypto-code{font-family:var(--font-mono);color:var(--color-text-main);white-space:pre-wrap;word-break:break-all;max-height:120px;font-size:.75rem;display:block;overflow-y:auto}.results-card{border-left:4px solid var(--color-ink)}.result-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.result-row:last-child{border-bottom:none}.result-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-muted);font-size:.8125rem;font-weight:700}.result-value{font-family:var(--font-mono);color:var(--color-text-main);font-size:.875rem;font-weight:600}.alert-banner{border-radius:var(--radius-sm);border:1px solid #0000;margin-bottom:1rem;padding:.85rem 1.15rem;font-size:.875rem}.app-footer{background:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;width:100%;padding:1.5rem 0}.footer-tagline{color:var(--color-text-dim);font-size:.8125rem;font-family:var(--font-mono)}.alert-error{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.alert-warn{background:var(--color-warn-bg);color:var(--color-warn);border-color:var(--color-warn-border)}@media (width<=640px){.page-shell{padding:0}.container{padding-left:.875rem;padding-right:.875rem}.header-inner{min-height:56px}.brand-badge{font-size:1.125rem}.brand-subtitle,.settings-principal{display:none}.settings-toggle-btn{white-space:nowrap}.demo-workspace{padding-top:1.25rem;padding-bottom:2rem}.main-nav{gap:.25rem;width:calc(100% + .5rem);margin-bottom:1.25rem;margin-left:-.25rem;margin-right:-.25rem;padding:0 .25rem}.nav-tab{padding:.625rem .75rem;font-size:.8125rem}.card,.settings-panel{padding:1.25rem}.verifier-row{flex-direction:column;align-items:stretch}.verifier-row select{width:100%}}