@font-face{font-family:Schibsted;src:url('./assets/SchibstedGrotesk.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#101b34;--text:#344059;--muted:#6a7385;--line:#e0e5ed;--soft:#f5f7fa;--blue:#3269c7;--blue-soft:#edf3ff;--purple:#7554bb;--green:#227457;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light;font-family:Schibsted,system-ui,sans-serif;color:var(--text);background:#fff;font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--blue);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7aa5f5;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:2rem;letter-spacing:-.045em;line-height:1.2;font-weight:550;color:var(--ink)}h2{font-size:1.45rem;letter-spacing:-.035em;line-height:1.25;color:var(--ink);font-weight:550}h3{font-size:1rem;font-weight:550;color:var(--ink)}p{line-height:1.6}strong{font-weight:600}svg{display:block}button svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell{min-height:100vh;display:grid;grid-template-columns:212px minmax(0,1fr)}.sidebar{background:#f7f8fa;border-right:1px solid var(--line);padding:30px 16px 20px;display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh}.brand{width:120px;margin:0 12px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;font-size:.875rem;min-width:0}.workspace>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#e9eaf0;border-radius:7px;color:var(--ink);font-size:.75rem;font-weight:600}.sidebar nav{display:grid;gap:6px}.navitem{display:flex;gap:10px;align-items:center;padding:10px 12px;color:#858b98;font-size:.875rem;border-radius:6px}.navitem.active{background:#e9edf5;color:var(--ink);font-weight:550}.sidebar-bottom{margin-top:auto;display:grid;gap:16px}.side-note{font-size:.75rem;line-height:1.5;color:var(--muted);padding:0 12px}.user{display:flex;gap:10px;align-items:center;font-size:.875rem;padding:0 10px}.user small{display:block;font-size:.75rem;color:var(--muted)}.main{min-width:0}.topbar{height:74px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem}.crumb{color:var(--muted);display:flex;gap:12px;align-items:center}.crumb b{font-weight:500;color:var(--ink)}.demo-tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;padding:5px 8px;border:1px dashed #b4bdcd;border-radius:5px;color:var(--muted);white-space:nowrap}.content{max-width:1250px;margin:0 auto;padding:42px 48px 60px}.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.intro{max-width:660px;margin-bottom:32px}.intro p{margin-top:14px;color:var(--muted)}.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.door{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:18px;color:var(--text);min-height:308px;transition:border-color .18s,transform .18s,box-shadow .18s}.door:hover{border-color:#91aedc;transform:translateY(-3px);box-shadow:0 12px 24px #172c5010}.door .door-icon{width:46px;height:46px;border:1px solid #dbe4f2;background:#f2f6ff;border-radius:12px;display:grid;place-items:center;color:var(--blue)}.door:nth-child(2) .door-icon{color:#697958;background:#f2f5ed;border-color:#e1e8d6}.door:nth-child(3) .door-icon{color:#785f9c;background:#f5f1fa;border-color:#e6dff0}.door h2{font-size:1.2rem;letter-spacing:-.025em}.door p{font-size:.875rem;line-height:1.6;color:var(--muted)}.door .next{font-size:.875rem;color:var(--blue);display:flex;gap:8px;align-items:center;margin-top:auto;font-weight:550}.start-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;font-size:.875rem;color:var(--muted)}.text-button{border:0;background:transparent;padding:5px 0;color:var(--blue);font-size:.875rem;display:inline-flex;gap:8px;align-items:center;text-align:left}.quiet-link{color:var(--muted)}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:11px 16px;min-height:44px;font-size:.875rem;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn.primary{background:var(--ink);border-color:var(--ink);color:white}.btn:hover{filter:brightness(.95)}.btn.small{min-height:36px;padding:7px 11px;font-size:.8125rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-top:28px}.actions-right{display:flex;gap:10px;flex-wrap:wrap}.progress{display:flex;align-items:center;gap:22px;padding:0 0 28px;margin:0 0 32px;border-bottom:1px solid var(--line);list-style:none}.progress li{font-size:.8125rem;color:var(--muted);display:flex;align-items:center;gap:9px}.progress .step-num{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:var(--mono);font-size:.7rem}.progress li.current{color:var(--ink)}.progress li.current .step-num{background:var(--ink);border-color:var(--ink);color:#fff}.progress li.complete .step-num{background:#e8f3ec;border-color:transparent;color:var(--green)}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px;align-items:start}.q-card{border:1.5px solid #bdcce3;border-radius:16px;padding:28px;background:linear-gradient(120deg,#fcfdff,#fff);box-shadow:0 4px 16px #243b6305}.q-card .description{color:var(--muted);font-size:.875rem;margin:12px 0 24px;line-height:1.65}.q-number{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;color:var(--blue);margin-bottom:12px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:10px 16px;min-height:42px;background:#fff;border:1px dashed #adb8ca;border-radius:99px;color:var(--text);font-size:.875rem;display:inline-flex;align-items:center;gap:8px}.pill[aria-pressed=true]{border-style:solid;border-color:var(--blue);color:#1e529e;background:var(--blue-soft)}.field{display:grid;gap:7px;font-size:.875rem;color:var(--ink)}.field input,.field select,.field textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #cad2df;border-radius:8px;background:white;color:var(--ink);min-height:44px}.field textarea{resize:vertical;min-height:110px;line-height:1.5}.field small,.helper{color:var(--muted);font-size:.8125rem;line-height:1.6}.fields{display:grid;gap:16px;margin-top:24px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field.full{grid-column:1/-1}.inline-field{display:flex;gap:8px;align-items:end;margin-top:24px}.inline-field .field{flex:1}.question-footer{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px dashed var(--line);padding-top:20px}.summary{padding-top:4px}.summary h3{font-size:.875rem;margin-bottom:18px}.summary-item{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:start;gap:12px;font-size:.8125rem;line-height:1.55}.summary-item>svg{color:var(--muted);margin-top:2px;flex-shrink:0}.summary-item>div{min-width:0;flex:1;overflow-wrap:anywhere}.summary-item b{display:block;color:var(--ink);font-weight:500;margin-bottom:2px}.summary-item small{color:var(--muted);font-size:.75rem}.summary-item .text-button{font-size:.75rem}.summary-note{font-size:.8125rem;color:var(--muted);line-height:1.6;margin-top:20px}.back-top{margin-bottom:20px}.callout{padding:16px 18px;border-radius:9px;background:var(--soft);font-size:.875rem;line-height:1.6;color:var(--text);margin-top:20px}.callout.purple{background:#f4f0fc;color:#5a4282}.callout.blue{background:var(--blue-soft);color:#29548e}.callout.amber{background:#fff7e8;color:#845f22}.tag{font-size:.6875rem;letter-spacing:.025em;font-family:var(--mono);border:1px solid var(--line);border-radius:4px;padding:3px 6px;color:var(--muted);white-space:nowrap;display:inline-block}.tag.custom{border-style:dashed;border-color:#c9aa78;color:#806338}.error{color:#b13939;font-size:.875rem;margin-top:14px}.list{display:grid;gap:10px}.import-card{border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.import-card input[type=checkbox]{margin:5px 0;width:18px;height:18px;accent-color:var(--ink)}.import-card p{font-size:.8125rem;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.import-card .field{margin-top:12px}.import-card .tag{margin-top:5px}.address{font-family:var(--mono);font-size:.75rem!important}.import-header{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:18px}.import-header p{font-size:.875rem;color:var(--muted)}.muted{color:var(--muted)}.gap-top{margin-top:24px}.rule{height:1px;background:var(--line);border:0;margin:28px 0}.success-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.success-head p{margin-top:8px;font-size:.875rem;color:var(--muted)}.success-label{color:var(--green);font-size:.8125rem;display:flex;gap:7px;align-items:center;margin-bottom:12px}.canvas{background:#0b1730;color:#d5e1f6;border:1px solid #243b62;border-radius:16px;overflow:hidden;position:relative}.canvas-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 26px;border-bottom:1px solid #243553;font-size:.875rem}.canvas-head strong{color:#eff5ff;font-weight:500}.canvas-head small{font-size:.75rem;color:#90a5c6}.graph{position:relative;padding:32px 26px;background-image:radial-gradient(#ffffff12 .75px,transparent .75px);background-size:20px 20px}.graph-tier{display:flex;gap:20px;align-items:stretch;justify-content:center;position:relative}.graph-tier.vault-tier{display:grid;grid-template-columns:repeat(var(--vault-cols,3),minmax(0,1fr));gap:16px}.graph-node{display:block;width:100%;max-width:240px;position:relative;text-align:left;border:1px solid #385882;border-radius:10px;background:#112344;color:#f1f5fc;padding:15px 16px;min-width:0;transition:background .15s}.graph-node:hover,.graph-node.selected{background:#1b335a;border-color:#7baee8}.graph-node.council{border-color:#8870c2;background:#241f42}.graph-node.operator{border-color:#8c8053;background:#292940}.graph-node.policy{border-style:dashed;border-color:#4a8e78;background:#122e33;max-width:none}.graph-node.protocol{border-style:dashed;border-color:#536586;background:#15223b;max-width:none}.graph-node h3{color:#f1f5fc;font-size:.9375rem;margin:7px 0;overflow-wrap:anywhere}.graph-node .node-kind{font-family:var(--mono);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:#9bbced}.graph-node.council .node-kind{color:#c7b2f6}.graph-node.operator .node-kind{color:#e1ce86}.graph-node.policy .node-kind{color:#9cdbc2}.graph-node p{font-size:.75rem;color:#a8bcda;line-height:1.5;overflow-wrap:anywhere}.node-icon{position:absolute;right:13px;top:14px;opacity:.7}.node-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.node-meta span{font-family:var(--mono);font-size:.65rem;padding:3px 5px;background:#ffffff0b;border-radius:3px;color:#d2ddef}.graph-connector{display:flex;align-items:center;justify-content:center;height:52px;position:relative}.graph-connector::before{content:'';position:absolute;top:0;bottom:0;width:1px;background:#5d78a5}.graph-connector span{position:relative;padding:4px 10px;background:#0b1730;font-family:var(--mono);font-size:.6875rem;color:#a7bcdc;text-align:center}.graph-connector.veto::before{background:#997fcd}.graph-connector.veto span{color:#bfa6ee}.graph-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.canvas-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 26px;font-size:.75rem;color:#8fa5c7;border-top:1px solid #243553}.canvas-foot .legend{display:flex;gap:16px;flex-wrap:wrap}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:9px;height:9px;border:1px solid #5d8fbc;border-radius:3px}.legend i.dashed{border-style:dashed;border-color:#79bb9f}.overview-detail{padding:20px 0;display:flex;gap:16px;border-bottom:1px solid var(--line);align-items:start}.overview-detail svg{color:var(--blue);margin-top:2px;flex-shrink:0}.overview-detail h3{margin-bottom:6px}.overview-detail p{font-size:.875rem;line-height:1.6;color:var(--muted)}.next-panel{margin-top:24px;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.next-panel p{font-size:.875rem;color:var(--muted);margin-top:7px;max-width:560px}.next-panel .actions-right{flex-shrink:0}.status-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.timeline{padding:0;margin:28px 0;list-style:none}.timeline li{position:relative;padding:0 0 30px 38px}.timeline li:not(:last-child)::after{content:'';position:absolute;left:11px;top:25px;bottom:0;width:1px;background:var(--line)}.timeline .disc{position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:.75rem;color:var(--muted)}.timeline li.active .disc{background:var(--ink);color:white;border-color:var(--ink)}.timeline li p{font-size:.875rem;color:var(--muted);margin-top:5px}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.code-panel{background:var(--soft);border:1px solid var(--line);padding:24px;border-radius:12px}.code-panel ol{padding-left:20px;font-size:.875rem;line-height:1.7;margin:16px 0}.code-panel li{margin-bottom:12px}.code-panel a{font-weight:500}.brief-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:.75rem;line-height:1.7;color:#b5cceb;background:#0b1730;border-radius:10px;padding:20px;max-height:370px;overflow:auto}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 18px;border-radius:8px;font-size:.875rem;box-shadow:0 8px 24px #0002;z-index:10;max-width:calc(100vw - 32px)}
.graph-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke-width:1;z-index:0}.graph-tier,.graph-bottom{position:relative;z-index:1}.graph-connector{z-index:2}.graph-connector::before{display:none}.vault-tier .graph-node{max-width:none}.graph-node .node-kind,.node-meta span{font-size:.75rem}.graph-node .node-kind{display:block;padding-right:22px}.graph-connector span{font-size:.75rem}
@media(min-width:1500px){.content{padding-top:54px}}
@media(max-width:1180px){.shell{grid-template-columns:180px minmax(0,1fr)}.content{padding:32px}.question-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.door{padding:20px;min-height:326px}.progress{gap:14px}.next-panel{align-items:start;flex-direction:column}}
@media(max-width:960px){.shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:26px 10px}.brand{width:48px;margin:0}.workspace,.sidebar .navitem span,.sidebar-bottom{display:none}.navitem{justify-content:center;padding:12px}.question-layout{grid-template-columns:1fr}.summary{display:none}.doors{gap:12px}.door{padding:18px}.topbar{padding:0 28px}.graph-tier.vault-tier{grid-template-columns:repeat(2,minmax(0,1fr))}.status-layout{grid-template-columns:1fr}}
@media(max-width:720px){.doors{grid-template-columns:1fr}.door{min-height:0;display:grid;grid-template-columns:44px 1fr;gap:8px 18px;padding:20px}.door .door-icon{grid-row:1/4;width:42px;height:42px}.door h2,.door p,.door .next{grid-column:2}.door .next{margin-top:6px}.start-foot{align-items:start;flex-direction:column}.progress{overflow-x:auto;gap:20px;padding-bottom:20px;margin-bottom:24px}.progress li{white-space:nowrap}.content{padding:28px 22px}.topbar{padding:0 22px}.crumb>span{display:none}.code-grid{grid-template-columns:1fr}.fields.two{grid-template-columns:1fr}.q-card{padding:22px}.success-head{align-items:start;flex-direction:column}.graph{padding:24px 16px}.graph-tier{gap:12px}.graph-node{padding:13px}.graph-bottom{grid-template-columns:1fr}.graph-tier.vault-tier{grid-template-columns:1fr 1fr}.graph-node{max-width:none}.next-panel .actions-right{flex-wrap:wrap;flex-shrink:1}.canvas-head{padding:18px}.canvas-foot{padding:14px 18px}.import-header{align-items:start;flex-direction:column}}
@media(max-width:480px){.shell{display:block}.sidebar{display:none}.content{padding:24px 16px}.topbar{height:60px;padding:0 16px}.q-card{padding:20px 16px}h1{font-size:1.7rem}h2{font-size:1.25rem}.demo-tag{font-size:.65rem}.graph-tier{flex-direction:column}.graph-tier.vault-tier{grid-template-columns:1fr}.graph-tier .graph-node{max-width:none}.inline-field{align-items:stretch;flex-direction:column}.import-card{padding:14px;grid-template-columns:auto 1fr}.import-card>.text-button{grid-column:2}.actions{align-items:stretch}.question-footer{flex-wrap:wrap}.canvas-head{align-items:start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.purpose-options{display:grid;gap:12px;border:0;padding:0;margin:0;min-width:0}.purpose-option{cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:20px 18px;text-align:left;border:1px dashed #b3bed1;border-radius:12px;background:white;color:var(--text)}.purpose-option:hover{border-color:var(--blue)}.purpose-option:has(input:checked){border-style:solid;border-color:var(--blue);background:#f4f7ff}.purpose-option strong{font-size:1rem;font-weight:550;color:var(--ink)}.purpose-description{display:block;font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:5px}.purpose-icon{color:var(--blue);width:42px;height:42px;display:grid;place-items:center;background:#edf3ff;border-radius:10px}.choice-check{width:20px;height:20px;border:1px solid #b8c4d8;border-radius:50%;display:grid;place-items:center}.purpose-option:has(input:checked) .choice-check{background:var(--blue);border-color:var(--blue);color:white}.security-section{border:0;padding:0;margin:26px 0 0;min-width:0}.security-section+.security-section{padding-top:24px;border-top:1px dashed var(--line)}.security-section legend{padding:0;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:.9375rem;font-weight:550;float:left;width:100%}.security-section p{clear:both;font-size:.875rem;color:var(--muted);padding-top:9px;margin-bottom:14px}.automation-example{display:flex;gap:15px;align-items:start;padding:20px;background:var(--soft);border-radius:10px;margin-top:24px}.automation-example>svg{color:var(--blue);flex-shrink:0;margin-top:2px}.automation-example strong{font-size:.9375rem;color:var(--ink);font-weight:550}.automation-example p{font-size:.875rem;margin-top:7px;color:var(--muted)}
.participants-row{display:flex;flex-wrap:wrap;gap:16px;padding:18px 26px;border-bottom:1px solid #243553;background:#10203a}.participant{display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:9px;background:none;padding:10px 12px;text-align:left;color:#e5edfc;min-width:0}.participant:hover,.participant.selected{background:#1a2e4b;border-color:#405c80}.participant strong{display:block;font-size:.9375rem;font-weight:500}.participant small{display:block;font-size:.8125rem;color:#a5b8d6;margin-top:4px}.people-mark{width:44px;height:44px;display:grid;place-items:center;background:#273c58;border:1px solid #44607e;border-radius:50%;color:#c0d8f1;flex-shrink:0}.people-mark.automation{border-radius:12px;background:#2a2843;border-color:#575178;color:#d6c7ef}.graph-bottom.with-protocols{grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);gap:28px;align-items:center}.protocol-section{min-width:0}.protocol-heading{font-family:var(--mono);font-size:.75rem;color:#b0c3df;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;display:flex;justify-content:space-between}.protocol-heading span{color:#839cbf}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.graph-node.protocol-tile{max-width:none;min-height:132px;padding:16px;background:#172a48;border:1px solid #4a6488;border-radius:11px;display:flex;flex-direction:column;align-items:start;justify-content:center}.graph-node.protocol-tile:hover,.graph-node.protocol-tile.selected{background:#223f63;border-color:#95b6e3}.graph-node.protocol-tile h3{font-size:1rem;font-weight:550;line-height:1.4;margin:10px 0 4px}.graph-node.protocol-tile p{font-size:.75rem;color:#b4c9e3}.protocol-monogram{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:.9375rem;font-weight:600;background:#4a3c66;color:#dfd4fc}.protocol-monogram.tone-1{background:#633651;color:#ffd4ec}.protocol-monogram.tone-2{background:#254d67;color:#bce9ff}.protocol-monogram.tone-3{background:#33534b;color:#c0ecdb}.graph-node.custom-protocol{border-style:dashed;border-color:#9b885f}.graph-node.custom-protocol p{color:#dec58f}.graph-node.custom-protocol .protocol-monogram{background:#4a4232;color:#e3d0a4}
@media(max-width:1000px){.graph-bottom.with-protocols{grid-template-columns:1fr}.protocol-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.graph-bottom.with-protocols>.graph-node.policy{max-width:none}.participants-row{padding:16px;gap:4px}}
@media(max-width:480px){.purpose-option{grid-template-columns:32px minmax(0,1fr) 18px;gap:10px;padding:16px 12px}.purpose-icon{width:32px;height:36px;background:transparent}.purpose-option strong{font-size:.9375rem}.purpose-description{font-size:.8125rem}.participants-row{padding:12px}.participant{padding:10px 6px}.protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.graph-node.protocol-tile{padding:14px;min-height:132px}.security-section legend{align-items:start}.security-section legend svg{flex-shrink:0;margin-top:2px}}
.operator-count-field{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:end;margin:22px 0 30px}.operator-count-field .helper{padding-bottom:4px}.operator-team-preview{display:flex;gap:12px;align-items:center;padding:16px;margin-top:24px;border-radius:10px;background:#edf3ff;color:#294f87}.operator-team-preview>svg{flex-shrink:0}.operator-team-preview strong{font-size:.9375rem;font-weight:550}.operator-team-preview p{font-size:.8125rem;margin-top:5px;line-height:1.5;color:#566e95}.actor-avatars{display:flex;align-items:center;padding-right:4px;flex-shrink:0}.actor-face{height:32px;width:32px;border:2px solid #10203a;border-radius:50%;background:#2d486b;color:#d7e6f8;display:grid;place-items:center;margin-left:-9px;font-size:.7rem;font-weight:550;flex-shrink:0}.actor-face:first-child{margin-left:0}.actor-face.is-you{background:#d4e2f5;color:#233d65}.actor-face.overflow-count{font-size:.65rem;background:#38557a}
.routine-workflow{padding:25px 26px 28px;border-top:1px solid #2b405e;background:#0e1d34}.routine-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.routine-heading h3{color:#e5edfa;font-size:.9375rem;font-weight:500}.routine-heading>span{color:#99afce;font-size:.75rem;line-height:1.5}.workflow-body{display:grid;grid-template-columns:190px 50px minmax(0,1fr);gap:14px;align-items:center}.workflow-actors{min-width:0}.workflow-eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:#a8bfdd;margin-bottom:12px}.workflow-actors .participants-row{padding:0;background:none;border:0;display:grid;gap:12px}.workflow-actors .participant{flex-direction:column;align-items:start;padding:16px 13px;border:1px solid #3b5375;background:#142741;gap:12px;width:100%}.workflow-actors .participant:hover,.workflow-actors .participant.selected{background:#213b5b;border-color:#829fc4}.workflow-actors>p{font-size:.75rem;color:#92a9c9;line-height:1.5;margin-top:14px}.access-arrow{color:#83c7ad;display:flex;flex-direction:column;align-items:center;gap:9px}.access-arrow>span{font-family:var(--mono);font-size:.65rem;text-align:center;line-height:1.5;text-transform:uppercase;letter-spacing:.04em}.permission-envelope{min-width:0;border:2px solid #4a927c;border-radius:18px;padding:22px;background:#0e2829;box-shadow:0 0 0 5px #4a927c0b;position:relative}.permission-envelope-title{display:flex;align-items:center;gap:12px;padding:0 0 18px;border:0;border-bottom:1px solid #356358;background:transparent;color:#dcf3e9;text-align:left;width:100%;border-radius:0}.permission-envelope-title strong{display:block;font-size:1rem;font-weight:550;line-height:1.35}.permission-envelope-title small{display:block;color:#95bdb0;font-size:.75rem;margin-top:5px;line-height:1.5}.permission-envelope-title:hover strong,.permission-envelope-title.selected strong{text-decoration:underline;text-underline-offset:4px}.permission-seal{width:44px;height:44px;display:grid;place-items:center;border:1px solid #4b927d;background:#1d483d;border-radius:12px;flex-shrink:0;color:#bce8d6}.permission-status{font-family:var(--mono);font-size:.65rem;letter-spacing:.04em;color:#a6cdbf;margin-left:auto;padding:5px 7px;border:1px dashed #4b7869;border-radius:5px}.guard-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}.guard-rule{display:flex;align-items:start;gap:8px;border:1px solid #356458;background:#163b33;color:#b9dfd0;border-radius:9px;padding:11px 10px;text-align:left;min-width:0}.guard-rule:hover,.guard-rule.selected{background:#215342;border-color:#8bc5ae}.guard-rule>svg{flex-shrink:0;margin-top:2px}.guard-rule strong{display:block;font-size:.8125rem;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.guard-rule small{display:block;color:#9bbfaf;font-size:.75rem;line-height:1.5;margin-top:5px}.protected-protocols{min-width:0}.permission-envelope .protocol-heading{color:#a6c9bd}.permission-envelope .protocol-heading span{color:#80a795}.permission-envelope .protocol-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.permission-envelope .protocol-tile{min-height:124px}.permission-envelope .graph-node.protocol{max-width:none}.permission-review-note{font-size:.75rem;color:#93b5a8;line-height:1.6;margin:17px 0 0}.permission-envelope .protocol-tile.selected{box-shadow:0 0 0 2px #a0d8c227}
@media(max-width:1250px){.workflow-body{grid-template-columns:175px 35px minmax(0,1fr);gap:10px}.permission-envelope{padding:18px}.guard-rules{grid-template-columns:1fr;gap:7px;margin-bottom:20px}.guard-rule{padding:10px 12px}.guard-rule small{margin-top:2px}}
@media(max-width:1000px){.workflow-body{grid-template-columns:minmax(0,1fr)}.workflow-actors .participants-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.workflow-actors .participant{flex-direction:row;align-items:center;flex-wrap:wrap}.workflow-actors>p{margin-top:10px}.access-arrow{padding:3px 0;gap:3px}.access-arrow>svg{transform:rotate(90deg)}.guard-rules{grid-template-columns:repeat(3,minmax(0,1fr))}.permission-envelope .protocol-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.routine-heading{align-items:start;flex-direction:column;gap:6px}}
@media(max-width:760px){.guard-rules{grid-template-columns:1fr}}
@media(max-width:620px){.routine-workflow{padding:22px 16px}.permission-envelope{padding:16px}.permission-envelope-title{flex-wrap:wrap;gap:10px}.permission-envelope-title>span:nth-child(2){flex:1;min-width:140px}.permission-status{margin-left:54px}.workflow-actors .participants-row{grid-template-columns:1fr}.workflow-actors .participant{padding:14px}.permission-envelope .protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-envelope .protocol-tile{padding:12px;min-height:125px}.operator-count-field{grid-template-columns:1fr;gap:10px}}

/* Familiar brands and tangible assets. */
.progress li>button{display:flex;align-items:center;gap:9px;border:0;padding:7px 5px;background:transparent;border-radius:7px;color:inherit;font:inherit;text-align:left;white-space:nowrap}
.progress li>button:not(:disabled){cursor:pointer}.progress li>button:not(:disabled):hover{background:#edf3fc;color:var(--blue)}.progress li>button:disabled{cursor:default;opacity:1}.progress li.visited{color:var(--blue)}
.progress li>button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:620px){.progress{gap:10px}.progress li>button{padding:9px 3px}}
.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size,28px);height:var(--icon-size,28px);flex-shrink:0;vertical-align:middle}
.brand-icon img{width:100%;height:100%;object-fit:contain;display:block}
.token-icon{border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e4eaf2,0 3px 8px #0b173012}
.fallback-icon{border-radius:9px;background:#655333;color:#f2deaa;font-size:12px;font-weight:600}
.pill .brand-icon{margin-right:4px}.pills .pill:has(.brand-icon){padding:10px 16px 10px 11px;gap:8px}
.token-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.token-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;background:#f0f4fa;color:#30476b;border:1px solid #d8e2f0;border-radius:22px;font-size:14px}
.canvas .token-chip{background:#182d4b;border-color:#405676;color:#d8e6fa}
.protocol-intents{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.protocol-intents>p{font-size:14px;color:var(--muted);margin:8px 0 18px}
.intent-row{border:1px solid var(--line);border-radius:12px;padding:17px 18px;margin-top:12px;background:#fafbfe}
.intent-name{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.intent-name strong{font-size:16px;color:var(--ink)}
.operation-checklist{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:14px}
.operation-choice{display:flex;gap:7px;align-items:center;font-size:14px;line-height:1.5;color:#687790;cursor:pointer}
.operation-choice input{width:16px;height:16px;accent-color:#367c67;flex-shrink:0;margin:0}.operation-choice.on{color:#285d4d}
.checklist-key{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.6;color:#9ec5b6;margin:-3px 0 15px}
.permission-envelope .protocol-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:stretch}
.graph-node.protocol-tile{padding:0!important;display:block;min-height:0!important;overflow:hidden;background:#142740;border-color:#47617b;cursor:default}
.protocol-card-heading{padding:17px 16px 14px;display:flex;gap:12px;align-items:center;width:100%;background:transparent;border:0;text-align:left;color:#e8f0ff;min-width:0}
.protocol-card-heading:hover{background:#203c59}.protocol-card-heading h3{margin:0 0 3px!important;font-size:16px!important}.protocol-card-heading small{font-size:12px;line-height:1.4;color:#a8c0dc}
.protocol-card-heading>.brand-icon{padding:5px;border-radius:10px;box-sizing:content-box;background:#fff}
.protocol-tile .operation-checklist{margin:0;padding:13px 16px 17px;border-top:1px solid #354d65;display:grid;gap:8px}
.protocol-tile .operation-choice{color:#b2bfd2;font-size:14px}.protocol-tile .operation-choice.on{color:#d1f5df}
.protocol-tile .operation-choice input{accent-color:#6ec49e}
.custom-protocol .protocol-card-heading small{color:#dec58f}

/* A small marker on the administration path. */
.delay-tier{position:relative;z-index:2;padding:16px 0;display:flex;justify-content:center}
.delay-chip{display:inline-flex;align-items:center;gap:8px;width:auto;max-width:100%;padding:8px 12px;border:1px solid #6b6398;border-radius:24px;background:#252541;color:#ded6f4;font-size:13px;line-height:20px;text-align:left}
.delay-chip>svg{color:#b9a5eb;flex-shrink:0}.delay-chip strong{font-weight:600}.delay-chip:hover{border-color:#ae99d8;background:#302e50}.delay-veto{display:flex;align-items:center;gap:5px;padding-left:9px;margin-left:2px;border-left:1px solid #61547f;color:#c6b4e5;font-size:12px}
.security-preview .delay-tier{justify-content:flex-start;padding:20px 0 0}.dialog-body .delay-tier{padding:18px 0 0;justify-content:flex-start}
/* Safe previews retain the entered address while labeling every fixture. */
.safe-import-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:34px;align-items:start}
.safe-entry h2{margin-bottom:20px}.safe-entry textarea{min-height:106px;resize:vertical;font-family:var(--mono);line-height:1.6;overflow-wrap:anywhere}.safe-entry .helper{margin-top:9px}
.safe-entry-actions{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:18px}.safe-entry-actions .field{min-width:170px}.demo-explainer{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px dashed var(--line);padding-top:16px;margin-top:22px}
.safe-import-summary>h3{margin-top:16px}.safe-import-summary>p,.safe-import-summary li{font-size:14px;color:var(--muted);line-height:1.7}.safe-import-summary>p{margin-top:12px}.safe-import-summary ul{padding-left:19px;margin:18px 0}
.safe-preview-list{display:grid;gap:18px}.safe-preview{padding:22px;border:1px solid #e1e6ee;border-radius:14px;background:#fff}.safe-preview.is-included{border-color:#9eb4d5;box-shadow:0 3px 13px #23447707}.safe-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.safe-select{display:flex;gap:12px;align-items:center;min-width:0;cursor:pointer}.safe-select input{width:16px;height:16px;accent-color:#3269c7;flex-shrink:0}.safe-select strong{font-size:16px;font-weight:550;display:block}.safe-select small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.safe-mark{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid #c6d4e9;border-radius:12px;background:#edf3fc;color:#4a70a8;flex-shrink:0}
.safe-full-address{display:block;font-size:12px;color:#627491;overflow-wrap:anywhere;margin:16px 0}.safe-profile{border-top:1px solid var(--line);padding-top:17px;margin-top:15px}.profile-label{text-transform:uppercase;letter-spacing:.06em;color:#7d8796;font-size:12px;font-family:var(--mono);margin-bottom:14px}
.safe-owners{display:flex;gap:13px;align-items:center}.owner-faces{display:flex;padding-left:5px;flex-shrink:0}.owner-faces>span{height:28px;width:28px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;margin-left:-5px;background:#dde6fb;color:#4a6490;font-size:12px}.owner-faces>span:nth-child(2n){background:#e4dbf6;color:#685287}.owner-faces>span:nth-child(3n){background:#cee9e1;color:#3b7361}.safe-owners strong{font-size:14px;display:block;font-weight:550}.safe-owners small{font-size:12px;color:#758198;display:block;margin-top:4px;line-height:1.5}
.safe-holdings{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:17px;border-top:1px dashed #dce3ee}.safe-holdings>div{display:flex;align-items:center;gap:8px;min-width:85px}.safe-holdings strong{font-size:14px;font-weight:550;display:block}.safe-holdings small{display:block;font-size:12px;color:#7c879a;margin-top:2px}
.mapping-field{display:flex!important;align-items:center;gap:14px;margin-top:20px!important;font-size:14px}.mapping-field select{width:auto;flex:1;max-width:240px}
.vault-card .safe-data-tag{display:inline-block;color:#a1b9d7;font-size:12px;margin-top:8px}.vault-card .safe-owners{margin-top:15px;align-items:start;flex-wrap:wrap;gap:9px}.vault-card .safe-owners small{color:#a5b7d0}.vault-card .safe-holdings{border-color:#3b5373;gap:13px}.vault-card .safe-holdings small{color:#b1c4dd}.vault-card .owner-faces>span{border-color:#112344}.vault-card .node-explore{display:block;font-size:12px;color:#9fbedf;margin-top:16px}.owner-addresses{margin-top:20px;display:grid;gap:9px}.owner-addresses>div{display:flex;justify-content:space-between;gap:20px;padding-top:9px;border-top:1px solid var(--line);font-size:14px}.owner-addresses code{font-size:12px;color:var(--muted)}

/* Details stay beside the interaction, with native dialog focus handling. */
body:has(dialog[open]){overflow:hidden}
.detail-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(590px,calc(100vw - 32px));max-height:min(820px,calc(100dvh - 48px));border:1px solid #dae1ec;border-radius:20px;background:#fff;color:var(--text);box-shadow:0 35px 110px #030b2966;overflow:hidden}
.detail-dialog[open]{display:flex;flex-direction:column}.detail-dialog::backdrop{background:#09182c9e;backdrop-filter:blur(5px)}
.dialog-top{display:flex;align-items:center;gap:11px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:14px;color:#75839b;flex-shrink:0}.dialog-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3fd;color:#4771b1}.dialog-close{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;border:0;background:#f1f4f8;border-radius:50%;color:#51647f}.dialog-close:hover{background:#e3eaf5}
.dialog-body{padding:25px 26px 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.dialog-body h2{font-size:24px;line-height:1.3;padding-right:5px}.dialog-description{font-size:16px;line-height:1.7;color:#66758d;margin-top:14px}.dialog-body .modal-section{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}.modal-section h3{font-size:16px}.modal-section p,.modal-section li{font-size:14px;color:#6b7c93;line-height:1.7}.modal-section p{margin:10px 0}.modal-section ol{padding-left:21px;margin-top:13px}.modal-section li{padding-left:3px;margin-bottom:10px}.dialog-body .timelock-node{gap:13px;padding:20px 16px}.dialog-body .time-dial{width:65px;height:65px}.dialog-body .time-track{flex-wrap:wrap}.dialog-body .operation-checklist{gap:13px 25px;margin:20px 0}.dialog-body .operation-choice{font-size:16px}.dialog-body .operation-choice input{height:18px;width:18px}
.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f8fafd;border-top:1px solid var(--line);padding:16px 22px;flex-shrink:0}.dialog-footer small{font-size:12px;color:#7a879c}.dialog-footer .btn{padding:10px 21px}
.modal-protections{background:#eff7f3;border:1px solid #d2e8df;border-radius:12px;padding:16px;display:grid;gap:13px;font-size:14px;color:#367b61}.modal-protections>span{display:flex;align-items:center;gap:9px}
.permission-walkthrough{margin-top:25px;border:1px solid #dae5ef;border-radius:13px;overflow:hidden}.permission-walkthrough>div{display:flex;gap:14px;padding:17px;background:#f8fafd}.permission-walkthrough>div+div{border-top:1px solid #dae5ef}.permission-walkthrough b{font-family:var(--mono);font-size:12px;color:#608a77;padding-top:3px}.permission-walkthrough strong{display:block;font-size:14px;font-weight:550}.permission-walkthrough small{display:block;font-size:14px;line-height:1.6;color:#6c7e94;margin-top:5px}.modal-stat{display:flex;align-items:center;gap:18px;background:#eef3ff;padding:22px;border-radius:12px;margin:22px 0 12px}.modal-stat strong{font-size:40px;color:#4167a2}.modal-stat span{font-size:16px;color:#5c7091}
@media(max-width:1180px){.safe-import-layout{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.time-dial{width:74px;height:74px}.timelock-node{padding:20px;gap:17px}}
@media(max-width:1000px){.safe-import-layout{grid-template-columns:1fr}.safe-import-summary{display:none}.permission-envelope .protocol-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}}
@media(max-width:620px){.permission-envelope .protocol-grid{grid-template-columns:1fr}.protocol-tile .operation-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px}.protocol-card-heading{padding:16px}.timelock-node{gap:14px;padding:20px 15px;align-items:start}.time-dial{width:60px;height:60px;margin-top:3px}.time-dial>span{font-size:24px}.time-dial>svg{width:45px;height:45px}.time-content>strong{font-size:14px;line-height:1.5}.time-track{flex-wrap:wrap;gap:7px}.time-track span{font-size:12px}.time-track .wait-phase{order:3;width:100%;justify-content:center;margin-top:4px}.time-track i{flex:1}.time-track i:nth-of-type(2){display:none}.safe-entry-actions{align-items:stretch;flex-direction:column;gap:14px}.safe-entry-actions .field{min-width:0}.safe-preview{padding:18px 16px}.safe-owners{flex-wrap:wrap;gap:10px}.safe-holdings{gap:17px}.safe-select{gap:9px}.safe-select strong{font-size:14px}.detail-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px);border-radius:16px}.dialog-body{padding:20px}.dialog-body h2{font-size:22px}.dialog-top{padding:14px 17px}.dialog-footer{padding:14px 17px}.dialog-body .timelock-node{flex-direction:column}.dialog-body .time-content{width:100%}.dialog-body .delay-tier{padding:24px 0 0}.checklist-key{align-items:start}.checklist-key svg{flex-shrink:0;margin-top:3px}}

/* Keep the sketch compact; explore actions and conditions in a dialog. */
.permission-envelope{padding:18px;border-width:1px;border-radius:14px;box-shadow:none}
.permission-envelope-title{gap:10px;padding-bottom:14px}.permission-envelope-title strong{font-size:15px}.permission-envelope-title small{font-size:12px;margin-top:3px}.permission-seal{width:34px;height:34px;border-radius:9px}
.protected-protocols{margin-top:16px}.permission-envelope .protocol-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.permission-envelope .protocol-heading{font-size:12px;margin-bottom:10px}
.compact-protocol .protocol-card-heading{padding:11px 12px;min-height:60px;gap:9px}.compact-protocol .protocol-card-heading>.brand-icon{padding:3px;border-radius:9px}.compact-protocol .protocol-card-heading>span:nth-child(2){min-width:0;flex:1}.compact-protocol .protocol-card-heading h3{font-size:14px!important;line-height:1.35;margin:0!important}.protocol-open{font-size:14px;color:#94abc5;flex-shrink:0}
.protection-link{display:inline-flex;align-items:center;gap:7px;padding:0;margin-top:14px;border:0;background:none;color:#a9cabb;font-size:12px}.protection-link:hover{color:#d7f1e5}
.protocol-options h3{font-size:14px;color:#6f7e94;font-weight:400}.protocol-options .operation-checklist{margin:16px 0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.protocol-options>p{margin-top:18px;font-size:13px}
.protection-ideas h3{font-size:14px;margin:20px 0 12px}.protection-ideas>button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;color:#377860}.protection-ideas>button>span{flex:1}.protection-ideas strong{display:block;font-weight:500;font-size:14px;color:var(--ink)}.protection-ideas small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.protection-ideas>button:hover strong{color:var(--blue)}
@media(max-width:620px){.permission-envelope{padding:14px}.permission-envelope .protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-protocol .protocol-card-heading{padding:11px 9px;min-height:64px;gap:8px;flex-wrap:wrap}.compact-protocol .protocol-card-heading h3{font-size:13px!important}.compact-protocol .protocol-open{display:none}.permission-status{margin-left:auto}.permission-envelope-title>span:nth-child(2){min-width:140px}.delay-chip{padding:7px 10px;gap:6px;font-size:12px}.delay-veto{padding-left:7px;font-size:11px}}

/* Keep the active question in a stable frame, including on small screens. */
.question-layout{min-height:calc(100svh - 40px);overflow-anchor:none}
#question-form{min-height:min(620px,calc(100svh - 40px));display:flex;flex-direction:column;scroll-margin-top:20px;overflow-anchor:none}
.question-content{padding-bottom:26px}
#question-form .question-footer{margin-top:auto}
.question-enter{animation:question-appear 180ms ease-out both}
@keyframes question-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.question-enter{animation:none}}

/* Existing Zodiac: address → detected modules → converted constellation. */
.snapshot-facts{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;color:var(--ink);font-size:14px}.snapshot-facts>span{display:inline-flex;align-items:center;gap:7px}.snapshot-address{display:flex;flex-direction:column;gap:5px;margin:16px 0;color:var(--muted);font-size:13px}.snapshot-address code{overflow-wrap:anywhere;color:var(--ink);font-size:13px}.reference-profile>.helper{font-size:12px;margin-top:13px}
.scan-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.scan-badges>span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;background:#f1f3f7;color:#6b7c93;border-radius:6px;font-size:12px}.scan-badges>span.found{background:#eaf5f0;color:#397862}.scan-badges>small{font-size:12px;color:var(--muted);margin-left:auto}
.detection-list{display:grid;gap:22px}.detection-card{padding:24px;border:1px solid #ccd8e8;border-radius:14px;background:#fff}.detection-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:22px}.detection-head h2{font-size:18px}.detection-head p{font-size:13px;color:var(--muted);margin-top:7px}.detected-modules{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detected-module{display:flex;align-items:center;gap:13px;padding:17px;border:1px dashed #d4dce8;border-radius:10px;color:var(--muted);min-width:0}.detected-module.is-found{border:1px solid #bbcbe2;background:#f7faff}.detected-module h3{font-size:15px;color:var(--ink)}.detected-module p{font-size:12px;line-height:1.6;margin-top:6px}.module-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#e9eff9;color:#5579ae;flex-shrink:0}.module-symbol.roles{background:#e7f3ef;color:#508773}.module-symbol.delay{background:#eee9f9;color:#8e76b8}.module-result{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;margin-left:auto;white-space:nowrap}.is-found .module-result{color:#397862}.detected-route{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:14px}.detected-route>small{font-size:12px;color:var(--muted)}.demo-scenario{margin-top:17px}.demo-scenario summary{font-size:12px;cursor:pointer;color:var(--muted);width:fit-content}.demo-scenario .field{margin-top:12px;font-size:13px;max-width:300px}.demo-scenario select{margin-top:6px}
.converted-safe-group{padding:26px}.converted-safe-group+.converted-safe-group{border-top:1px solid #283c59}.conversion-chain{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;color:#b9cbe5;font-size:13px}.conversion-chain>span{color:#8da3c3;font-size:12px}.converted-path{display:flex;gap:12px;align-items:center}.converted-node{position:relative;flex:1;min-width:0;padding:19px 16px;border:1px solid #577198;background:#192d4b;color:#e6edfb;border-radius:12px;text-align:left;transition:background .15s,border-color .15s}.converted-node:hover{background:#243e60;border-color:#a5c0e5}.converted-node:focus-visible{outline:2px solid #c8dcff;outline-offset:4px}.converted-node.roles{border-color:#468675;background:#14352f}.converted-node.roles:hover{background:#1c493f}.converted-node.delay{border-color:#8071ad;background:#292740}.converted-node.delay:hover{background:#353152}.converted-node .module-symbol{width:31px;height:31px;margin:14px 0;background:#ffffff12;color:inherit}.converted-node .node-kind{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#a5bddf}.converted-node.roles .node-kind{color:#a2d1bd}.converted-node.delay .node-kind{color:#c7b6ec}.converted-node h3{font-size:16px;line-height:1.4;color:#fff}.converted-node p{font-size:12px;line-height:1.6;color:#b2c6e2;margin-top:8px}.converted-node>small{display:block;font-size:12px;color:#91a9ca;margin-top:6px;overflow-wrap:anywhere}.converted-node .node-explore{display:block;margin-top:18px;font-size:12px;color:#bacceb}.converted-member{flex:.65;min-width:0;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;color:#b7c9e5}.converted-member strong{font-size:14px}.converted-member small{font-size:12px;color:#8fa6c6;line-height:1.5}.conversion-arrow{color:#8399bc;display:flex;flex-shrink:0}.conversion-kept{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:22px;color:#96bfae;font-size:12px}.conversion-kept>span{margin-left:auto;color:#e1bf87}
.imported-permissions{margin-top:22px}.imported-permissions h3{display:flex;align-items:center;gap:10px;font-size:15px}.imported-permissions ul{list-style:none;padding:0;margin:14px 0}.imported-permissions li{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--line);font-size:14px}.imported-permissions li>svg{color:#578979;margin-top:3px;flex-shrink:0}.imported-permissions li small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.imported-delay{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.imported-delay>span{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:20px;background:#eeebf5;color:#71608f;font-size:14px}
@media(max-width:1180px){.detected-modules{grid-template-columns:1fr}.converted-path{gap:8px}.converted-node{padding:16px 12px}.converted-member{flex:.7}.converted-node h3{font-size:14px}}
@media(max-width:720px){.detection-card{padding:19px 16px}.detected-module{padding:14px 12px;gap:10px}.module-result{font-size:11px}.module-result svg{display:none}.conversion-chain{flex-wrap:wrap}.converted-safe-group{padding:22px 18px}.converted-path{flex-direction:column;gap:10px}.converted-node{width:100%;padding:17px 18px}.converted-node .module-symbol{position:absolute;right:16px;top:14px;margin:0}.converted-node h3{font-size:16px;margin-top:9px;padding-right:32px}.converted-node .node-explore{margin-top:12px}.converted-member{padding:12px 0;flex:initial}.conversion-arrow{transform:rotate(90deg);padding:3px}.conversion-kept{line-height:1.6}.conversion-kept>span{margin-left:0}.scan-badges>small{margin-left:0}}

.import-header h3{scroll-margin-top:20px}

/* A concise setup brief and a consistent introduction to assisted onboarding. */
.assisted-intro{font-size:14px;color:var(--muted);line-height:1.7;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.assisted-intro strong{color:var(--text);font-weight:500}
.assisted-intro+.start-foot{margin-top:16px}
.brief-summary{margin:22px 0 0;display:grid;gap:0}
.brief-summary>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.brief-summary dt{font-size:13px;color:var(--muted);line-height:1.6}
.brief-summary dd{margin:0;font-size:14px;color:var(--ink);line-height:1.6;overflow-wrap:anywhere}
.brief-summary+.fields{margin-top:22px}
.status-layout .timeline{margin-bottom:20px}
@media(max-width:620px){.brief-summary>div{grid-template-columns:1fr;gap:4px}.brief-summary dt{font-size:12px}.assisted-intro{font-size:13px}.start-foot>span{font-size:13px}}

/* A light handoff from a constellation sketch to everyday use. */
.home-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;padding:0;margin:0}
.home-option,.management-option{position:relative;cursor:pointer;min-width:0}
.home-option input,.management-option input{position:absolute;opacity:0;width:1px;height:1px}
.home-choice{position:relative;display:flex;flex-direction:column;gap:14px;min-height:210px;height:100%;padding:22px;border:1px solid #cdd7e5;border-radius:13px;background:#fff;transition:border-color .15s,background .15s}
.home-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f0f4fa;color:#6580a7}
.home-choice>strong{font-size:16px;color:var(--ink);font-weight:550}
.home-choice>span:not(.home-icon):not(.home-check){font-size:13px;color:var(--muted);line-height:1.6;max-width:250px}
.home-check{position:absolute;top:19px;right:18px;width:20px;height:20px;border:1px solid #c1ccdc;border-radius:50%;display:grid;place-items:center;color:transparent}
.home-option input:checked+.home-choice{background:#f5f8fe;border-color:#668bc5}
.home-option input:checked+.home-choice .home-check{color:#fff;background:#456fa9;border-color:#456fa9}
.home-option input:checked+.home-choice .home-icon{background:#e5edfb;color:#456fa9}
.home-option:hover .home-choice{border-color:#7f9bc6}
.home-option input:focus-visible+.home-choice,.management-option input:focus-visible+span{outline:3px solid #7aa5f5;outline-offset:3px}
.home-footnote{display:flex;gap:8px;align-items:center;margin-top:17px;color:var(--muted);font-size:12px;line-height:1.5}
.home-footnote svg{flex-shrink:0}
.management-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:34px 0 0;min-width:0}
.management-options legend{font-size:18px;color:var(--ink);font-weight:550;padding:0;margin-bottom:8px;letter-spacing:-.025em}
.management-options>p{grid-column:1/-1;font-size:13px;color:var(--muted);margin-bottom:3px}
.management-option>span{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #cdd7e5;border-radius:11px;background:#fff;height:100%}
.management-option>span>svg{color:#7287a8;flex-shrink:0}
.management-option strong{font-size:14px;display:block;color:var(--ink);font-weight:550}
.management-option small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}
.management-option i{width:18px;height:18px;border:1px solid #c1ccdc;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:transparent;margin-left:auto}
.management-option input:checked+span{border-color:#668bc5;background:#f5f8fe}
.management-option input:checked+span i{background:#456fa9;border-color:#456fa9;color:white}
.finish-actions{padding-top:23px;border-top:1px solid var(--line);margin-top:28px}
.finish-continue{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.finish-continue>.helper{font-size:12px}
.toolkit-intro{margin-bottom:24px}
.home-recap{display:flex;gap:9px;align-items:center;font-size:13px;color:#4a6384;padding:13px 16px;background:#f4f7fc;border:1px solid #e2e8f1;border-radius:9px;margin-bottom:22px}
.home-recap>svg{flex-shrink:0}
.home-recap small{color:var(--muted);font-size:12px}
.home-recap>.text-button{font-size:12px;margin-left:auto;flex-shrink:0}
.toolkit-list{display:grid;gap:16px}
.toolkit-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:center;padding:27px 28px;border:1px solid #dce3ed;border-radius:13px;min-width:0}
.toolkit-number{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#8a97ab;display:block;margin-bottom:9px}
.toolkit-copy h2{font-size:20px;line-height:1.35}
.toolkit-copy>p{font-size:13px;line-height:1.75;color:var(--muted);max-width:490px;margin-top:9px}
.toolkit-note{display:block;font-size:12px;color:#8290a4;line-height:1.7;margin-top:9px}
.toolkit-links{display:flex;gap:12px 18px;flex-wrap:wrap;align-items:center;margin-top:15px;min-height:22px}
.toolkit-links>a,.toolkit-links>.text-button{font-size:12px}
.toolkit-links>.text-button{padding:0;text-decoration:underline;text-underline-offset:4px}
.personal-safe-visual{display:flex;gap:10px;align-items:center;justify-content:center;padding:15px 0}
.personal-wallet{display:flex;flex-direction:column;align-items:center;gap:9px;color:#6e82a1;flex-shrink:0}
.personal-wallet>svg{width:40px;height:40px;padding:8px;background:#edf2fa;border-radius:50%}
.personal-wallet small{font-size:10px}
.personal-link{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:9px;color:#99a8bd}
.personal-safe-node{display:flex;align-items:center;flex-direction:column;gap:10px;border:1px solid #a5bad8;border-radius:11px;background:#f6f9ff;padding:20px 13px;color:#6481ae;box-shadow:0 5px 0 #eff3f9}
.personal-safe-node strong{font-size:13px;font-weight:500;color:#345884}
.personal-safe-node>span{display:flex;gap:4px;align-items:center;font-size:10px;padding:5px 7px;border-radius:5px;background:#e7f2ec;color:#59816d}
.pilot-visual{border:1px solid #c3d0e3;border-radius:10px;background:#f7f9fd;overflow:hidden}
.pilot-browser-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid #dce4f0;padding:10px 13px;color:#8594aa;font-size:10px}
.pilot-browser-bar>i{height:4px;width:4px;border-radius:50%;background:#bcc8d9}
.pilot-browser-bar>span{margin-left:auto}
.pilot-batch{display:grid;gap:6px;padding:14px}
.pilot-batch>span{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #e1e8f2;border-radius:6px;font-size:11px;color:#5f7493}
.pilot-batch b{font-weight:500}
.pilot-batch .brand-icon{--icon-size:20px}
.pilot-batch>span>svg{margin-left:auto;color:#7d9c8c}
.pilot-simulation{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-top:1px solid #dee8e4;background:#edf5f1;color:#608471;font-size:10px}
.pilot-status{margin-top:12px;min-height:42px}
.pilot-status small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px}
.pilot-result{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;color:#8a7b62}
.pilot-result.detected{color:#40836b}
.pilot-result.checking{color:#8190a6}
.pilot-result.checking>i{width:9px;height:9px;border:1px solid #d0d8e5;border-top-color:#718aac;border-radius:50%;animation:pilot-spin 1s linear infinite}
@keyframes pilot-spin{to{transform:rotate(360deg)}}
.policy-code-visual{background:#12223d;border:1px solid #273c5b;color:#acbbd3;border-radius:10px;padding:17px 16px;font-family:var(--mono);font-size:10px}
.policy-code-visual>div{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid #2b3c56;color:#99afd0;margin-bottom:13px;font-size:10px}
.policy-code-visual>span{display:flex;gap:7px;align-items:center;line-height:1.7;margin-top:9px}
.policy-code-visual>span>svg{color:#617d9e;flex-shrink:0}
.policy-code-visual small{font-size:9px;color:#657f9e;margin-left:auto}
.policy-code-visual footer{display:flex;gap:10px;align-items:center;margin-top:17px;color:#9ebba9;font-size:10px}
.policy-code-visual footer i{font-style:normal;color:#506e75}
.finish-preview-note{font-size:12px;text-align:right;margin-top:16px}
@media(max-width:1180px){.home-choice{padding:20px 17px}.toolkit-card{grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding:24px}.policy-code-visual small{display:none}.progress{flex-wrap:wrap}}
@media(max-width:720px){.home-options{grid-template-columns:1fr;gap:10px}.home-choice{min-height:0;padding:17px 42px 17px 68px;gap:7px}.home-icon{position:absolute;left:16px;top:18px;width:36px;height:36px}.home-choice>strong{font-size:14px}.home-choice>span:not(.home-icon):not(.home-check){font-size:12px;max-width:none}.home-check{top:19px;right:14px;width:18px;height:18px}.home-footnote{align-items:flex-start;font-size:11px}.management-options{grid-template-columns:1fr;margin-top:28px}.management-options legend{font-size:17px}.management-option>span{padding:16px}.toolkit-card{grid-template-columns:1fr;gap:20px;padding:22px}.personal-safe-visual{justify-content:flex-start;padding:0;gap:17px}.pilot-visual,.policy-code-visual{max-width:320px;width:100%}.toolkit-copy h2{font-size:19px}.home-recap small{display:none}.finish-continue{justify-content:flex-end;gap:10px;max-width:65%}.finish-continue>.helper{font-size:11px;text-align:right}.finish-preview-note{text-align:left}.progress{flex-wrap:nowrap}.policy-code-visual small{display:inline}.finish-actions>.btn{font-size:12px}.toolkit-note{font-size:11px}}

/* A protocol's three execution paths share one set of contract targets. */
.canvas + .canvas{margin-top:28px}
.secured-protocol{padding:22px 26px;border-bottom:1px solid #304561}
.secured-protocol>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.secured-protocol h2{font-size:1.25rem;color:#e9f0fc;overflow-wrap:anywhere}
.secured-mark{color:#b7cdef;display:grid;place-items:center;width:38px;height:38px;border:1px solid #47638a;border-radius:10px;flex-shrink:0}
.secured-count{font-size:.875rem;color:#a3b7d0;margin-left:auto}
.secured-contracts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.secured-contracts button{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#152a46;border:1px solid #355173;border-radius:8px;padding:9px 11px;color:#d7e6f7;text-align:left;font-size:.875rem;min-width:0}
.secured-contracts code{font-size:.8125rem;color:#aac1df;overflow-wrap:anywhere}
.secured-contracts small{font-size:.75rem;color:#b6c3d6}
.secured-contracts button:hover{border-color:#a1bfe5;background:#1e3b5d}
.security-paths{padding:24px 26px;display:grid;gap:18px}
.security-path{--path-color:#c7a9ed;--path-line:#665381;--path-bg:#282339;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.12fr);gap:20px;position:relative;align-items:stretch;padding:16px;border:1px solid var(--path-line);border-radius:13px;background:var(--path-bg)}
.admin-path{--path-color:#ecc787;--path-line:#796545;--path-bg:#2b2a28}
.routine-path{--path-color:#9cdbbf;--path-line:#477b69;--path-bg:#142d2b}
.security-flow-cell,.security-function-cell{position:relative;display:flex;flex-direction:column;gap:9px;background:transparent;border:0;padding:0;color:#e2eafa;min-width:0;text-align:left;justify-content:center;line-height:1.45}
.security-flow-cell>small,.security-function-cell>small{font-size:.8125rem;color:var(--path-color)}
.security-flow-title{display:flex;align-items:center;gap:7px;font-size:.9375rem;min-width:0}
.security-flow-title strong{font-weight:550;overflow-wrap:anywhere}
.security-flow-title svg{color:var(--path-color);flex-shrink:0}
.security-flow-detail,.security-function-cell>span{font-size:.8125rem;color:#b7c4d5;line-height:1.45;overflow-wrap:anywhere}
.security-flow-cell::after{content:'→';position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:var(--path-color);font-size:1rem;pointer-events:none}
.security-function-cell{padding-left:12px;border-left:1px solid var(--path-line)}
.security-function-cell>strong{font-size:.9375rem;font-weight:550}
.security-flow-cell:hover .security-flow-title strong,.security-function-cell:hover>strong{text-decoration:underline;text-underline-offset:4px}
.security-veto{grid-column:2 / -1;display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:6px 10px;background:#35302f;border:1px dashed #98809d;border-radius:7px;font-size:.8125rem;color:#e0c7eb;text-align:left;line-height:1.5;margin-top:-4px}
.security-veto:hover{background:#453747}
.security-map-foot{padding:0 26px 22px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#aabbd1;font-size:.8125rem;line-height:1.5}
.security-example-functions{margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.security-example-functions h3{width:100%;font-size:.875rem;color:var(--muted);margin-bottom:4px}
.security-example-functions>span{display:flex;align-items:center;gap:7px;background:#edf5f0;border:1px solid #c8e1d3;border-radius:7px;padding:8px 11px;font-size:.875rem;color:#376e53}
.security-vault-list{display:grid;gap:8px;margin-top:20px}
.security-vault-list button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#f8fafd;border-radius:9px;padding:13px;color:var(--text)}
.security-vault-list button>span{flex:1;min-width:0;overflow-wrap:anywhere}
.security-vault-list small{display:block;margin-top:4px;color:var(--muted)}
.other-workflow-card{display:flex;align-items:start;gap:12px;width:100%;text-align:left;background:#153c34;border:1px solid #3e7866;border-radius:10px;color:#d7eee5;padding:14px;margin-bottom:14px}
.other-workflow-card>span:nth-child(2){flex:1;min-width:0}
.other-workflow-card strong{display:block;font-size:.875rem}
.other-workflow-card>span>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.55;margin-top:7px;color:#b8d7cb}
.other-workflow-card:hover{border-color:#a3d6bf;background:#1c4c3f}
#other-workflow,#protocol-addresses{font-size:1rem}
.dialog-description{overflow-wrap:anywhere}
@media(max-width:1100px){.security-paths{padding:18px}.security-path{gap:16px;padding:14px}.security-flow-title{flex-wrap:wrap}.security-flow-cell::after{right:-13px}.security-veto{grid-column:1 / -1;margin-top:0}}
@media(max-width:760px){.secured-protocol{padding:20px 16px}.security-paths{padding:16px;gap:16px}.security-path{grid-template-columns:minmax(0,1fr);gap:22px;padding:18px}.security-flow-cell{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr);gap:5px 12px}.security-flow-cell>small{grid-row:1/3;align-self:center}.security-flow-title{flex-wrap:nowrap}.security-flow-detail{grid-column:2}.security-flow-cell::after{content:'↓';right:auto;left:50%;top:auto;bottom:-20px;transform:none}.security-function-cell{border-left:0;border-top:1px solid var(--path-line);padding:13px 0 0;gap:5px}.security-veto{grid-column:1;grid-row:3;margin-bottom:0}.admin-path.has-veto .security-flow-cell:nth-child(2)::after{display:none}.security-map-foot{padding:0 16px 18px}.secured-count{margin-left:0}.secured-contracts button{flex:1;min-width:210px}}

.purpose-option:has(input:focus-visible){outline:3px solid #7aa5f5;outline-offset:3px}.choice-dot{width:8px;height:8px;border-radius:50%;background:white}

.security-map-foot .text-button{color:#b9cbea;font-size:.8125rem}

/* User-provided names and larger plans must remain readable at narrow widths. */
.canvas-head>strong{min-width:0;overflow-wrap:anywhere}
.canvas-head>small{flex-shrink:0}
.pill{max-width:100%;overflow-wrap:anywhere;min-width:0}
.pill .tag,.pill svg,.pill .brand-icon{flex-shrink:0}
.success-head h1,.intro h1,.code-panel h2,.code-panel h3,.detected-route strong{overflow-wrap:anywhere;min-width:0}
.field,.fields,.inline-field,.status-layout>*{min-width:0}
@media(max-width:480px){.inline-field{align-items:stretch;flex-wrap:wrap}.inline-field .field{min-width:0;flex-basis:100%}.inline-field>.btn{margin-left:auto}.canvas-head{flex-wrap:wrap}}
.q-card>p{overflow-wrap:anywhere}

/* Per-vault networks, editable routine functions and optional context notes. */
.chain-icon img{border-radius:50%}
.vault-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:start}
.vault-row input,.vault-row select{height:44px}
.vault-row small{color:var(--muted);font-size:.75rem}
.chain-select{position:relative;display:block}
.chain-select>.brand-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}
.field .chain-select select{padding-left:40px}
.field .chain-select select:disabled{background:var(--soft);color:var(--muted)}
@media(max-width:480px){.vault-row{grid-template-columns:1fr}}
.vault-card .vault-chain{display:flex;align-items:center;gap:7px}
.editable-functions{gap:8px}
.function-chips{display:flex;flex-wrap:wrap;gap:6px}
.function-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 3px 3px 9px;border:1px solid var(--path-line);border-radius:999px;background:#ffffff0d;color:#e2eafa;font-size:.8125rem;font-weight:550;max-width:100%;overflow-wrap:anywhere}
.function-chip button{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:#b7c4d5}
.function-chip button:hover{background:#ffffff1f;color:#fff}
.function-add{display:flex;gap:6px;min-width:0}
.function-add input{flex:1;min-width:0;padding:5px 9px;border:1px dashed var(--path-line);border-radius:8px;background:#ffffff0a;color:#e2eafa;font-size:.8125rem}
.function-add input::placeholder{color:#8e9bb0}
.function-add button{display:grid;place-items:center;flex-shrink:0;width:30px;padding:0;border:1px solid var(--path-line);border-radius:8px;background:transparent;color:var(--path-color)}
.function-add button:hover{background:#ffffff14}
.context-note textarea{min-height:88px}
.context-note .helper{font-weight:400}

/* Todo-style lists: contract addresses, contract operations and allowances. */
.todo-block{margin-top:28px}
.todo-label{display:flex;align-items:baseline;gap:8px;font-size:.875rem;font-weight:550;color:var(--ink)}
.todo-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.todo-item{display:flex;align-items:center;gap:10px;min-height:50px;padding:5px 5px 5px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}
.todo-item>code{flex:1;min-width:0;font-family:var(--mono);font-size:.8125rem;color:var(--ink);overflow-wrap:anywhere}
.todo-text{flex:1;min-width:0;font-size:.9375rem;color:var(--ink);overflow-wrap:anywhere}
.todo-check{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue-soft);color:var(--blue)}
.todo-remove{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted)}
.todo-remove:hover{background:var(--soft);color:var(--ink)}
.todo-add{display:flex;align-items:stretch;gap:8px;margin-top:10px}
.todo-add>.field:first-child{flex:1}
.todo-add>.btn{flex-shrink:0}
.chain-field{width:170px;flex-shrink:0}
.todo-item .chain-field select{min-height:38px;padding-block:6px}
.todo-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.example-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.allowance-editor{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}
.allowance-editor h3{font-size:16px}
.allowance-add>.field:not(:first-child){width:118px;flex-shrink:0}
.default-note{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--green)}
.secured-contracts .brand-icon{margin-right:6px}
.contract-label{flex-shrink:0;font-size:.8125rem;font-weight:550;color:var(--ink)}
.contract-label+code{color:var(--muted)}
@media(max-width:560px){.todo-add{flex-wrap:wrap}.todo-add>.field:first-child{flex-basis:100%}.todo-add>.field:not(:first-child){flex:1;width:auto}.todo-item{flex-wrap:wrap}.todo-item>code{flex-basis:calc(100% - 50px)}.todo-item .chain-field{flex:1;width:auto}}
[data-action="node"].has-note{position:relative}
[data-action="node"].has-note::before{content:'';position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#f2b84b;box-shadow:0 0 0 2px #112344;z-index:2}

/* Browse a broad catalog without making the plan feel large. */
.catalog-picker{margin-top:22px;container-type:inline-size}.picker-search{display:flex;align-items:center;gap:10px;border:1px solid #dbe3ee;border-radius:10px;padding:0 13px;background:#f8fafd;color:#728198;margin-bottom:16px}.picker-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;padding:13px 0;font:inherit;font-size:14px;color:var(--ink)}.picker-search:focus-within{border-color:#658be5;box-shadow:0 0 0 3px #658be512}
.catalog-protocols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-protocol{display:flex;gap:9px;align-items:center;text-align:left;border:1px solid #dde5ef;border-radius:10px;background:#fff;padding:11px 10px;color:#344663;min-width:0;font-size:13px;min-height:48px;transition:background .16s,border-color .16s}.catalog-protocol>span:not(.brand-icon){overflow-wrap:anywhere}.catalog-protocol>svg{margin-left:auto;flex-shrink:0;color:#347765}.catalog-protocol:hover{background:#f3f7fd;border-color:#a2b7d7}.catalog-protocol.is-selected{background:#edf8f3;border-color:#76b49c;color:#275d4c}.catalog-protocol.is-soon{flex-wrap:wrap}.catalog-protocol.is-soon>svg{margin-left:0}.soon-badge{font:10px var(--mono);background:#eaf0fd;color:#5971a1;border-radius:5px;padding:3px 5px;margin-left:auto}
.picker-count{font-size:12px;color:#77859b;margin:13px 0 20px}.picker-results-label{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#7a889e;margin-bottom:9px}.catalog-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 8px;max-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:2px 5px 2px 0;scrollbar-width:thin;scrollbar-color:#c7d4e4 transparent}.catalog-asset{display:flex;gap:8px;align-items:center;text-align:left;padding:8px 5px;border:1px solid transparent;border-radius:9px;background:transparent;min-width:0;color:#334866}.catalog-asset:hover{background:#f0f5fc;border-color:#dfe7f2}.catalog-asset>span:not(.brand-icon){min-width:0;flex:1}.catalog-asset strong{font-size:13px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-asset small{display:block;font-size:11px;color:#8793a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px}.catalog-asset>svg{color:#92a2b7;flex-shrink:0}.selected-assets{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:14px;min-height:40px}.selected-asset{display:flex;align-items:center;gap:7px;background:#edf8f3;border:1px solid #b3d8c7;color:#2a6452;border-radius:20px;padding:5px 8px 5px 5px;font-size:12px}.selected-asset:hover{background:#dcf0e6}.picker-empty{font-size:13px;color:#718199;padding:14px;grid-column:1/-1}.fallback-icon{background:hsl(var(--brand-hue,210) 55% 92%);color:hsl(var(--brand-hue,210) 48% 35%);border-radius:50%;font-size:10px}
@container(max-width:460px){.catalog-assets{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* A set of optional protections, visibly included when chosen. */
.security-cards{display:grid;gap:14px;margin-top:24px}.security-card{padding:20px;border:1px solid #dfe5ef;border-radius:14px;background:linear-gradient(135deg,#fff,#fafbfe);transition:border-color .18s,box-shadow .18s,background .18s}.security-card.is-included{border-color:#89b9a7;background:linear-gradient(135deg,#f5fcf8,#fbfdfc);box-shadow:0 0 0 3px #5ba48508}.security-card-head{display:flex;align-items:center;gap:10px}.security-card-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#edf1fa;color:#657aa0;flex-shrink:0}.is-included .security-card-icon{background:#def0e7;color:#348568}.security-card h3{font-size:15px;font-weight:550;flex:1;min-width:0}.security-badge{display:flex;align-items:center;gap:4px;color:#8a97ab;font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.is-included .security-badge{color:#348568}.security-clear{display:grid;place-items:center;border:0;background:transparent;color:#779487;padding:4px;border-radius:5px}.security-clear[hidden]{display:none}.security-clear:hover{background:#dceee4}.security-card>p{font-size:13px;line-height:1.6;color:#77859c;margin:11px 0 15px}.security-options{gap:7px}.security-options .pill{padding:7px 10px!important;font-size:12px!important;gap:5px;min-height:34px}.security-options .pill[aria-pressed=true]{background:#e4f2ea;border-color:#68a48e;color:#2d705a}.security-custom{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #dce6e1;margin-top:15px;padding-top:15px}.security-custom.single{max-width:210px;grid-template-columns:1fr}.security-custom .field{font-size:12px}.security-custom input,.security-custom select{padding:10px;font-size:14px;width:100%;box-sizing:border-box}.security-note{display:flex;align-items:center;gap:8px;margin-top:19px}
.success-orbit{display:grid;place-items:center;color:#367c63;background:#e5f4ec;border:1px solid #b9dccb;box-shadow:0 0 0 8px #f2faf6;width:62px;height:62px;border-radius:50%;margin-bottom:27px}.next-steps-card{border:1px solid #dfe7ee;border-radius:16px;padding:28px;background:#fff}.next-steps-card>h2{font-size:20px;margin-bottom:28px}.timeline .is-complete .disc{background:#e0f1e7;color:#398064;border-color:#b3d4c1}.timeline h3 small{font-size:10px;color:#398064;background:#eaf5ee;padding:3px 6px;border-radius:4px;font-weight:500;margin-left:5px}.next-steps-card .actions{flex-wrap:wrap}.success-intro{scroll-margin-top:20px}
@media(max-width:1100px){.catalog-protocols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.catalog-protocol{font-size:12px;padding:9px 8px;gap:7px}.catalog-protocol .brand-icon{width:21px;height:21px}.catalog-protocol.is-soon{flex-wrap:wrap}.catalog-assets{gap:2px;max-height:280px}.catalog-asset{gap:7px;padding:8px 3px}.catalog-asset>.brand-icon{width:23px;height:23px}.catalog-asset>svg{display:none}.catalog-asset strong{font-size:12px}.catalog-asset small{font-size:10px}.security-card{padding:15px 12px}.security-card-head{gap:7px;flex-wrap:wrap}.security-card h3{font-size:14px}.security-badge{font-size:9px}.security-custom{gap:8px}.next-steps-card{padding:20px 16px}}

/* Public acquisition shell; no account or workspace exists yet. */
.landing-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 40px;border-bottom:1px solid var(--line);background:#fff}
.landing-header img{display:block}.landing-header>a:last-child{font-size:13px;color:var(--muted);text-decoration:none}.landing-header strong{color:var(--ink);font-weight:550}
.landing-onboarding .content{max-width:1250px}.signup-panel{margin-top:28px}.signup-panel h2{font-size:21px}.signup-panel p{max-width:580px}.signup-panel .helper{margin-top:9px}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Keep sending the plan visible as the final assisted onboarding step. */
.landing-onboarding .progress .send-stage{color:var(--blue)}
.landing-onboarding .progress .send-stage>button{background:var(--blue-soft);padding-inline:12px}
.overview-submit{display:flex;justify-content:flex-end;margin-top:24px}
.send-plan-panel{border-color:#a5bcdf;background:var(--blue-soft);margin:0 0 24px}
.send-plan-panel>.btn{flex-shrink:0}
.overview-secondary{flex-wrap:wrap}
.send-review-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:28px;align-items:start}
.send-review-layout>*{min-width:0}
.send-review-form{grid-column:2;grid-row:1;position:sticky;top:24px;border-color:#a5bcdf;background:#f7faff}
.send-review-form .eyebrow{color:var(--blue);font-size:11px}
.send-review-summary{grid-column:1;grid-row:1}
.brief-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.send-notes summary{cursor:pointer;color:var(--blue);font-size:.875rem;padding:8px 0}
.send-notes summary .helper{margin-left:6px}
.send-notes .field{margin-top:12px}
.send-form-action{margin:24px 0 12px}
.send-plan-button{width:100%;min-height:48px;justify-content:center}
.send-form-action+.helper{text-align:center}
.send-summary-action{margin-top:24px;display:grid;gap:14px}
.send-next-steps{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.send-next-steps>h2{font-size:20px}
@media(min-width:961px){.send-next-steps .timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.send-next-steps .timeline li{padding-bottom:0}.send-next-steps .timeline li::after{display:none}}
@media(max-width:960px){.send-review-layout{grid-template-columns:1fr;gap:20px}.send-review-form,.send-review-summary{grid-column:auto;grid-row:auto}.send-review-form{position:static}}
@media(max-width:720px){.landing-onboarding .progress{flex-wrap:wrap;overflow:visible;gap:8px 14px}.landing-onboarding .progress li{white-space:normal}.landing-onboarding .progress li>button{white-space:normal;font-size:12px}.overview-submit>.btn,.send-plan-panel>.btn{width:100%;justify-content:center}.send-review-layout .q-card{padding:22px 18px}}
@media(max-width:600px){.landing-header{padding:18px 20px}.landing-header>a:last-child{max-width:150px;text-align:right;line-height:1.5}.landing-header img{width:105px}}