:root{--font-ui: "Source Sans 3", "Segoe UI", sans-serif;--font-display: var(--font-ui);--tracking-body: -.01em;--ink: #eef7fb;--ink-strong: #f7fbff;--muted: #9bb3c3;--accent: #54e0b3;--accent-dark: #1b8e8c;--ember: #ffbf74;--danger: #ffb0a0;--danger-bg: rgba(108, 28, 26, .4);--panel: rgba(10, 19, 31, .82);--panel-strong: rgba(14, 26, 39, .94);--surface: rgba(17, 31, 46, .7);--line: rgba(153, 190, 214, .16);--line-strong: rgba(153, 190, 214, .26);--shadow: 0 24px 70px rgba(0, 0, 0, .42);--shadow-soft: 0 14px 26px rgba(1, 8, 18, .4);--shadow-accent: 0 12px 28px rgba(27, 142, 140, .28);--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-2xl: 22px;--radius-3xl: 24px;--radius-4xl: 28px;--radius-pill: 999px;--control-height: 63px;--panel-blur: blur(14px);--transition-fast: .16s ease;--transition-med: .17s ease;--focus-ring: 0 0 0 4px rgba(84, 224, 179, .12);font-family:var(--font-ui);color-scheme:dark;color:var(--ink);background:radial-gradient(circle at top left,#57e0b52e,#57e0b500 34%),radial-gradient(circle at 82% 12%,#5682ff2e,#5682ff00 24%),linear-gradient(180deg,#09111a,#0b1522 48%,#050a11);line-height:1.55;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:inherit;color:var(--ink);font-size:clamp(.98rem,.18vw + .94rem,1.05rem);letter-spacing:var(--tracking-body)}button,input,select{font:inherit;letter-spacing:inherit}button{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}h1,h2,h3{text-wrap:balance}::selection{background:#54e0b347;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(.mob-card,.empty-state,.error-banner){-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-4xl);box-shadow:var(--shadow)}:is(.mob-card-header,.event-header){display:flex;justify-content:space-between;align-items:center;gap:16px}:is(.mob-list-copy,.mob-card-title){display:flex;align-items:center;gap:12px;min-width:0}:is(.mob-list-copy>span:last-child,.mob-card-title>div:last-child){min-width:0}.muted-chip{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:26px;padding:4px 10px;overflow:hidden;border:1px solid rgba(153,190,214,.16);border-radius:var(--radius-pill);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;letter-spacing:-.01em;background:#99bed61a;color:#d3e1ea;background:#9bb3c324}:is(.export-button,.ghost-button){border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-size:.92rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.ghost-button{background:#99bed614}.ghost-button:hover{background:#99bed624;border-color:var(--line-strong)}.export-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;white-space:nowrap}.export-button__icon{display:inline-flex;width:18px;height:18px;flex:none}.export-button__icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-button:hover:not(:disabled){filter:brightness(1.08)}.danger-button{border-color:#ffb0a075;background:#6c1c1a14;color:var(--danger)}.danger-button:hover{background:#6c1c1a2e;border-color:#ffb0a09e;color:#ffd1c7;box-shadow:inset 0 0 0 1px #ffb0a014}.search-field:focus-within,.filter-button:focus-visible,.mob-list-select:focus-visible,.export-button:focus-visible,.ghost-button:focus-visible,.variant-track-play:focus-visible,.variant-option-button:focus-visible,.variant-reset-button:focus-visible{outline:none;border-color:#54e0b380;box-shadow:var(--focus-ring)}.export-button:disabled,.variant-track-play:disabled,.variant-option-button:disabled,.variant-reset-button:disabled{opacity:.5;cursor:not-allowed}.shell{position:relative;padding:32px}.scroll-navigation-controls{position:fixed;right:32px;bottom:28px;z-index:4;display:grid;gap:10px}.scroll-navigation-button{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(84,224,179,.32);border-radius:50%;background:linear-gradient(180deg,#0e1a27f5,#08101ae6),#0a131ff0;box-shadow:var(--shadow-soft),0 0 0 1px #54e0b30f,0 12px 28px #1b8e8c3d;color:var(--ink-strong);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);animation:scroll-to-top-enter .18s ease-out}.scroll-navigation-button:hover{border-color:#54e0b380;color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-soft),0 0 0 1px #54e0b31f,0 16px 32px #1b8e8c4d}.scroll-navigation-button:focus-visible{outline:none;border-color:#54e0b380;box-shadow:var(--focus-ring)}.scroll-navigation-button svg{width:22px;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.shell-actions{z-index:2;display:flex;justify-content:flex-end}.shell-actions .export-button{position:fixed;top:32px;right:32px;z-index:3}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 16%,rgba(84,224,179,.22),transparent 28%),radial-gradient(circle at 78% 72%,rgba(255,191,116,.1),transparent 20%),linear-gradient(135deg,#6286ff14,#0000);pointer-events:none}.hero,.workspace{position:relative;z-index:1}.hero{max-width:760px;margin-bottom:48px}.hero h1{margin:0;max-width:8ch;color:var(--ink-strong);font-family:var(--font-display);font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:.88;letter-spacing:-.045em;text-shadow:0 10px 28px rgba(0,0,0,.32),0 0 24px rgba(84,224,179,.06)}.workspace{display:grid;grid-template-columns:272px minmax(0,1fr);align-items:start;gap:32px}.footer{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + .7rem);transform:translate(-50%);z-index:6;width:auto;max-width:calc(100% - 1.5rem);padding:0;display:grid;align-items:center;justify-content:center;gap:.7rem;font-size:.8rem;text-align:center}.footer-vibe-link,.footer-vibe-link:visited{color:var(--muted);text-decoration:none;line-height:1.15;opacity:.78;transition:opacity .2s ease}.footer-vibe-link:hover,.footer-vibe-link:focus-visible{opacity:1}.browser-panel{position:sticky;top:20px;display:grid;gap:16px}.browser-controls{display:grid;gap:14px;padding-right:4px}.search-field{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--control-height);padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#08101ad1;color:var(--ink)}.search-field-icon{position:relative;flex:none;width:18px;height:18px;border:2px solid rgba(183,203,216,.82);border-radius:var(--radius-pill);transform:translateY(-1px)}.search-field-icon:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:var(--radius-pill);background:radial-gradient(circle at 35% 35%,#b7cbd82e,#b7cbd800)}.search-field-icon:after{content:"";position:absolute;right:-6px;bottom:0;width:9px;height:3px;border-radius:var(--radius-pill);background:#b7cbd8d1;transform:rotate(45deg);transform-origin:center}.search-field input{width:100%;min-width:0;padding:14px 0;border:0;background:transparent;color:var(--ink);font-size:1.3rem;font-weight:500;letter-spacing:-.015em}.search-field input:focus{outline:none}.search-field input::placeholder{color:#9bb3c3c2;font-weight:500}.mob-list,.cards-panel{scrollbar-color:rgba(84,224,179,.36) rgba(8,16,26,.22)}.mob-list{display:grid;gap:8px;max-height:calc(100vh - 20px - var(--browser-controls-height, 0px) - 32px);overflow-x:hidden;overflow-y:auto;padding-right:4px}.mob-list-item{padding:6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.mob-list-item:first-child{margin-top:4px}.mob-list-item:hover,.mob-list-item.is-selected{border-color:#54e0b366;background:#153337e6}.mob-list-item:hover:not(.is-selected){transform:translateY(-1px)}.mob-list-item.is-selected:hover{border-color:#54e0b38f;background:#193f42f0;box-shadow:inset 0 0 0 1px #54e0b32e,inset 0 1px #ffffff0a}.mob-list-select{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:6px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:inherit;text-align:left}.mob-list-select strong{display:block;font-size:1.38rem;font-weight:600;line-height:1.1}.mob-list-empty{padding:18px;border:1px dashed var(--line);border-radius:var(--radius-xl);background:#08101a7a;color:var(--muted);font-size:.96rem;line-height:1.5;text-align:center}.mob-preview{display:block;flex:none;overflow:visible;image-rendering:pixelated}.mob-preview--list{width:38px;height:38px}.mob-preview--card{width:72px;height:72px}.mob-preview-image{object-fit:contain;padding:0}.mob-preview-image--flipped{transform:scaleX(-1);transform-origin:center}.mob-preview--card.mob-preview-image{margin-bottom:0}.cards-panel{padding:0}.cards-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;min-height:var(--control-height);margin-bottom:20px}.filter-button{--filter-icon-color: rgba(150, 173, 195, .84);display:inline-flex;align-items:center;gap:12px;min-height:var(--control-height);height:var(--control-height);padding:0 22px;border:1px solid rgba(129,157,180,.22);border-radius:var(--radius-xl);background:linear-gradient(180deg,#0f1927f0,#09101ce6),#0a1420e6;color:#d0dfeaeb;white-space:nowrap;font-size:.92rem;font-weight:650;line-height:1.1;letter-spacing:-.01em;box-shadow:inset 0 1px #e1f2ff0a,var(--shadow-soft);transition:border-color var(--transition-med),background-color var(--transition-med),color var(--transition-med),box-shadow var(--transition-med)}.filter-button--all{min-width:96px}.filter-button--classic{min-width:124px}.filter-button--recent{min-width:178px}.filter-button-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--filter-icon-color)}.filter-button-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.filter-button-icon :is(rect,circle,path){vector-effect:non-scaling-stroke}.filter-button--all .filter-button-icon svg{fill:currentColor;stroke:none}.filter-button:hover{--filter-icon-color: rgba(182, 206, 224, .96);border-color:#9bb6ca6b;color:#e3eff8}.filter-button.is-active{--filter-icon-color: #64f0c6;border-color:#54e0b3c7;background:linear-gradient(180deg,#143c46b8,#0d2532e0),#09131fe6;color:#ebfffb;box-shadow:inset 0 0 0 1px #54e0b333,0 0 0 1px #54e0b329,0 16px 30px #020b1675}.error-banner{display:grid;gap:6px;margin-bottom:18px;padding:14px 16px;border-radius:var(--radius-xl);color:var(--danger);background:var(--danger-bg);border-color:#ffb0a033;font-size:.95rem;font-weight:600;line-height:1.45}.empty-state{display:grid;gap:20px;padding:44px}.empty-state-copy{text-align:left}.empty-state h3{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(1.75rem,2vw,2.2rem);font-weight:700;line-height:1;letter-spacing:-.025em}.empty-state-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:empty-state-step}.empty-state-steps li{position:relative;display:flex;align-items:center;min-height:30px;padding:2px 0 2px 44px;color:#e3edf4;font-size:1rem;font-weight:600;line-height:1.45;text-align:left}.empty-state-steps li:before{content:counter(empty-state-step);counter-increment:empty-state-step;position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(84,224,179,.48);border-radius:var(--radius-pill);background:#54e0b324;color:#94f1d0;font-size:1rem;font-weight:700;line-height:1}.cards-grid,.event-stack,.variant-copy,.variant-waveform-stack{display:grid}.cards-grid{gap:22px}.event-stack{gap:16px}.variant-copy{gap:10px;min-width:0}.variant-waveform-stack{gap:14px;min-width:0}.mob-card{display:grid;gap:18px;padding:28px 30px;border-color:#6e92bf2e;border-radius:30px;background:linear-gradient(180deg,#0b121df5,#09101beb),radial-gradient(circle at 12% 4%,rgba(86,130,255,.08),transparent 34%);box-shadow:inset 0 1px #ffffff08,var(--shadow)}.mob-card-header{align-items:flex-start;gap:14px}.mob-card-title{gap:14px}.mob-card-heading{display:grid;gap:6px}.mob-card h3{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,1.2vw + 1.55rem,2.45rem);font-weight:770;line-height:.96;letter-spacing:-.04em}.mob-card-subtitle{margin:0;max-width:34rem;color:#b9ccdcd1;font-size:1.08rem;font-weight:600;line-height:1.45}.mob-preview--card{width:74px;height:74px}.mob-card-remove-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:16px;font-size:1rem}.mob-card-remove-button__icon{display:inline-flex;width:18px;height:18px}.mob-card-remove-button svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.event-card{display:grid;gap:10px;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}.event-header{justify-content:flex-start;align-items:flex-start}.event-copy{display:grid;gap:5px}.event-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.event-header strong,.variant-copy strong{text-transform:capitalize}.event-header strong{font-size:.9rem;font-weight:650;letter-spacing:.08em;color:#e1eef8f5}.event-header small,.event-subtitle{color:var(--muted)}.event-header small{font-size:.78rem;font-weight:600;letter-spacing:.02em}.event-subtitle{margin:0;font-size:.88rem;line-height:1.45}.event-toggle-row{display:flex;justify-content:flex-start;margin-top:2px}.event-toggle-button{border:0;padding:0;background:transparent;color:var(--accent);font-size:.92rem;font-weight:700;letter-spacing:-.02em}.event-toggle-button:hover{color:#82f2cd}.event-toggle-button:focus-visible{outline:none;text-decoration:underline;text-underline-offset:.18em}.variant-list{display:grid;gap:12px;margin:0}.variant-card{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.92fr);min-width:0;overflow:hidden;border:1px solid rgba(115,149,184,.14);border-radius:24px;background:linear-gradient(180deg,#0d1725f0,#0a121de6),radial-gradient(circle at 0% 50%,rgba(86,130,255,.08),transparent 44%);box-shadow:inset 0 1px #ffffff08}.variant-card.is-muted{background:linear-gradient(180deg,#0e1622e0,#0a121cd6),#0c131eeb}.variant-card.is-playing{border-color:#54e0b347;box-shadow:inset 0 0 0 1px #54e0b314,0 0 0 1px #54e0b30a}.variant-card__preview,.variant-card__replace{display:grid;align-content:start;gap:14px;min-width:0;padding:18px 22px}.variant-card__replace{position:relative;grid-template-rows:auto auto minmax(0,1fr) auto}.variant-card__replace:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:#99bed61f}.variant-card__header{align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;min-width:0}.variant-card__headline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.variant-card__headline strong,.variant-card__section-copy h4{font-size:1.08rem;font-weight:710;letter-spacing:-.03em}.variant-card__headline strong{line-height:1;text-transform:none}.variant-card__waveforms{display:grid;gap:10px;min-width:0}.variant-card__track{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:stretch;gap:14px;min-width:0}.variant-card__track--custom{padding-top:0;border-top:0}.variant-card__track-control{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:100%}.variant-card__track-main{display:grid;align-content:stretch;min-width:0;min-height:0}.variant-track-label{position:relative;display:inline-block;max-width:100%;overflow:hidden;color:#c9dbe9c2;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.variant-track-label:after{content:attr(data-track-title);position:absolute;left:50%;top:calc(100% + 8px);z-index:2;width:max-content;max-width:min(240px,42vw);padding:7px 10px;overflow:hidden;border:1px solid rgba(129,157,180,.2);border-radius:12px;background:#080f18f5;box-shadow:0 12px 24px #01081257;color:#ebf5fcf0;text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;font-weight:600;letter-spacing:-.01em;text-transform:none;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.variant-track-label:hover:after{opacity:1;transform:translate(-50%)}.variant-track-label--custom{color:#d0fff3e0}.variant-track-play{display:inline-flex;align-items:center;justify-content:center;flex:none;width:50px;height:50px;border:1px solid rgba(153,190,214,.2);border-radius:50%;background:linear-gradient(180deg,#182537f0,#121d2be6),#99bed614;color:var(--ink)}.variant-track-play:hover:not(:disabled){border-color:var(--line-strong);background:#99bed629}.variant-track-play.is-playing{border-color:#54e0b366;background:linear-gradient(180deg,#245249f5,#193935eb);color:#c8fff0}.variant-track-play svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.variant-card__track .variant-waveform{flex:1;min-width:0;height:46px}.variant-waveform{--waveform-progress: 0%;position:relative;width:100%;min-width:0;height:46px;padding:7px 9px;overflow:hidden;border:1px solid rgba(118,153,182,.14);border-radius:15px;background:linear-gradient(180deg,#09121ee6,#0c1622d1),radial-gradient(circle at 20% 50%,rgba(86,130,255,.08),transparent 55%)}.variant-waveform:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(90deg,#54e0b338,#54e0b300);transition:opacity .18s ease}.variant-waveform.is-playing{border-color:#54e0b36b;box-shadow:inset 0 0 0 1px #54e0b314}.variant-waveform.is-playing:before{opacity:1}.variant-waveform.is-fallback .waveform-bar{background:linear-gradient(180deg,#7f9bb3b3,#60788f8f)}.variant-waveform.is-fallback .waveform-bar.is-played{background:linear-gradient(180deg,#b6ece0d6,#72c4abb8)}.variant-waveform.is-loading .waveform-bar{animation:waveform-loading-pulse 1.1s ease-in-out infinite}.waveform-layers,.waveform-bars{position:relative;z-index:1;height:100%}.waveform-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center}.waveform-cursor{position:absolute;z-index:2;top:2px;bottom:2px;left:var(--waveform-progress);width:1px;opacity:0;border-radius:var(--radius-pill);background:#d1fff5f0;box-shadow:0 0 0 1px #54e0b329,0 0 14px #54e0b342;transform:translate(-50%);transition:opacity var(--transition-fast)}.variant-waveform.is-playing .waveform-cursor{opacity:1}.waveform-bar{display:block;align-self:center;min-width:1px;width:100%;height:var(--bar-h, 34%);border-radius:var(--radius-pill);background:linear-gradient(180deg,#a4bfe3e0,#567ab7c2)}.waveform-bar.is-played{background:linear-gradient(180deg,#c4fff1,#54e0b3eb)}.waveform-bar.is-current{background:linear-gradient(180deg,#f2fffb,#89ffdafa);box-shadow:0 0 14px #54e0b347}.variant-card__section-copy{display:grid;gap:6px}.variant-card__section-copy h4{margin:0}.variant-card__replace-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.variant-option-button,.variant-reset-button{font:inherit;letter-spacing:inherit}.variant-option-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:7px 10px;border:1px solid rgba(129,157,180,.16);border-radius:14px;background:linear-gradient(180deg,#142030eb,#101a28e0),#99bed614;color:var(--ink);text-align:left}.variant-option-button:hover:not(:disabled){border-color:#9bb6ca57;background:linear-gradient(180deg,#182638f0,#121f2ee6),#99bed61f}.variant-option-button__icon,.variant-reset-button__icon{display:inline-flex;width:18px;height:18px;flex:none}.variant-option-button svg,.variant-reset-button svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.variant-option-button__body{min-width:0;font-size:.92rem;font-weight:740;line-height:1.1;letter-spacing:-.02em}.variant-option-button--record{border-color:#54e0b329;background:linear-gradient(135deg,#1a534cf5,#226e62d6);color:#f1fff9}.variant-option-button--record:hover:not(:disabled){border-color:#54e0b347;background:linear-gradient(135deg,#1f5f57fa,#287d70e0)}.variant-option-button.is-recording{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#061018;box-shadow:var(--shadow-accent)}.variant-reset-button{grid-row:-1;display:inline-flex;align-items:center;gap:6px;align-self:end;justify-self:start;padding:0;border:0;background:transparent;color:#aabfd1d1;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.variant-reset-button:hover:not(:disabled){color:#eff8ff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;background:#04080ead;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-modal{display:grid;gap:22px;width:min(100%,480px);padding:26px;border:1px solid rgba(255,176,160,.24);border-radius:var(--radius-3xl);background:linear-gradient(180deg,#180c0ff5,#0c121df5),var(--panel-strong);box-shadow:0 28px 70px #00000080}.confirm-modal--success{width:min(100%,540px);border-color:#54e0b342;background:linear-gradient(180deg,#0a2420f5,#0c121df5),var(--panel-strong)}.confirm-modal-copy{display:grid;gap:10px}.confirm-modal-eyebrow{margin:0;color:var(--danger);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.confirm-modal h2{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,1vw + 1.18rem,1.9rem);line-height:1.05;letter-spacing:-.03em}.confirm-modal p{margin:0}.confirm-modal p:last-child{margin:0;color:var(--muted)}.success-modal-header{display:grid;gap:14px}.success-modal-topline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.success-modal-title-group{display:grid;gap:4px}.success-modal-title-group p{color:#e1edf5c2}.success-modal-badge{display:grid;place-items:center;width:76px;height:76px;border:2px solid rgba(84,224,179,.52);border-radius:50%;background:radial-gradient(circle at 35% 35%,#8cffd742,#54e0b31a),#0b2320e6;box-shadow:inset 0 1px #ffffff0d,0 14px 30px #0b232057;color:#d8fff3}.success-modal-badge svg{width:42px;height:42px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.success-modal-instructions{display:grid;gap:10px;padding:16px 18px;border:1px solid rgba(153,190,214,.12);border-radius:20px;background:#09121e6b}.success-modal-instructions__title{color:#e1edf5d1;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.success-modal-steps{display:grid;gap:8px;margin:0;padding-left:1.15rem;color:#eef8fb;line-height:1.5}.success-modal-steps li{padding-left:4px}.success-modal-steps strong{color:#fff}.confirm-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}@keyframes export-ready-flash{0%{box-shadow:0 0 #54e0b300;filter:saturate(1);transform:scale(1)}30%{box-shadow:0 0 0 8px #54e0b324,0 0 26px #54e0b361;filter:saturate(1.2);transform:scale(1.03)}65%{box-shadow:0 0 0 14px #54e0b30f,0 0 34px #54e0b342;filter:saturate(1.1);transform:scale(1.01)}to{box-shadow:0 0 #54e0b300;filter:saturate(1);transform:scale(1)}}.export-button.is-ready-flash:not(:disabled){animation:export-ready-flash 1.4s ease-out}@keyframes waveform-loading-pulse{0%,to{opacity:.52;transform:scaleY(.92)}50%{opacity:1;transform:scaleY(1.04)}}@keyframes scroll-to-top-enter{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.browser-panel{position:static}.mob-list{max-height:420px}}@media(max-width:1180px){.variant-card{grid-template-columns:minmax(0,1fr)}.variant-card__replace{border-top:1px solid rgba(153,190,214,.12)}.variant-card__replace:before{display:none}}@media(max-width:640px){.variant-card__replace-actions{grid-template-columns:1fr}}@media(max-width:720px){.shell{padding:18px}.scroll-navigation-controls{right:18px;bottom:18px;gap:8px}.scroll-navigation-button{width:50px;height:50px}.shell-actions .export-button{top:18px;right:18px}.empty-state,.empty-state-copy{text-align:center}.empty-state h3{margin-bottom:14px}.empty-state-steps li{padding-left:44px;text-align:left}.mob-card{gap:16px;padding:20px 18px}.mob-card-header{flex-direction:column;align-items:stretch}.mob-card-title{gap:12px}.mob-card h3{font-size:clamp(1.72rem,5.4vw,2.12rem)}.mob-preview--card{width:64px;height:64px}.mob-card-remove-button{align-self:flex-start}.variant-card__preview,.variant-card__replace{padding:16px}.variant-card__headline strong,.variant-card__section-copy h4{font-size:1.08rem}.variant-waveform-row{grid-template-columns:64px minmax(0,1fr)}.variant-track-play{width:46px;height:46px}.variant-waveform{height:40px}.confirm-modal{padding:22px}.confirm-modal-actions{justify-content:stretch}.confirm-modal-actions button{flex:1 1 160px}}