:root{color:#f7f7f2;background:#0b0d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;padding:2rem;background:radial-gradient(circle at 80% 20%,rgb(73 111 255 / 22%),transparent 35rem),radial-gradient(circle at 10% 90%,rgb(54 211 153 / 14%),transparent 28rem),#0b0d12}.hero,.studio{width:min(100%,56rem)}.hero{position:relative}.ecosystem-switcher{width:fit-content;margin:0 0 2rem auto;position:relative}.ecosystem-switcher summary{display:flex;gap:.45rem;align-items:center;padding:.65rem .9rem;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;background:#ffffff0f;color:#dce2f3;cursor:pointer;font-size:.82rem;font-weight:800;list-style:none}.ecosystem-switcher summary::-webkit-details-marker{display:none}.ecosystem-switcher[open] summary,.ecosystem-switcher summary:hover{border-color:#75e1bd}.ecosystem-switcher>div{position:absolute;top:calc(100% + .7rem);right:0;z-index:20;display:grid;gap:.35rem;width:min(23rem,calc(100vw - 4rem));padding:1rem;border:1px solid rgb(255 255 255 / 14%);border-radius:1rem;background:#11151f;box-shadow:0 1.5rem 5rem #00000073}.ecosystem-switcher p{display:grid;gap:.15rem;margin:0 0 .5rem;padding:0 .5rem .8rem;border-bottom:1px solid rgb(255 255 255 / 10%)}.ecosystem-switcher p span,.ecosystem-switcher a span{color:#8e96a8;font-size:.76rem}.ecosystem-switcher a{display:grid;gap:.15rem;padding:.7rem .75rem;border-radius:.7rem;color:#f7f7f2;text-decoration:none}.ecosystem-switcher a:hover{background:#75e1bd17}.ecosystem-switcher a[aria-current=page]{background:#75e1bd1f;box-shadow:inset 3px 0 #75e1bd}.studio{padding:clamp(1.5rem,4vw,3rem);border:1px solid rgb(255 255 255 / 14%);border-radius:2rem;background:#0d1119d1;box-shadow:0 1.5rem 5rem #00000047}.studio{width:min(100%,72rem)}h2{margin:0;font-size:clamp(2rem,6vw,4rem)}.studio h3{margin:0;font-size:1.2rem}.studio-copy,.next-step{color:#b8bdca;line-height:1.7}.upload-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.file-picker{flex:1;min-width:16rem;padding:.9rem 1.2rem;border:1px dashed rgb(255 255 255 / 28%);border-radius:999px;color:#dce2f3;cursor:pointer}.file-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0}button{border:0;font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.notice{padding:1rem;border-radius:1rem;background:#f4b9421f;color:#ffd47a}.review-panel{margin-top:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.metric{padding:1rem;border-radius:1rem;background:#ffffff0f;text-align:center}.metric strong,.metric span{display:block}.metric strong{font-size:2rem}.metric span{color:#b8bdca;text-transform:capitalize}.metric.create strong{color:#75e1bd}.metric.update strong{color:#8db4ff}.metric.archive strong,.metric.errors strong{color:#f4b942}.change-list{margin:1.25rem 0;display:grid;gap:.6rem;max-height:22rem;overflow:auto}.change-card{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:.8rem;background:#ffffff0d}.change-card small{display:block;margin-top:.2rem;color:#8e96a8;text-transform:capitalize}.badge{min-width:5rem;padding:.3rem .6rem;border-radius:999px;text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:800}.badge.create{color:#75e1bd;background:#75e1bd1f}.badge.update{color:#a9c3ff;background:#496fff2e}.badge.archive{color:#ffd47a;background:#f4b94229}.errors{color:#ffd47a}code{color:#75e1bd}.token-field{display:grid;gap:.5rem;margin:1.5rem 0;color:#b8bdca;font-weight:700}.token-field input{width:min(100%,34rem);padding:.85rem 1rem;border:1px solid rgb(255 255 255 / 18%);border-radius:.8rem;color:#f7f7f2;background:#ffffff0f;font:inherit}.token-field input:focus{border-color:#75e1bd;outline:3px solid rgb(117 225 189 / 18%)}.studio-step{margin-top:2rem;padding-top:2rem;border-top:1px solid rgb(255 255 255 / 12%)}.step-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.2rem}.step-heading>span{display:grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border-radius:50%;color:#08110e;background:#75e1bd;font-weight:900}.step-heading p{margin:.35rem 0 0;color:#8e96a8;line-height:1.5}.track-editor{display:grid;gap:.8rem}.track-card{border:1px solid rgb(255 255 255 / 12%);border-radius:1rem;background:#ffffff0a}.track-card summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.track-card summary span{color:#8e96a8;font-size:.85rem}.track-controls{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.mini-button{padding:.45rem .7rem;border-radius:999px;color:#dce2f3;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24;font-size:.82rem;font-weight:750}.mini-button:hover,.mini-button:focus-visible{color:#08110e;background:#a1f1d5;outline:2px solid rgb(117 225 189 / 35%)}.mini-button.danger{color:#ffd47a;margin-left:auto}.mini-button.danger:hover,.mini-button.danger:focus-visible{color:#221606;background:#ffd47a}.track-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1rem;border-top:1px solid rgb(255 255 255 / 8%)}.track-fields label{display:grid;gap:.4rem;color:#b8bdca;font-size:.82rem;font-weight:750}.track-fields .wide{grid-column:1 / -1}.track-fields input,.track-fields textarea{width:100%;padding:.75rem .8rem;border:1px solid rgb(255 255 255 / 16%);border-radius:.65rem;color:#f7f7f2;background:#0000002e;font:inherit;resize:vertical}.track-fields input:focus,.track-fields textarea:focus{border-color:#75e1bd;outline:3px solid rgb(117 225 189 / 18%)}.track-card fieldset{margin:0;padding:1rem;border:0;border-top:1px solid rgb(255 255 255 / 8%)}.track-card legend{padding-top:1rem;color:#75e1bd;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}.check-grid label{display:flex;gap:.55rem;align-items:flex-start;color:#dce2f3;line-height:1.35}.check-grid input{margin-top:.2rem;accent-color:#75e1bd}.track-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.removal-panel{display:grid;gap:.7rem;padding:1rem;border:1px solid rgb(244 185 66 / 35%);border-radius:1rem;background:#f4b94214;color:#ffd47a}.removal-panel>div{display:flex;justify-content:space-between;gap:1rem;align-items:center}.removal-panel>label{display:flex;gap:.55rem;align-items:flex-start;color:#f7dca5;line-height:1.45}.removal-panel input{margin-top:.25rem;accent-color:#f4b942}.publish-actions{display:flex;flex-wrap:wrap;gap:.8rem}.publish-status{margin-top:1rem;padding:.9rem 1rem;border-radius:.8rem;background:#ffffff0d;color:#b8bdca}.publish-status p{margin:.35rem 0;overflow-wrap:anywhere}@media (max-width: 38rem){.summary-grid,.check-grid,.track-fields{grid-template-columns:1fr}.track-fields .wide{grid-column:auto}.track-card summary{display:grid}}.eyebrow{margin:0 0 1rem;color:#75e1bd;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(4rem,14vw,9rem);line-height:.9;letter-spacing:-.07em}.tagline{margin:2rem 0 0;max-width:18ch;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.05}.summary{margin:2rem 0;max-width:40rem;color:#b8bdca;font-size:1.1rem;line-height:1.7}.button{display:inline-block;padding:.9rem 1.2rem;border-radius:999px;color:#08110e;background:#75e1bd;font-weight:800;text-decoration:none}.actions{display:flex;flex-wrap:wrap;gap:.8rem}.track-list{margin-top:2rem}.track-list p{color:#b8bdca;font-weight:700}.track-list>div{display:flex;flex-wrap:wrap;gap:.6rem}.track-list a{padding:.55rem .8rem;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;color:#dce2f3;text-decoration:none;font-size:.9rem}.track-list a:hover,.track-list a:focus-visible{border-color:#75e1bd;color:#a1f1d5}.button.secondary{color:#dce2f3;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff2e}.button.secondary:hover,.button.secondary:focus-visible{color:#08110e;background:#a1f1d5}.button:hover,.button:focus-visible{background:#a1f1d5;outline:3px solid rgb(117 225 189 / 35%);outline-offset:4px}