:root{color:#17201b;background:#f4f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.shell{min-height:100vh;padding:32px}.topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto 24px;display:flex}.eyebrow{color:#57705f;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}h1{max-width:760px;margin:0;font-size:clamp(32px,6vw,64px);line-height:.98}h2{margin:4px 0 0;font-size:26px}.icon-button,.primary-button,.secondary-button,.icon-only{border:0;border-radius:8px;align-items:center;gap:8px;min-height:44px;font-weight:800;display:inline-flex}.icon-button,.primary-button{color:#fff;background:#17201b;padding:0 16px}.secondary-button{color:#17201b;background:#e8ece5;padding:0 16px}.icon-only{color:#17201b;background:#e8ece5;justify-content:center;min-width:44px;padding:0}.summary-band,.vault-tabs,.vault-page{max-width:1180px;margin:0 auto}.summary-band{color:#fff;background:#17201b;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.summary-band div{background:#223029;gap:8px;padding:18px 22px;display:grid}.summary-band span,dt,.preview span,label span{color:#789282;text-transform:uppercase;font-size:12px;font-weight:800}.summary-band strong{font-size:22px}.vault-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.vault-tabs button{color:#17201b;text-align:left;background:#fff;border:1px solid #d9ddd5;border-radius:8px;gap:2px;min-height:66px;padding:12px 14px;display:grid}.vault-tabs button[data-tone=positive].active{border-color:#17915f;box-shadow:inset 0 -4px #17915f}.vault-tabs button[data-tone=negative].active{border-color:#b04747;box-shadow:inset 0 -4px #b04747}.vault-tabs button[data-tone=protective].active{border-color:#4f6ddf;box-shadow:inset 0 -4px #4f6ddf}.vault-tabs span{font-size:18px;font-weight:900}.vault-tabs small{color:#4d5b53;font-size:13px}.vault-page{grid-template-columns:minmax(280px,.9fr) minmax(0,1.45fr);gap:16px;margin-top:16px;display:grid}.vault-details,.action-panel{background:#fff;border:1px solid #d9ddd5;border-radius:8px;gap:20px;padding:24px;display:grid}.vault-page[data-tone=positive] .vault-details{border-top:5px solid #17915f}.vault-page[data-tone=negative] .vault-details{border-top:5px solid #b04747}.vault-page[data-tone=protective] .vault-details{border-top:5px solid #4f6ddf}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.symbol{color:#57705f;font-size:13px;font-weight:900}.vault-details p{color:#4d5b53;margin:0;line-height:1.55}dl{gap:12px;margin:0;display:grid}dl div,.preview div{justify-content:space-between;gap:16px;display:flex}dd{text-align:right;margin:0;font-weight:800}.segmented{background:#edf0ea;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:#4d5b53;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.segmented button.active{color:#17201b;background:#fff}.form-grid{gap:12px;display:grid}label{gap:8px;display:grid}input{color:#17201b;background:#fbfcf8;border:1px solid #cfd6cc;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 12px}input:focus{border-color:#57705f;box-shadow:0 0 0 3px #57705f29}.preview{background:#f6f7f2;border:1px solid #e0e4dc;border-radius:8px;gap:12px;padding:14px;display:grid}.preview strong{text-align:right;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.errors{color:#a23535;gap:6px;margin:0;padding-left:18px;font-weight:800;display:grid}.calldata-row{grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:8px;display:grid}code{color:#fff;overflow-wrap:anywhere;background:#17201b;border-radius:8px;min-height:44px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;display:block}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.status-line{color:#4d5b53;overflow-wrap:anywhere;margin:0;font-weight:800}@media (width<=860px){.shell{padding:20px}.topbar{flex-direction:column;align-items:flex-start}.summary-band,.vault-tabs,.vault-page{grid-template-columns:1fr}}