.seal-page{--seal-ink: var(--ugt-site-ink, #293b2c);--seal-card: var(--ugt-surface, #fbfaf4);--seal-wash: var(--ugt-wash-2, #eef1e6);--seal-line: var(--ugt-line-3, #d8dccd);--seal-control: var(--ugt-line-control, #9aa98a);--seal-forest: var(--ugt-accent, #314d39);--seal-ok: var(--ugt-ok-fill, #3f6447);--seal-clay: var(--ugt-clay-text, #9a4b29);--seal-clay-wash: var(--ugt-clay-wash, #f3e5dc);--seal-code-bg: var(--ugt-code-bg, #1f3126);--seal-code-ink: var(--ugt-code-ink, #e0e9d5)}.seal-notice{margin-top:var(--ug-space-1)}.seal-setup{display:grid;gap:var(--ug-space-6);margin:var(--ug-space-8) 0 var(--ug-space-10);padding:var(--ug-space-6);border:1px solid var(--seal-line);border-radius:var(--ug-radius-lg);background:var(--seal-card)}.seal-field{display:grid;gap:var(--ug-space-2)}.seal-field>span,.seal-keys legend{font:var(--ug-eyebrow);letter-spacing:var(--ug-eyebrow-tracking);text-transform:uppercase;color:var(--proof-muted)}.seal-field textarea{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--seal-control);border-radius:var(--ug-radius-md);background:var(--ugt-surface-2, #fffefa);color:var(--seal-ink);font:var(--ug-text-lg) / 1.5 var(--ug-font-sans);resize:vertical}.seal-keys{display:grid;gap:var(--ug-space-2);margin:0;padding:0;border:0;min-width:0}.seal-keys legend{margin-bottom:var(--ug-space-2);padding:0}.seal-keys>label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ug-space-3);align-items:start;padding:14px 16px;border:1px solid var(--seal-line);border-radius:var(--ug-radius-md);cursor:pointer;transition:border-color var(--ug-quick),background var(--ug-quick)}.seal-keys>label:hover{border-color:var(--seal-control)}.seal-keys>label.is-on{border-color:var(--seal-forest);background:var(--seal-wash)}.seal-keys input{margin-top:4px;accent-color:var(--seal-forest)}.seal-keys strong{display:block;color:var(--seal-ink);font-weight:600}.seal-keys small{display:block;margin-top:var(--ug-space-1);color:var(--proof-muted);font-size:var(--ug-text-md);line-height:1.5}.site-document .seal-live{gap:var(--ug-space-2);margin-top:var(--ug-space-3);padding:9px 14px}.seal-status{display:inline-flex;align-items:center;gap:var(--ug-space-1);margin-top:var(--ug-space-3);font-size:var(--ug-text-md);color:var(--proof-muted);overflow-wrap:anywhere}.seal-status.is-ok{color:var(--seal-ok)}.seal-status.is-no{color:var(--seal-clay)}.seal-actions .site-button{gap:var(--ug-space-3)}.seal-actions .site-button:disabled{opacity:.55;cursor:default}.seal-run{margin-bottom:var(--ug-space-12)}.site-document .seal-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;outline:none}.site-document .seal-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--ug-space-4);margin:0;padding:var(--ug-space-6) 0;border-top:1px solid var(--seal-line);animation:seal-in var(--ug-standard) var(--ug-ease) both}@keyframes seal-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.site-document .seal-step{animation:none}}.seal-step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--seal-control);color:var(--seal-forest);font:500 var(--ug-text-sm) / 1 var(--ug-font-mono)}.seal-step-body{min-width:0}.site-document .seal-step h3{margin:4px 0 var(--ug-space-2)}.site-document .seal-step p{max-width:760px}.seal-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ug-space-3) var(--ug-space-6);margin:var(--ug-space-4) 0}.seal-value.is-wide{grid-column:1 / -1}.seal-value dt{font:var(--ug-eyebrow);letter-spacing:var(--ug-eyebrow-tracking);text-transform:uppercase;color:var(--proof-faint);margin-bottom:var(--ug-space-1)}.seal-value dd{margin:0}.site-document .seal-value code{display:block;padding:8px 10px;border-radius:var(--ug-radius-sm);background:var(--seal-wash);color:var(--seal-ink);font:var(--ug-text-sm) / 1.6 var(--ug-font-mono);overflow-wrap:anywhere;word-break:break-all}.seal-value small{display:block;margin-top:var(--ug-space-1);color:var(--proof-muted);font-size:var(--ug-text-sm)}.site-document .seal-verdict{display:flex;align-items:flex-start;gap:var(--ug-space-2);margin:var(--ug-space-3) 0 0;font-size:var(--ug-text-md)}.seal-verdict>span{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;margin-top:1px}.seal-verdict.is-ok>span{background:var(--seal-ok);color:var(--ugt-on-accent, #f4f1e4)}.seal-verdict.is-no>span{background:var(--seal-clay-wash);color:var(--seal-clay)}.site-document .seal-request,.site-document .seal-hex,.site-document .seal-opened,.site-document .seal-plain pre{margin:var(--ug-space-3) 0;padding:14px 16px;border-radius:var(--ug-radius-md);background:var(--seal-code-bg);color:var(--seal-code-ink);font:var(--ug-text-sm) / 1.65 var(--ug-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.seal-bytes{margin:var(--ug-space-4) 0 0}.seal-bytes figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ug-space-2);font-size:var(--ug-text-md);font-weight:600;color:var(--seal-ink)}.seal-switch{display:inline-flex;border:1px solid var(--seal-control);border-radius:var(--ug-radius-pill);overflow:hidden}.seal-switch button{padding:5px 12px;border:0;background:transparent;color:var(--proof-muted);font:500 var(--ug-text-xs) / 1.4 var(--ug-font-mono);cursor:pointer}.seal-switch button[aria-pressed=true]{background:var(--seal-forest);color:var(--ugt-on-accent, #f4f1e4)}.site-document .seal-hex{word-break:normal}.seal-length{color:var(--ugt-clay-line-strong, #e7a27f);font-weight:600}.seal-more{opacity:.7}.site-document .seal-all{margin-top:0}.site-document .seal-sizes{margin-top:var(--ug-space-3);color:var(--proof-muted);font-size:var(--ug-text-md)}.seal-plain{margin-top:var(--ug-space-3)}.seal-plain summary{cursor:pointer;font-size:var(--ug-text-md);color:var(--ugt-accent-text, #354f35)}.seal-reply{font-style:italic}.seal-next{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ug-space-6);padding-top:var(--ug-space-6);border-top:1px solid var(--seal-line)}.site-document .seal-links{margin-top:var(--ug-space-8);color:var(--proof-muted)}@media(max-width:760px){.seal-setup{padding:var(--ug-space-4)}.seal-values{grid-template-columns:minmax(0,1fr)}.site-document .seal-step{grid-template-columns:minmax(0,1fr);gap:var(--ug-space-2)}.seal-actions .site-button,.seal-next .site-button{width:100%;justify-content:center}}
