:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f7f9ff;
  background: #171c35;
  --bg: #171c35;
  --panel: #1c2340;
  --panel2: #222b4a;
  --panel3: #283253;
  --border: #344267;
  --soft: #2a3556;
  --muted: #9eabc7;
  --text: #f7f9ff;
  --green: #f15a2a;
  --green-soft: rgba(241,90,42,.14);
  --purple: #4da6e8;
  --blue: #3d9ee8;
  --orange: #f15a2a;
  --pink: #72b8eb;
  --shadow: 0 18px 50px rgba(0,0,0,.26);
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; min-width: 320px; min-height: 100vh; background: radial-gradient(circle at 70% -10%, rgba(241,90,42,.08), transparent 30%), var(--bg); }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button:disabled { opacity: .45; cursor: not-allowed; }
.hidden { display: none !important; }

.topbar {
  min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 14px 22px; border-bottom: 1px solid var(--soft); background: rgba(23,28,53,.96);
  position: sticky; top: 0; z-index: 60; backdrop-filter: blur(18px);
}
.brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.wave-logo { width: 40px; height: 38px; display: flex; align-items: center; justify-content: center; gap: 3px; }
.wave-logo i { display: block; width: 4px; border-radius: 10px; background: var(--green); box-shadow: 0 0 14px rgba(241,90,42,.38); }
.wave-logo i:nth-child(1){height:13px}.wave-logo i:nth-child(2){height:26px}.wave-logo i:nth-child(3){height:35px}.wave-logo i:nth-child(4){height:22px}.wave-logo i:nth-child(5){height:10px}
.brand-title { font-weight: 900; font-style: italic; letter-spacing: .035em; font-size: 20px; line-height: 1; white-space: nowrap; }
.brand-subtitle { color: var(--muted); font-size: 12px; margin-top: 5px; }
.test-badge { border: 1px solid rgba(241,90,42,.38); background: var(--green-soft); color: var(--green); border-radius: 999px; padding: 5px 9px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.header-actions { display: flex; gap: 9px; align-items: center; }

.btn { border: 1px solid var(--border); background: var(--panel2); color: var(--text); border-radius: 10px; padding: 10px 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-weight: 750; transition: .16s ease; }
.btn:hover:not(:disabled) { transform: translateY(-1px); border-color: #49618d; background: #273252; }
.btn.primary { background: var(--green); color: #151a31; border-color: var(--green); box-shadow: 0 8px 24px rgba(241,90,42,.20); }
.btn.primary:hover:not(:disabled) { background: #ff7447; border-color: #ff7447; }
.btn.ghost { background: transparent; }
.btn.compact { padding: 8px 10px; font-size: 12px; }
.btn.full { width: 100%; }
.btn.large { padding: 13px 16px; }
.file-button input { display:none; }

.page { padding: 18px; max-width: 1780px; margin: 0 auto; }
.project-strip { display: grid; grid-template-columns: minmax(430px,1.65fr) minmax(220px,.55fr) minmax(180px,.4fr); gap: 14px; margin-bottom: 14px; }
.premade-card,.status-card,.price-card { border: 1px solid var(--soft); background: linear-gradient(180deg, rgba(34,43,74,.98), rgba(25,32,59,.98)); border-radius: 15px; min-height: 118px; box-shadow: var(--shadow); }
.premade-card { padding: 12px; display: grid; grid-template-columns: 94px 1fr auto; gap: 14px; align-items: center; }
.album-art { width: 94px; height: 94px; border-radius: 12px; background: radial-gradient(circle at 50% 26%, #f8b72e 0, #7e3514 22%, #140d0a 67%); border: 1px solid #59452a; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffd783; letter-spacing: .06em; font-size: 10px; text-align: center; position: relative; }
.album-art::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,transparent,rgba(255,255,255,.08),transparent); }
.album-art .crown { font-size: 35px; line-height: .8; color: #ffd34d; text-shadow: 0 0 14px #ff8b00; }
.album-art strong { font-size: 11px; margin-top: 2px; }
.album-art.small { width: 66px; height: 66px; font-size: 8px; }
.album-art.small .crown { font-size: 24px; }
.premade-copy { min-width: 0; }
.eyebrow { display:block; font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.09em; font-weight:800; }
.premade-copy h1 { margin: 5px 0 8px; font-size: 26px; }
.metadata { display:flex; flex-wrap:wrap; gap:8px; color:#c0ccd3; font-size:12px; }
.metadata span { padding-right:8px; border-right:1px solid var(--border); }
.metadata span:last-child { border-right:0; }
.status-card,.price-card { padding:18px; display:flex; flex-direction:column; justify-content:center; gap:7px; }
.status-card strong { font-size:14px; font-weight:720; }
.price-card strong { font-size:34px; line-height:1; color:var(--green); }
.price-card small { color:var(--muted); font-size:12px; }

.workspace { display:grid; grid-template-columns:248px minmax(650px,1fr) 290px; gap:14px; align-items:start; }
.tool-panel,.editor-panel,.summary-panel { border:1px solid var(--soft); background:var(--panel); border-radius:15px; overflow:hidden; box-shadow:var(--shadow); }
.tool-panel,.summary-panel { position:sticky; top:90px; max-height:calc(100vh - 110px); overflow-y:auto; }
.tool-panel details { border-bottom:1px solid var(--soft); }
.tool-panel summary { list-style:none; width:100%; background:#1a213d; padding:14px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-weight:800; }
.tool-panel summary::-webkit-details-marker { display:none; }
.tool-panel details[open] summary { color:var(--green); background:#222b4a; }
.tool-panel details[open] summary b { transform:rotate(180deg); }
.tool-panel summary b { transition:.16s ease; }
.tool-body { padding:14px; }
.tool-body label,.field-heading { display:block; color:#dbe4e9; font-size:12px; font-weight:750; margin:0 0 7px; }
.tool-body label em { font-weight:500; color:var(--muted); font-style:normal; }
.tool-body input[type=text],.tool-body textarea,.tool-body select { width:100%; border-radius:9px; border:1px solid var(--border); background:#151b33; color:var(--text); padding:9px 10px; margin-bottom:11px; outline:none; }
.tool-body input[type=text]:focus,.tool-body textarea:focus,.tool-body select:focus { border-color:#3d9ee8; box-shadow:0 0 0 3px rgba(241,90,42,.10); }
.tool-body textarea { resize:vertical; min-height:76px; }
.range { width:100%; accent-color:var(--green); }
.tool-inline { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:10px 0; }
.price-pill { font-size:11px; color:var(--green); background:var(--green-soft); border:1px solid rgba(241,90,42,.30); padding:6px 8px; border-radius:999px; white-space:nowrap; }
.helper { color:var(--muted); font-size:11px; line-height:1.45; margin:9px 0 0; }
.helper.flush { margin:0 0 9px; }
.radio-row { display:flex !important; gap:9px; align-items:flex-start; padding:8px 0; color:#e4ebef; cursor:pointer; }
.radio-row input { accent-color:var(--green); margin-top:2px; }
.radio-row span { display:flex; flex-direction:column; gap:2px; }
.radio-row small { color:var(--muted); font-size:10px; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.two-col label { margin:0; }
.two-col select,.two-col input { margin-top:7px; }
.mini-list { display:flex; flex-direction:column; gap:6px; margin-top:10px; }
.mini-item { display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; border:1px solid var(--border); background:#222b4a; border-radius:8px; padding:8px; }
.mini-item span { display:flex; flex-direction:column; gap:2px; min-width:0; }
.mini-item strong { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mini-item small { color:var(--muted); font-size:9px; }
.remove-mini { border:0; background:transparent; color:#ff9c9c; cursor:pointer; font-size:16px; }
.sfx-library { display:flex; flex-direction:column; gap:7px; }
.sfx-item { display:grid; grid-template-columns:30px 1fr 20px; align-items:center; gap:7px; border:1px solid var(--border); background:#222b4a; border-radius:9px; padding:6px; cursor:grab; font-size:12px; }
.sfx-item:hover { border-color:#4d6593; }
.sfx-item.orange{border-left:3px solid var(--orange)}.sfx-item.blue{border-left:3px solid var(--blue)}.sfx-item.green{border-left:3px solid var(--green)}.sfx-item.pink{border-left:3px solid var(--pink)}
.preview-sfx { width:29px; height:29px; border:0; border-radius:8px; display:grid; place-items:center; background:#273152; color:#c7d1d7; cursor:pointer; }
.drag-handle { color:#8290ad; }

.editor-panel { min-width:0; }
.editor-toolbar { min-height:54px; flex-wrap:wrap; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--soft); }

.snap-toggle { display:flex; align-items:center; gap:7px; cursor:pointer; color:#e8eef1; font-size:11px; user-select:none; }
.snap-toggle input { position:absolute; opacity:0; pointer-events:none; }
.toggle-switch { width:34px; height:18px; border-radius:999px; background:#303b5e; border:1px solid #4a5a82; position:relative; transition:.18s ease; }
.toggle-switch::after { content:''; position:absolute; width:12px; height:12px; left:2px; top:2px; border-radius:50%; background:#a9b5ce; transition:.18s ease; }
.snap-toggle input:checked + .toggle-switch { background:rgba(241,90,42,.24); border-color:var(--green); }
.snap-toggle input:checked + .toggle-switch::after { left:18px; background:var(--green); box-shadow:0 0 8px rgba(241,90,42,.50); }
.snap-toggle small { color:var(--green); min-width:22px; font-size:9px; }
.beat-grid { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.beat-line { position:absolute; bottom:0; height:72%; width:1px; background:rgba(190,199,218,.20); }
.beat-line.phrase-start { top:0; bottom:0; height:auto; width:2px; background:rgba(245,247,252,.58); box-shadow:0 0 5px rgba(97,165,230,.12); }
.main-track .beat-line { height:62%; }
.main-track .beat-line.phrase-start { height:auto; }

.zoom-group { display:flex; align-items:center; gap:7px; }
.icon-btn { width:29px; height:29px; border:1px solid var(--border); border-radius:8px; display:grid; place-items:center; background:#273152; color:#c7d1d7; cursor:pointer; }
.zoom-group span { color:var(--muted); font-size:11px; min-width:40px; }

.zoom-range { width: clamp(90px, 13vw, 190px); accent-color: var(--orange); cursor: pointer; }
.zoom-group #zoomLabel { min-width: 44px; color: #f7f9ff; font-variant-numeric: tabular-nums; }
.status-message { color:var(--muted); font-size:11px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.timeline-scroll { overflow-x:auto; }
.timeline { min-width:850px; display:grid; grid-template-columns:152px minmax(690px,1fr); position:relative; width:100%; }
.ruler-spacer { height:42px; border-right:1px solid var(--soft); border-bottom:1px solid var(--soft); background:#0b1116; }
.ruler { height:42px; position:relative; border-bottom:1px solid var(--soft); background:#0b1116; }
.ruler::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(to right,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 2.5%); }
.ruler-mark { position:absolute; top:0; height:100%; width:1px; background:#35434d; }
.ruler-mark span { position:absolute; top:8px; left:5px; font-size:10px; color:var(--muted); white-space:nowrap; }
.track-label { min-height:72px; padding:10px 9px; display:grid; grid-template-columns:29px 1fr 18px; gap:7px; align-items:center; border-right:1px solid var(--soft); border-bottom:1px solid var(--soft); background:#0e151b; }
.track-label.green{color:var(--green)}.track-label.purple{color:var(--purple)}.track-label.blue{color:var(--blue)}.track-label.orange{color:var(--orange)}.track-label.pink{color:var(--pink)}
.track-icon { font-size:20px; }
.track-label span:nth-child(2) { display:flex; flex-direction:column; min-width:0; }
.track-label strong { font-size:11px; color:#f2f6f8; line-height:1.22; }
.track-label small { color:var(--muted); font-size:9px; margin-top:4px; }
.track { min-height:72px; position:relative; overflow:hidden; border-bottom:1px solid var(--soft); background-color:#0b1116; }
.main-track { min-height:88px; background-color:#0a1610; }
.waveform { position:absolute; inset:12px 5px; display:flex; align-items:center; gap:1px; opacity:.84; }
.waveform i { flex:1; min-width:1px; background:#61a5e6; border-radius:2px; box-shadow:0 0 7px rgba(97,165,230,.22); }
.mix-chip { position:absolute; top:7px; left:8px; z-index:3; border:1px solid rgba(97,165,230,.32); background:rgba(18,25,49,.84); color:#eaf4ff; border-radius:7px; padding:5px 7px; font-size:9px; }
.playhead { position:absolute; top:0; bottom:0; width:2px; background:#f15a2a; z-index:8; pointer-events:none; box-shadow:0 0 8px rgba(241,90,42,.38); }
.playhead::before { content:''; position:absolute; top:0; left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #f15a2a; }
.playhead span { display:none; position:absolute; top:3px; left:6px; background:#171c35; color:#ff835c; border:1px solid rgba(241,90,42,.45); border-radius:5px; padding:2px 4px; font-size:8px; }
.main-track .playhead span { display:block; }
.clip { position:absolute; top:10px; height:calc(100% - 20px); min-width:44px; border-radius:8px; border:1px solid currentColor; overflow:hidden; cursor:grab; display:flex; align-items:center; padding:7px 22px 7px 9px; color:#fff; z-index:5; box-shadow:0 8px 22px rgba(0,0,0,.25); }
.clip.purple{background:linear-gradient(180deg,rgba(156,77,240,.92),rgba(91,31,169,.92))}.clip.blue{background:linear-gradient(180deg,rgba(47,141,255,.92),rgba(21,79,173,.92))}.clip.orange{background:linear-gradient(180deg,rgba(255,116,38,.94),rgba(173,55,9,.94))}.clip.green{background:linear-gradient(180deg,rgba(97,165,230,.94),rgba(44,101,167,.94))}.clip.pink{background:linear-gradient(180deg,rgba(239,61,180,.94),rgba(157,23,111,.94))}
.clip-wave { position:absolute; inset:0; opacity:.18; background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.65) 3px 4px,transparent 4px 7px); transform:skewX(-8deg); }
.clip-copy { position:relative; z-index:2; display:flex; flex-direction:column; min-width:0; }
.clip-copy strong { font-size:10px; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.clip-copy small { font-size:8px; opacity:.88; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:3px; }
.clip-remove { position:absolute; top:4px; right:4px; z-index:3; width:17px; height:17px; border:0; border-radius:5px; display:grid; place-items:center; background:rgba(0,0,0,.24); color:#fff; cursor:pointer; }
.transport { min-height:62px; padding:10px 13px; display:grid; grid-template-columns:34px 44px auto minmax(120px,1fr) 22px auto; gap:10px; align-items:center; border-top:1px solid var(--soft); background:#0b1116; }
.transport-btn { width:32px; height:32px; border:0; background:transparent; color:#e8eef1; cursor:pointer; }
.play-btn { width:43px; height:43px; border-radius:50%; border:0; background:var(--green); color:#06120a; display:grid; place-items:center; cursor:pointer; box-shadow:0 0 24px rgba(241,90,42,.30); }
.transport > span:nth-child(3) { font-size:12px; font-weight:800; white-space:nowrap; }
.transport small { color:var(--muted); font-size:10px; white-space:nowrap; }

.summary-panel { padding:16px; }
.summary-heading { display:flex; align-items:center; gap:10px; padding-bottom:14px; border-bottom:1px solid var(--soft); }
.money-icon { width:34px; height:34px; border:2px solid var(--green); color:var(--green); border-radius:50%; display:grid; place-items:center; font-weight:900; }
.summary-heading h2 { margin:4px 0 0; font-size:29px; color:var(--green); }
.pricing-block { padding:15px 0; border-bottom:1px solid var(--soft); }
.pricing-title { display:block; font-size:12px; font-weight:800; margin-bottom:9px; }
.segmented { display:grid; gap:6px; }
.segmented.three { grid-template-columns:repeat(3,1fr); }
.segmented button { border:1px solid var(--border); border-radius:9px; background:#0a1014; padding:8px 4px; color:#dce4e8; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:3px; }
.segmented button strong { font-size:12px; }
.segmented button small { color:var(--muted); font-size:9px; }
.segmented button.active { border-color:var(--green); background:var(--green-soft); color:var(--green); }
.segmented.small button strong { font-size:10px; }
.check-row { display:grid; grid-template-columns:18px 1fr auto; align-items:center; gap:8px; margin-top:10px; font-size:11px; cursor:pointer; }
.check-row input { accent-color:var(--green); }
.check-row strong { color:var(--green); }
.line-items { padding:14px 0; display:flex; flex-direction:column; gap:9px; border-bottom:1px solid var(--soft); }
.price-line { display:flex; justify-content:space-between; align-items:baseline; gap:10px; color:#cbd5da; font-size:11px; }
.price-line strong { color:#f2f6f8; }
.summary-total { display:flex; justify-content:space-between; align-items:center; padding:16px 0; }
.summary-total span { font-size:15px; font-weight:800; }
.summary-total strong { font-size:28px; color:var(--green); }
.summary-panel > .btn { margin-bottom:9px; }
.note-box { display:flex; gap:9px; margin-top:10px; border:1px solid rgba(255,184,72,.2); background:rgba(255,184,72,.07); color:#f6d38e; border-radius:10px; padding:10px; }
.note-box > span { width:20px; height:20px; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; }
.note-box p { margin:0; font-size:10px; line-height:1.45; }

.modal-backdrop { position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.72); backdrop-filter:blur(9px); display:grid; place-items:center; padding:20px; }
.modal { width:min(620px,100%); max-height:90vh; overflow-y:auto; border:1px solid #2d414e; background:#0d1419; border-radius:18px; padding:22px; box-shadow:0 28px 80px rgba(0,0,0,.5); position:relative; }
.modal h2 { margin:6px 0 18px; }
.modal-close { position:absolute; top:14px; right:14px; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--border); background:#111a20; color:#fff; border-radius:9px; cursor:pointer; font-size:22px; }
.review-premade { display:flex; align-items:center; gap:12px; padding:12px; background:#111920; border:1px solid var(--soft); border-radius:12px; }
.review-premade > div:last-child { display:flex; flex-direction:column; gap:6px; }
.review-premade span { color:var(--muted); font-size:12px; text-transform:capitalize; }
.review-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:14px 0; }
.review-stats > div { border:1px solid var(--soft); background:#10181e; border-radius:10px; padding:10px; display:flex; flex-direction:column; gap:5px; }
.review-stats span { color:var(--muted); font-size:10px; }
.review-stats strong { font-size:18px; }
.review-details { display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.review-details > div { display:flex; align-items:center; gap:8px; color:#d6e0e5; font-size:12px; }
.review-details b { color:var(--green); }
.test-callout { border:1px solid rgba(241,90,42,.24); background:var(--green-soft); border-radius:12px; padding:12px; display:flex; flex-direction:column; gap:5px; }
.test-callout strong { color:var(--green); font-size:12px; }
.test-callout span { color:#b9c8c0; font-size:11px; line-height:1.45; }
.modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
.toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px); background:#142019; border:1px solid rgba(241,90,42,.38); color:#dfffe8; border-radius:10px; padding:10px 14px; opacity:0; pointer-events:none; transition:.2s ease; z-index:120; font-size:12px; box-shadow:0 12px 30px rgba(0,0,0,.3); }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (max-width:1320px){
  .workspace{grid-template-columns:230px minmax(590px,1fr)}
  .summary-panel{grid-column:1/-1;position:static;max-height:none;display:grid;grid-template-columns:220px 1fr 1fr;gap:16px;align-items:start}
  .summary-heading,.pricing-block,.line-items{border-bottom:0}
  .summary-total,.summary-panel>.btn,.note-box{grid-column:3}
}
@media (max-width:980px){
  .topbar{position:static;align-items:flex-start}.test-badge{display:none}.header-actions{flex-wrap:wrap;justify-content:flex-end}
  .project-strip{grid-template-columns:1fr 1fr}.premade-card{grid-column:1/-1}.workspace{grid-template-columns:1fr}
  .tool-panel,.summary-panel{position:static;max-height:none}.editor-panel{order:2}.summary-panel{order:3;display:block}
  .summary-total,.summary-panel>.btn,.note-box{grid-column:auto}
}
@media (max-width:720px){
  .topbar{padding:12px;flex-direction:column}.brand-title{font-size:16px}.brand-subtitle{font-size:10px}.header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.header-actions .btn.primary{grid-column:1/-1}
  .page{padding:10px}.project-strip{grid-template-columns:1fr}.premade-card{grid-template-columns:70px 1fr}.album-art{width:70px;height:70px}.premade-card>.btn{grid-column:1/-1}.status-card,.price-card{min-height:92px}
  .timeline{min-width:760px;grid-template-columns:135px minmax(625px,1fr)}.transport{grid-template-columns:34px 44px auto 1fr 22px}.transport small{display:none}.review-stats{grid-template-columns:1fr 1fr}
}

.keyboard-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--soft);background:#0b1116;color:#d8e1e5;font-size:11px}.keyboard-panel strong{color:var(--green)}.keyboard-panel span{display:flex;align-items:center;gap:4px}.keyboard-panel small{color:var(--muted);margin-left:auto}.keyboard-panel kbd{min-width:24px;padding:3px 6px;border:1px solid #41505a;border-bottom-width:2px;border-radius:5px;background:#151e24;color:#fff;font:700 10px/1 system-ui;text-align:center}.clip.selected{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(241,90,42,.24),0 8px 18px rgba(0,0,0,.35)}
@media(max-width:760px){.keyboard-panel small{width:100%;margin-left:0}}

.clip { touch-action: none; user-select: none; }
.clip.dragging { cursor: grabbing; opacity: .92; z-index: 50; }

.bpm-status{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(97,165,230,.42);border-radius:999px;background:rgba(97,165,230,.12);color:#dcecff;font-size:12px;font-weight:800;letter-spacing:.03em;white-space:nowrap}

.beat-one-btn{border-color:rgba(217,94,54,.58);background:rgba(217,94,54,.14);color:#fff;white-space:nowrap}.beat-one-btn:hover{background:rgba(217,94,54,.25);border-color:rgba(217,94,54,.9)}