:root {color-scheme:dark;--bg:#0b0e17;--panel:#151b29;--text:#edf4ff;--muted:#acb9cd;--line:#354259;--accent:#8bffc0;--ink:#0a2117;--end:#86dae9;--field:#0f1521;font:16px/1.6 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 48%),var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent)}button,input,select{font:inherit}button,.button{background:linear-gradient(115deg,var(--accent),var(--end));color:var(--ink);border:1px solid transparent;border-radius:12px;padding:.8rem 1.2rem;font-weight:700;cursor:pointer;display:inline-block;text-decoration:none}button:disabled{opacity:.6;cursor:wait}.secondary{color:var(--text);background:var(--field);border-color:var(--line)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{max-width:1300px;margin:auto;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{font-size:1.6rem;font-weight:800;text-decoration:none;color:var(--text);white-space:nowrap}.mark{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:14px;background:linear-gradient(140deg,var(--accent),var(--end));color:var(--ink);margin-right:.3rem}.preferences{display:flex;gap:.8rem;flex-wrap:wrap}.preferences label{font-size:.75rem;color:var(--muted)}label{display:grid;gap:.4rem}input,select{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.6rem;min-width:0}main{max-width:1080px;margin:auto;padding:3rem 2rem}.hero{padding:1rem 0 2.5rem;max-width:860px}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:750;color:var(--accent)}h1{font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:-.055em;line-height:1.08;margin:1.2rem 0}h2{line-height:1.25;letter-spacing:-.025em}.lead{font-size:1.65rem;margin-bottom:.3rem}.muted,.release-note{color:var(--muted)}.panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel));border:1px solid var(--line);border-radius:22px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 18px 70px #0002}.section-head{display:flex;gap:1rem;align-items:center;justify-content:space-between}form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}form p,form button{grid-column:1/-1}form button{justify-self:start}.workspace-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.workspace{background:var(--field);border:1px solid var(--line);border-radius:12px;padding:1rem}.workspace h3{margin:0}.workspace p{margin:.3rem 0}.badge{font-size:.8rem;padding:.3rem .65rem;border:1px solid var(--line);border-radius:30px;display:inline-block}.release-note{font-size:.88rem;margin-top:2rem;max-width:700px}footer{max-width:1080px;margin:auto;padding:2rem;color:var(--muted);font-size:.8rem}.skip{position:absolute;left:1rem;top:-100px;background:var(--panel);padding:1rem;z-index:5}.skip:focus{top:1rem}[hidden]{display:none!important}#status:not(:empty){padding:1rem;border:1px solid var(--line);border-radius:12px}
:root[data-accent=blue]{--accent:#9dbbff;--end:#9ce8ff;--ink:#102040}:root[data-accent=violet]{--accent:#c9afff;--end:#f1b6ee;--ink:#261039}:root[data-accent=pink]{--accent:#ffaddb;--end:#ffd6b1;--ink:#39132e}:root[data-accent=amber]{--accent:#ffd18a;--end:#ffedaf;--ink:#301e08}:root[data-accent=cyan]{--accent:#80efff;--end:#afffe1;--ink:#07272e}
:root[data-resolved-theme=light]{color-scheme:light;--bg:#f4f7fc;--panel:#fff;--text:#172237;--muted:#4f6078;--line:#bbc8da;--field:#f9fbfe;--accent:#14693b;--end:#126771;--ink:#fff}:root[data-resolved-theme=light][data-accent=blue]{--accent:#264fac;--end:#196875}:root[data-resolved-theme=light][data-accent=violet]{--accent:#623da1;--end:#95356e}:root[data-resolved-theme=light][data-accent=pink]{--accent:#a42e73;--end:#995311}:root[data-resolved-theme=light][data-accent=amber]{--accent:#86530b;--end:#7c6512}:root[data-resolved-theme=light][data-accent=cyan]{--accent:#086779;--end:#216e50}
:root[data-style=clean] body{background:var(--bg)}:root[data-style=clean] .panel{background:var(--panel);box-shadow:none}:root[data-style=clean] button,:root[data-style=clean] .button,:root[data-style=clean] .mark{background:var(--accent)}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:1.2rem;gap:1rem}main{padding:2rem 1.2rem}.preferences{gap:.5rem;width:100%}.preferences label{flex:1 1 80px}.preferences select{width:100%}.panel{padding:1.3rem}form{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.member-controls .role-option{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.5rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--field)}.role-option input{width:1.15rem;height:1.15rem;margin:0;accent-color:var(--accent)}.member-controls .role-option span{font-size:.9rem;color:var(--text)}#accountSearchForm{margin-top:1.5rem}#superuserNotice{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}#adminStepUp{margin:.5rem 0 1rem}
.member-row{padding:1rem 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:1rem;flex-wrap:wrap;overflow-wrap:anywhere}.member-row>div{flex:1;min-width:160px}.member-row p{margin:.2rem 0}.member-controls{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap}.member-controls label{max-width:180px}.member-controls span{font-size:.8rem;color:var(--muted)}#inviteForm{margin-top:1.5rem}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:2rem;max-width:min(520px,90vw)}dialog::backdrop{background:#060c18aa}
textarea{font:inherit;resize:vertical;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.8rem;max-width:100%;min-width:0}summary{cursor:pointer;font-weight:700;padding:.5rem 0;min-height:44px}details[open]>summary{margin-bottom:1rem}.full{grid-column:1/-1}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin:.8rem 0}.toolkit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.toolkit-grid .panel{padding:1.5rem}fieldset{min-width:0;border:1px solid var(--line);border-radius:12px}.lock-grid{display:flex;gap:.8rem;flex-wrap:wrap}.check{display:flex;align-items:center;gap:.5rem}.check input{accent-color:var(--accent)}.studio-form{margin-top:1.5rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--field);padding:1rem;border-radius:12px;max-height:24rem;overflow:auto}.job-row{padding:1rem 0;border-bottom:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.job-row p{width:100%;margin:0}.job-row progress{width:min(260px,100%);accent-color:var(--accent)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.take-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--field)),var(--field));border:1px solid var(--line);padding:1.3rem;border-radius:16px;overflow-wrap:anywhere}.take-card h3{margin:.3rem 0 .8rem}.take-card svg,#playerWaveform svg{width:100%;height:64px;fill:var(--accent)}.take-actions,.player-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.take-actions button,.floating-player button{font-size:.85rem;padding:.5rem .7rem;min-height:44px}.take-actions a{padding:.5rem 0;font-size:.9rem}.floating-player{position:fixed;bottom:1.2rem;right:1.2rem;width:min(500px,calc(100vw - 2.4rem));border:1px solid color-mix(in srgb,var(--accent) 65%,var(--line));background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel));border-radius:22px;padding:1.2rem;box-shadow:0 12px 70px #0007;z-index:10}.floating-player audio{display:block;width:100%;height:44px;margin:.6rem 0}.floating-player strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reopen-player{position:fixed;bottom:1.3rem;right:1.3rem;z-index:10;box-shadow:0 8px 40px #0004}body:has(.floating-player:not([hidden])) footer{padding-bottom:300px}:root[data-style=clean] .take-card,:root[data-style=clean] .floating-player{background:var(--panel)}@media(max-width:760px){.toolkit-grid{grid-template-columns:1fr}.floating-player{bottom:.6rem;right:.6rem;width:calc(100vw - 1.2rem)}.library-grid{grid-template-columns:1fr}}
.billing-row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.billing-row p{flex-basis:100%;margin:.2rem 0}.billing-row small{color:var(--muted)}.billing-price-row{margin:1rem 0;padding:1rem}.billing-price-row input{width:100%;min-width:0}#billingReview{padding:1.4rem;margin:1.5rem 0;border:1px solid var(--accent);border-radius:16px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}.trial-offer{padding:1.2rem;margin:1rem 0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}

