*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#20253b;background:#f4f5fa;margin:0;font-family:system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:clamp(16px,3vw,40px)}h1{margin:.2em 0 .6em;font-size:clamp(2rem,4vw,3rem)}h2{margin:0 0 18px;font-size:1.3rem}p{line-height:1.6}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:.15em;color:#635bff;font-size:.75rem;font-weight:700}section{background:#fff;border:1px solid #dfe2ed;border-radius:16px;margin:16px 0;padding:24px}fieldset{border:0;min-width:0;margin:0;padding:0}.workspace-body{grid-template-columns:280px minmax(0,1fr);gap:24px;display:grid}.content{min-width:0}label{flex-direction:column;gap:7px;min-width:0;margin:12px 0;font-size:.9rem;font-weight:600;display:flex}input,select,textarea{color:#20253b;width:100%;font:inherit;background:#fff;border:1px solid #bfc6d7;border-radius:8px;min-width:0;padding:11px}input[type=checkbox]{width:22px;height:22px}input[type=color]{height:45px;padding:3px}textarea{resize:vertical;min-height:90px}button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#554ce6;border:1px solid #0000;border-radius:8px;margin:4px 6px 4px 0;padding:11px 16px}button.secondary{color:#34395c;background:#eef0f8;border-color:#dce0ed}button.selected{background:#222741}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #897fff}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.inline{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.inline label{flex:1}.inline button{margin-bottom:12px}.select-list,.versions{padding:0;list-style:none}.select-list button{text-align:left;width:100%}.select-list small{float:right}nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.badge{color:#4b43b0;background:#eceaff;border-radius:20px;padding:5px 12px;font-size:.8rem}.muted,small{color:#65708a}.error{color:#a52340;background:#ffedf0;border-radius:8px;padding:15px}.success{color:#146c46;background:#e2f6ec;border-radius:8px;padding:15px}[role=dialog]{border:2px solid #635bff;border-radius:12px;margin:20px 0;padding:20px}.versions li{overflow-wrap:anywhere;border-bottom:1px solid #e0e3ec;padding:16px 0}.share{flex-direction:column;align-items:flex-start;gap:15px;padding-top:20px;display:flex}code{overflow-wrap:anywhere;font-size:.8rem}a{color:#4e45d4}.login{max-width:500px;padding-top:10vh}.experience{overflow-wrap:anywhere;background-position:50%;background-size:cover;border-radius:16px;margin:20px 0;padding:clamp(20px,4vw,50px)}.experience section{background:0 0;border:0;padding:0}.experience h2{color:var(--brand-heading);font-size:clamp(1.8rem,4vw,3rem)}.experience p,.experience li{color:var(--brand-body)}.experience button{background:var(--brand-primary);border-radius:var(--brand-radius)}.experience.outline button{border:2px solid var(--brand-primary);color:var(--brand-body);background:0 0}.experience small{color:inherit;opacity:.7}.brand-logo{object-fit:contain;max-width:180px;max-height:90px;margin:0 20px 20px 0}.event-label{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}@media (max-width:760px){.workspace-body,.fields{grid-template-columns:1fr}section{padding:18px}header span{overflow-wrap:anywhere}}
