html,body,#root{width:100%;min-height:0}body{margin:0;background-color:#0f172a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gemini-instruments{--border: #1f2a44;--text: #e5ecff;--muted: #8ea3c7;--accent-3: #2ed17a;color:var(--text)}.gemini-instruments .subtext{font-size:12px;color:var(--muted)}.gemini-instruments .instrument-row{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.gemini-instruments .instrument-row label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text)}.gemini-instruments .instrument-row input[type=number],.gemini-instruments .instrument-row select{padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:var(--text);outline:none}.gemini-instruments .piano-shell{margin-top:12px;padding:14px;border-radius:18px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.06),transparent 45%),linear-gradient(135deg,#3b261a,#2a1a11 55%,#1b120c);box-shadow:inset 0 2px #ffffff0d,inset 0 -4px 10px #00000080,0 14px 28px #0006;border:1px solid rgba(255,255,255,.08)}.gemini-instruments .piano-rows{display:flex;flex-direction:column;gap:8px;-webkit-user-select:none;user-select:none}.gemini-instruments .piano-row{display:flex;gap:4px;justify-content:center;padding:6px 8px;border-radius:12px;background:linear-gradient(180deg,#0006,#000000b3);box-shadow:inset 0 1px #ffffff0a}.gemini-instruments .piano-key{position:relative;width:42px;height:90px;border:1px solid #3a4b6a;border-radius:8px;background:#f7f9ff;color:#111;cursor:pointer;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;transition:transform 80ms ease,box-shadow 80ms ease}.gemini-instruments .piano-key.black{background:#f7f9ff;color:#111;height:90px;box-shadow:inset 0 -2px #0000000d}.gemini-instruments .piano-key.active,.gemini-instruments .piano-key.held,.gemini-instruments .piano-key.flash{box-shadow:inset 0 0 0 2px var(--accent-3),0 0 10px #2ed17a66;transform:translateY(1px)}.gemini-instruments .voice-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.gemini-instruments .voice-card{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;background:linear-gradient(140deg,#0c121ebf,#080c16e6);color:var(--text);cursor:pointer;box-shadow:0 12px 24px #0000004d,inset 0 1px #ffffff0a;display:flex;align-items:center;gap:10px;transition:transform .12s ease,box-shadow .14s ease,border-color .14s ease}.gemini-instruments .voice-card:hover{transform:translateY(-2px);box-shadow:0 16px 28px #00000059}.gemini-instruments .voice-card.active{border-color:#6dd3ff99;box-shadow:0 16px 30px #6dd3ff33,inset 0 1px #ffffff14}.gemini-instruments .voice-hero{width:70px;height:70px;border-radius:12px;background:linear-gradient(135deg,#ffffff1f,#00000040);box-shadow:inset 0 1px #ffffff0f,0 10px 18px #00000059}.gemini-instruments .voice-hero.grand{background:radial-gradient(circle at 30% 30%,#ffe6b459,#3c1e0ae6)}.gemini-instruments .voice-hero.electric{background:linear-gradient(135deg,#4ac8ff,#7c5bff);box-shadow:inset 0 1px #ffffff14,0 12px 24px #00000059}.gemini-instruments .voice-hero.synth{background:linear-gradient(135deg,#ff5fa2,#6dd3ff);box-shadow:inset 0 1px #ffffff1a,0 12px 24px #00000059;position:relative}.gemini-instruments .voice-hero.synth:after{content:"💋";position:absolute;right:6px;bottom:6px;font-size:18px;opacity:.9}.gemini-instruments .voice-meta{display:flex;flex-direction:column;gap:2px}.gemini-instruments .voice-meta strong{font-size:15px}.gemini-instruments .voice-meta span{font-size:12px;color:var(--muted)}