#billingOpsReview{padding:1.4rem;margin:1.5rem 0;border:1px solid var(--accent);border-radius:16px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel));overflow-wrap:anywhere}#billingOperations textarea{width:100%;min-height:7rem;resize:vertical}#billingOperations input{min-width:0;max-width:100%}#billingOperations button:disabled{cursor:not-allowed}#billingOperations h3{margin-top:1.8rem}:root[data-style=clean] #billingOpsReview{background:var(--panel)}
#commerce details{margin-top:1.5rem;padding:1.2rem;border:1px solid var(--line);border-radius:16px}#commerce summary{font-size:1.15rem;font-weight:700;margin-bottom:1rem;cursor:pointer}#commerce form{margin:1.2rem 0}#commerce input:not([type=checkbox]),#commerce select,#commerce textarea{max-width:100%;min-width:0;width:100%}#commerce label:has(input[type=checkbox]){grid-column:1/-1}#commerce textarea{min-height:6rem}#commerce pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;color:var(--muted);max-height:18rem;overflow:auto}#referralProgress{width:100%;height:.8rem;accent-color:var(--accent)}#marketReview{padding:1.5rem;border:1px solid var(--accent);border-radius:16px;margin:1.5rem 0}#marketResults .take-card{display:flex;flex-direction:column;gap:.65rem}#marketResults .take-card p{margin:0}#commerceModeration article{padding:1rem 0;border-bottom:1px solid var(--line)}#commerce button:disabled{cursor:not-allowed}@media(max-width:650px){#commerce details{padding:.8rem}#commerce form{grid-template-columns:1fr}#commerce{padding:1.1rem}}

