/* TEAMWAVE Light: homepage paper #f3f0ea, ink #121217. Scope on html or a container. */
[data-tw-theme="light"]{color-scheme:light;--ink:#211c2b;--muted:#756b7f;--line:#c9becd;--panel:#eee7ef;--text:#211c2b}
html[data-tw-theme="light"] body{color:#211c2b;background:radial-gradient(ellipse at 80% 0%,#ead9ed70,transparent 55%),#f3f0ea}
[data-tw-theme="light"] .tw-button{color:#3d304a;border-color:#fffafc #c8bacf #a695b2;background:linear-gradient(145deg,#fffdfb,#e9e1ed 70%,#dfd4e5);box-shadow:inset 0 1px 0 #fff,0 2px 0 #baa9c2,0 5px 9px #45334d18}
[data-tw-theme="light"] .tw-button svg{filter:drop-shadow(0 1px 0 #fff8)}
[data-tw-theme="light"] .tw-button:hover,[data-tw-theme="light"] .tw-button.is-hover{border-color:transparent;background:linear-gradient(145deg,#edf4ff,#f2dfef 65%,#ffead8) padding-box,linear-gradient(110deg,#087cff,#8849ec,#f100c6,#ff7b2f) border-box;color:#3b214b;box-shadow:inset 0 1px 0 #fff,0 2px 0 #b7a1bf,0 5px 13px #74527924}
[data-tw-theme="light"] .tw-button:active,[data-tw-theme="light"] .tw-button.is-pressed{transform:translateY(2px);background:linear-gradient(145deg,#d9d7e7,#e9d9e8);border-color:#af98ba #c9b9d2 #fff9ff;box-shadow:inset 0 2px 4px #6a4c7b22,0 1px 0 #fff8}
[data-tw-theme="light"] .tw-button[aria-pressed="true"],[data-tw-theme="light"] .tw-button.is-active{border-color:transparent;background:linear-gradient(130deg,#c8dfff,#d8c4f2 42%,#f0c7e9 75%,#ffd6b5) padding-box,linear-gradient(110deg,#087cff,#8849ec,#f100c6,#ff7b2f) border-box;color:#34213e;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #b192bd,0 5px 12px #70446b1c}
[data-tw-theme="light"] .tw-button[aria-pressed="true"]:after,[data-tw-theme="light"] .tw-button.is-active:after{background:linear-gradient(90deg,#087cff,#c324bf,#ea7b40);box-shadow:none}
[data-tw-theme="light"] .tw-button--primary{background:linear-gradient(145deg,#534263,#302639 72%,#211b2c);color:#fff8fc;border-color:#786486 #403049 #1c1325;box-shadow:inset 0 1px 1px #ffffff30,0 3px 0 #8e7e99,0 6px 12px #3a244c29}
[data-tw-theme="light"] .tw-button--primary:hover{background:linear-gradient(140deg,#3a4b72,#6c3b79 65%,#8b4b58) padding-box,linear-gradient(110deg,#087cff,#f100c6,#ff7b2f) border-box;color:#fff8fc;border-color:transparent;box-shadow:inset 0 1px 1px #ffffff35,0 3px 0 #8e7e99,0 6px 12px #3a244c29}
[data-tw-theme="light"] .tw-button--primary[aria-pressed="true"]{background:linear-gradient(135deg,#25578c,#703f86 48%,#a34688 80%,#b7714d) padding-box,linear-gradient(110deg,#087cff,#f100c6,#ff7b2f) border-box;color:#fff8fc}
[data-tw-theme="light"] .tw-button:disabled,[data-tw-theme="light"] .tw-button[aria-disabled="true"]{opacity:.4;color:#93819e;background:#e6dfe8;border-color:#d4c8d8;box-shadow:none}
[data-tw-theme="light"] .tw-button:focus-visible,[data-tw-theme="light"] .tw-button.is-focus,[data-tw-theme="light"] .tw-chip:focus-visible{outline-color:#576e9c;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #b4a3bf}
[data-tw-theme="light"] .tw-button-group{background:linear-gradient(145deg,#d9cfdf,#e6dfe9);border-color:#ac9ab7 #d1c3d7 #fffafc;box-shadow:inset 0 2px 5px #6b4b7b24,0 1px 0 #fff9}
[data-tw-theme="light"] .tw-volume input{background:linear-gradient(90deg,#087cff,#b348cb calc(var(--tw-volume,64%)*.65),#ed8b65 var(--tw-volume,64%),#d0c4d5 var(--tw-volume,64%) 100%);box-shadow:inset 0 1px 3px #6b4b7b30,0 1px 0 #fff}
[data-tw-theme="light"] .tw-volume input::-webkit-slider-thumb{border-color:#f2def7 #bca0c6 #8a6b9d;background:linear-gradient(145deg,#fff3ff,#c497d1);box-shadow:inset 0 1px 1px #fff,0 2px 4px #68457433}
[data-tw-theme="light"] .tw-volume input::-moz-range-thumb{border-color:#bca0c6;background:#c497d1;box-shadow:0 2px 4px #68457433}
[data-tw-theme="light"] .tw-chip{background:linear-gradient(145deg,#fffdfb,#e9e1ed);color:#483452;border-color:#fffafc #c8bacf #ae98bb;box-shadow:inset 0 1px 0 #fff,0 2px 0 #bba8c4,0 4px 7px #6b45701a}
[data-tw-theme="light"] .tw-chip:hover{border-color:transparent;background:linear-gradient(135deg,#edf4ff,#f2dfef 65%,#ffead8) padding-box,linear-gradient(110deg,#087cff,#f100c6,#ff7b2f) border-box;color:#34213e}
[data-tw-theme="light"] .tw-chip[aria-pressed="true"],[data-tw-theme="light"] .tw-chip.is-active{border-color:transparent;background:linear-gradient(130deg,#c8dfff,#dac4f1 42%,#f0c7e9 75%,#ffd6b5) padding-box,linear-gradient(110deg,#087cff,#f100c6,#ff7b2f) border-box;color:#34213e;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #b192bd,0 4px 9px #70446b1c}
[data-tw-theme="light"] .tw-chip--outline{background:#f5eff6;border-color:#b79ac5;box-shadow:inset 0 1px 0 #fff,0 1px 0 #c6b3ce}
[data-tw-theme="light"] .tw-chip--blank{color:#887092}
[data-tw-theme="light"] .tw-timeline__rail{background:#d1c5d8;border-color:#b09abb #dacddd #fffafc;box-shadow:inset 0 2px 3px #6b4b7b24,0 1px 0 #fff}
[data-tw-theme="light"] .tw-timeline__buffer{background:#bca7c580}
[data-tw-theme="light"] .tw-timeline input[type=range]::-webkit-slider-thumb{background:linear-gradient(145deg,#fff7ff,#c9a2d6 75%,#ad82bc);border-color:#fff2ff #bea0cb #8d6c9e;box-shadow:inset 0 1px 0 #fff,0 2px 0 #a388af,0 3px 6px #61426833}
[data-tw-theme="light"] .tw-timeline input[type=range]::-moz-range-thumb{background:#c9a2d6;border-color:#a388af;box-shadow:0 2px 4px #61426833}
[data-tw-theme="light"] .tw-timeline__cue:before{background:#8d649e;box-shadow:0 0 0 2px #eee4f2,0 0 0 3px #c0a6cb}
[data-tw-theme="light"] .tw-sats--roller,[data-tw-theme="light"] .tw-sats--slider{background:linear-gradient(#d4c6dc,#e5dbe9);border-color:#b29bbb #d1c0d8 #fff9ff;box-shadow:inset 0 3px 6px #65427333,0 1px 0 #fff}
[data-tw-theme="light"] .tw-sats__drum{background:linear-gradient(180deg,#9b84a6,#d9c9df 23%,#f4ecf6 49%,#cab5d3 76%,#9a7ca7);border-color:#ead9f0 #b49bc0 #8a6d99;box-shadow:inset 0 1px 2px #fff8,0 2px 3px #684d7533}
[data-tw-theme="light"] .tw-sats--roller:hover .tw-sats__drum,[data-tw-theme="light"] .tw-sats--roller.is-dragging .tw-sats__drum{background:linear-gradient(180deg,#a78bb3,#e4d2e8 24%,#fff9fe 49%,#d4b6dc 76%,#9c78af)}
[data-tw-theme="light"] .tw-sats__drum:before{opacity:.55}[data-tw-theme="light"] .tw-sats__drum:after{opacity:.4}
[data-tw-theme="light"] .tw-sats--dial{background:#d5c8de;box-shadow:0 0 0 5px #e7dfea,0 0 0 6px #c7b6d0,0 5px 12px #714c7e24}
[data-tw-theme="light"] .tw-sats--dial:before{background:repeating-conic-gradient(from 0deg,#b5a2c1 0deg 5deg,#e4d9e9 5deg 30deg);border-color:#fff8fc;box-shadow:inset 0 1px 1px #fff,0 2px 3px #684d7526}
[data-tw-theme="light"] .tw-sats__dialface,[data-tw-theme="light"] .tw-sats--dial:hover .tw-sats__dialface,[data-tw-theme="light"] .tw-sats--dial.is-dragging .tw-sats__dialface{background:radial-gradient(ellipse at 35% 15%,#fffafd,#e4d6eb 65%,#c4afce);border-color:#fff8fc #cfbbd8 #a68bb4;box-shadow:inset 0 1px 1px #fff,0 2px 4px #7751852b}
[data-tw-theme="light"] .tw-sats--dial .tw-sats__dialface:before{background:#3c244a;box-shadow:0 1px 1px #fff5}
[data-tw-theme="light"] .tw-sats--dial .tw-sats__dialface:after{color:#47304e}
[data-tw-theme="light"] .tw-sats--mini.tw-sats--dial{box-shadow:0 0 0 2px #e7dfea,0 0 0 3px #c7b6d0,0 3px 6px #714c7e24}
[data-tw-theme="light"] .tw-sats--mini.tw-sats--dial:before{background:repeating-conic-gradient(from 0deg,#b5a2c1 0deg 6deg,#e4d9e9 6deg 45deg)}
[data-tw-theme="light"] .tw-sats__thumb,[data-tw-theme="light"] .tw-sats--slider:hover .tw-sats__thumb{background:linear-gradient(145deg,#f9edf9,#d1badc 65%,#b89bc7);border-color:#fff8fc #c8aed4 #a487b2;box-shadow:inset 0 1px 1px #fff,0 2px 0 #9a7ba8,0 3px 5px #78528124}
[data-tw-theme="light"] .tw-sats__thumb:after{background:repeating-linear-gradient(90deg,#70538355 0 2px,transparent 2px 5px)}
/* Preview surfaces on the kit pages. Component styles above work independently. */
html[data-tw-theme="light"] header{background:#f3f0ea;border-color:#d6c9dc}
html[data-tw-theme="light"] .brand span,html[data-tw-theme="light"] .brand em{background:linear-gradient(90deg,#087cff,#c31cae,#d36b26);background-clip:text;color:transparent}
html[data-tw-theme="light"] :is(.showcase,.tile,.panel,.block,.concept,.config,.label-editor){color:#292131;background:linear-gradient(145deg,#fffaf5,#ece4ef);border-color:#d4c5db;box-shadow:inset 0 1px 0 #fff,0 7px 18px #6d4a7510}
html[data-tw-theme="light"] :is(.timeline-inset,.instrument){background:linear-gradient(145deg,#e1d6e7,#eee6f1);border-color:#bda7c9 #d9cbe0 #fffafc;box-shadow:inset 0 2px 6px #7855841c,0 1px 0 #fff}
html[data-tw-theme="light"] .mini,html[data-tw-theme="light"] .mini-player{background:linear-gradient(#f9eff8,#e8ddec);border-color:#d7bfdc;box-shadow:inset 0 1px 0 #fff}
html[data-tw-theme="light"] .legend{background:#eee6f0;border-color:#d6c4de}
html[data-tw-theme="light"] :is(p,.eyebrow,.back,.sectionhead span,.tile small,.block small,.sample small,.subhead,.note,.tip,.timing,.motionbar,.mini-title,.mini-tag,.mini-value small,.rationale p,.description,.configlabel,.config span,.config small,.mult,.hint,.keyboard,.legend p,.legend strong,.footer p,.intro p,.footer a,.demo-info small,.track small,.cues button){color:#796383}
html[data-tw-theme="light"] :is(.amount,.amount small,.mini-value strong,.rationale strong,.letter){color:#50335f}
html[data-tw-theme="light"] :is(.tag,.presets button,.label-presets button){background:#f2e8f5;color:#714781;border-color:#c6a6d2}
html[data-tw-theme="light"] .download,html[data-tw-theme="light"] .linkbtn{background:linear-gradient(130deg,#d9e7fa,#ebd5ed,#f8ddc8);color:#513159;border-color:#c5a7ce}
html[data-tw-theme="light"] :is(.config input,.editor-controls input[type=text]){background:#fbf7fd;color:#38253f;border-color:#bca4c8 #dacbdf #fff;box-shadow:inset 0 2px 4px #704c7d18}
html[data-tw-theme="light"] .keyboard kbd{background:#fff8fd;border-color:#c6acd2;color:#594164}
html[data-tw-theme="light"] .recommended{border-color:#bc8ece}
html[data-tw-theme="light"] .footer{border-color:#d6c6de}
.tw-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:31px;padding:0 11px;border:1px solid #70537e;border-radius:7px;background:linear-gradient(#3d2f48,#291f33);color:#e8d6f0;font:10px system-ui;cursor:pointer;white-space:nowrap}
[data-tw-theme="light"] .tw-theme-toggle{background:linear-gradient(#fffafc,#e7dceb);color:#51365d;border-color:#c4a7d2;box-shadow:inset 0 1px 0 #fff,0 2px 3px #6d46751a}.tw-theme-toggle:focus-visible{outline:2px solid #8d619e;outline-offset:3px}

@media(max-width:780px){header{flex-wrap:wrap;gap:14px}.tw-theme-toggle{min-height:32px}}
html[data-tw-theme="light"] .art{color:#f3e9f8}