/* Keep native checkbox semantics with a consistent control in every workspace. */
input[type="checkbox"]:not([role="switch"]) {
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid;
  place-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  flex: 0 0 20px;
  padding: 0;
  margin: 2px 0;
  vertical-align: middle;
  border: 1.5px solid color-mix(in srgb, var(--muted) 70%, var(--line));
  border-radius: 6px;
  background: var(--field);
  color: var(--ink);
  accent-color: var(--accent);
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
input[type="checkbox"]:not([role="switch"])::before {
  content: "";
  width: 10px;
  height: 6px;
  border: solid currentColor;
  border-width: 0 0 2px 2px;
  transform: translateY(-1px) rotate(-45deg);
  visibility: hidden;
}
input[type="checkbox"]:not([role="switch"]):is(:checked, :indeterminate) {
  background: var(--accent);
  border-color: var(--accent);
}
input[type="checkbox"]:not([role="switch"]):checked::before { visibility: visible; }
input[type="checkbox"]:not([role="switch"]):indeterminate::before {
  height: 2px;
  border: 0;
  background: currentColor;
  transform: none;
  visibility: visible;
}
label:has(> input[type="checkbox"]:not([role="switch"])) {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 44px;
  padding-block: 10px;
  line-height: 1.5;
  cursor: pointer;
}
label:has(> input[type="checkbox"]:not([role="switch"])) > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (hover: hover) {
  input[type="checkbox"]:not([role="switch"]):enabled:hover,
  label:hover > input[type="checkbox"]:not([role="switch"]):enabled {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);
  }
}
input[type="checkbox"]:not([role="switch"]):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
input[type="checkbox"]:not([role="switch"]):disabled { opacity: .45; cursor: not-allowed; }
label:has(> input[type="checkbox"]:not([role="switch"]):disabled) { cursor: not-allowed; }
label:has(> input[type="checkbox"]:not([role="switch"]):disabled) > span { color: var(--muted); }
@media (forced-colors: active) {
  input[type="checkbox"]:not([role="switch"]):is(:enabled, :disabled) {
    appearance: auto;
    -webkit-appearance: auto;
    background: Canvas;
    color: CanvasText;
    border-color: ButtonText;
    box-shadow: none;
    opacity: 1;
    forced-color-adjust: auto;
  }
  input[type="checkbox"]:not([role="switch"])::before { display: none; }
}