.home.svelte-j9gjs9{padding:clamp(2rem,5vw,3rem);display:flex;flex-direction:column;gap:2.5rem;background:linear-gradient(150deg,#0c183afa,#08112deb),radial-gradient(circle at 15% 15%,rgba(130,197,255,.22),transparent 45%),radial-gradient(circle at 80% 25%,rgba(94,192,255,.2),transparent 55%);position:relative;overflow:hidden}.hero.svelte-j9gjs9{position:relative;z-index:1}.logo-wrapper.svelte-j9gjs9{position:absolute;top:clamp(.5rem,2.5vw,1.25rem);right:clamp(1rem,4vw,2rem);z-index:2}.logo-badge.svelte-j9gjs9{display:inline-flex;align-items:center;justify-content:center;background:#ffffffd1;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:.65rem 1.05rem;box-shadow:0 16px 38px #00000040;text-decoration:none}.logo-badge.svelte-j9gjs9 img:where(.svelte-j9gjs9){height:clamp(100px,14vw,150px);width:auto;display:block}.hero-decoration.svelte-j9gjs9{position:absolute;inset:-20px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 60%),radial-gradient(circle at 60% 10%,rgba(255,209,102,.18),transparent 50%),radial-gradient(circle at 90% 30%,rgba(138,180,255,.2),transparent 40%);filter:blur(35px);z-index:-1;pointer-events:none;opacity:.8}.home.svelte-j9gjs9:after{content:"";position:absolute;inset:6px;border-radius:28px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.hero.svelte-j9gjs9 h1:where(.svelte-j9gjs9){font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(4.2rem,14vw,7rem);margin:.5rem 0}.hero.svelte-j9gjs9 h1:where(.svelte-j9gjs9) span:where(.svelte-j9gjs9){display:inline-block;background:linear-gradient(120deg,#ffd166,#ff8ba7 40%,#8ab4ff 70%,#c8ffe0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 8px 25px rgba(0,0,0,.45)}.lede.svelte-j9gjs9{font-size:1.25rem;max-width:640px;color:var(--muted);font-family:Fresca,Didot,Times New Roman,serif}.subhead.svelte-j9gjs9{text-align:center;margin:0;margin-top:-.5rem;font-weight:600;letter-spacing:.02em;color:#e7ecfb;font-family:Didot,Times New Roman,serif;font-size:1.25rem}.grid.svelte-j9gjs9{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.card.svelte-j9gjs9{border:none;background:linear-gradient(160deg,#ffffff1f,#ffffff0a) border-box,radial-gradient(circle at 20% 20%,rgba(198,236,255,.4),transparent 55%) border-box;border-radius:20px;padding:1rem 1.5rem 1.5rem;text-align:left;color:inherit;cursor:pointer;transition:transform .25s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;border:1px solid transparent;box-shadow:0 30px 60px #00000059;position:relative;overflow:hidden}.card.svelte-j9gjs9:hover,.card.svelte-j9gjs9:focus-visible{transform:translateY(-10px);border-color:#ffffff8c;background:linear-gradient(150deg,#ffffff2e,#ffffff0d),radial-gradient(circle at 20% 20%,rgba(255,209,102,.4),transparent 55%);box-shadow:0 30px 65px #00000073}.card.svelte-j9gjs9:after{content:"";position:absolute;inset:1px;border-radius:19px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.card-top.svelte-j9gjs9{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.5rem}.card-top.svelte-j9gjs9 h2:where(.svelte-j9gjs9){margin:0;font-size:2.3rem;display:flex;align-items:center;gap:.85rem;font-weight:600}.card-top.svelte-j9gjs9 span:where(.svelte-j9gjs9){display:block;color:var(--muted);margin-top:.4rem}.meter-mark.svelte-j9gjs9{display:inline-flex;align-items:center;gap:.8rem}.meter-fraction.svelte-j9gjs9{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1;font-size:2.2rem;font-weight:600;min-width:48px;text-align:center}.meter-fraction.svelte-j9gjs9 span:where(.svelte-j9gjs9):first-child{margin-bottom:.1rem}.meter-fraction.svelte-j9gjs9 span:where(.svelte-j9gjs9):last-child{margin-top:.1rem}.meter-label.svelte-j9gjs9{font-size:1rem;letter-spacing:.08em;text-transform:capitalize;color:#fffc}.card-divider.svelte-j9gjs9{width:100%;height:1px;background:#ffffff1f;margin:.35rem 0 .15rem;border-radius:999px}.meta.svelte-j9gjs9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}.meta.svelte-j9gjs9 small:where(.svelte-j9gjs9){display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;color:#fffc;margin-bottom:.2rem}.meta.svelte-j9gjs9 strong:where(.svelte-j9gjs9){font-size:1.6rem;display:block}.backdrop.svelte-1rerbag{position:fixed;inset:0;background:#050614d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.modal.svelte-1rerbag{max-width:560px;width:min(90vw,560px);padding:2.25rem}.options.svelte-1rerbag{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}button.svelte-1rerbag{border-radius:18px;border:1px solid rgba(255,255,255,.12);padding:1rem 1.2rem;background:#ffffff0a;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s ease,transform .2s ease}button.svelte-1rerbag:hover,button.svelte-1rerbag:focus-visible{border-color:var(--accent);transform:translateY(-2px)}button.svelte-1rerbag p:where(.svelte-1rerbag){margin:.4rem 0 0;color:var(--muted)}.grid-shell.svelte-754o90{position:relative;width:100%;height:100%;padding:.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#ffffff0a,#ffffff03);overflow:hidden;display:flex}.grid-shell.svelte-754o90:before{content:"";position:absolute;inset:0;border-radius:20px;background-size:cover;background-position:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.grid-shell.has-background.svelte-754o90:before{opacity:.4;background-image:var(--grid-bg)}.grid-shell canvas{width:100%;height:100%;image-rendering:pixelated;border-radius:16px;position:relative;z-index:1}:root{--dock-height: 96px;--sidebar-width: 320px;--sidebar-collapsed-width: 72px}.composer-shell.svelte-ls5d9f{display:flex;gap:1rem;min-height:calc(100vh - var(--dock-height));height:calc(100vh - var(--dock-height));overflow:hidden}.sidebar.svelte-ls5d9f{flex:0 0 var(--sidebar-width);padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:flex-basis .3s ease;overflow:hidden;max-height:calc(100vh - var(--dock-height));position:relative}.sidebar.collapsed.svelte-ls5d9f{flex:0 0 var(--sidebar-collapsed-width);align-items:center}.sidebar__toggle.svelte-ls5d9f{display:flex;gap:.75rem;align-items:center}.sidebar__toggle.svelte-ls5d9f button:where(.svelte-ls5d9f){border:1px solid rgba(255,255,255,.15);background:#ffffff0a;border-radius:12px;color:inherit;padding:.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px}.sidebar__toggle-icon.svelte-ls5d9f{display:inline-flex;flex-direction:column;gap:4px;width:20px}.sidebar__toggle-icon.svelte-ls5d9f span:where(.svelte-ls5d9f){display:block;height:2px;width:100%;background:currentColor;border-radius:999px;transition:transform .2s ease}.sidebar__toggle.svelte-ls5d9f button:where(.svelte-ls5d9f):not(.collapsed) .sidebar__toggle-icon:where(.svelte-ls5d9f) span:where(.svelte-ls5d9f):nth-child(2){transform:translate(4px)}.sidebar__toggle.svelte-ls5d9f h4:where(.svelte-ls5d9f){margin:0}.sidebar__toggle.svelte-ls5d9f p:where(.svelte-ls5d9f){margin:0;color:var(--muted);font-size:.8rem}.sidebar__content.svelte-ls5d9f{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:.5rem .5rem calc(var(--dock-height) + .5rem) .5rem;scrollbar-width:thin;max-height:calc(100% - var(--dock-height) - 80px);max-height:calc(100vh - var(--dock-height) - 80px);position:relative}.sidebar.collapsed.svelte-ls5d9f .sidebar__content:where(.svelte-ls5d9f){display:none}.sidebar-exit-row.svelte-ls5d9f{display:flex;justify-content:flex-start;margin-bottom:.75rem;padding-right:.5rem}.palette-section.svelte-ls5d9f{margin-top:.5rem}.palette-list.svelte-ls5d9f{display:flex;flex-direction:column;gap:.5rem}.note-card.svelte-ls5d9f{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:inherit;cursor:pointer;transition:border-color .2s ease,transform .15s ease}.note-card.svelte-ls5d9f:hover:not(:disabled){transform:translateY(-1px)}.note-card.svelte-ls5d9f:disabled{opacity:.4;cursor:not-allowed}.note-card.active.svelte-ls5d9f{border-color:var(--accent);background:#ffd16614}.note-card.svelte-ls5d9f strong:where(.svelte-ls5d9f){display:block;font-size:.95rem}.note-glyph.svelte-ls5d9f{width:48px;height:40px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:12px;background:#ffffff14}.note-glyph.svelte-ls5d9f img:where(.svelte-ls5d9f){width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.note-glyph.missing:after{content:"PNG";font-size:.8rem;color:var(--muted)}.motif-actions.svelte-ls5d9f{display:flex;justify-content:flex-start;margin-bottom:.5rem}.motif-section.svelte-ls5d9f button:where(.svelte-ls5d9f){border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:inherit;padding:.3rem .85rem;cursor:pointer}.motif-section.svelte-ls5d9f button.active:where(.svelte-ls5d9f){background:var(--accent);color:#0b0f23}.motif-list.svelte-ls5d9f{display:flex;flex-direction:column;gap:.4rem}.motif-card.svelte-ls5d9f{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .8rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;cursor:pointer}.motif-card.active.svelte-ls5d9f{border-color:var(--accent-2);background:#8ab4ff12}.motif-card.svelte-ls5d9f .details:where(.svelte-ls5d9f) strong:where(.svelte-ls5d9f){display:block}.motif-card.svelte-ls5d9f .details:where(.svelte-ls5d9f) small:where(.svelte-ls5d9f){color:var(--muted)}.motif-card.svelte-ls5d9f .remove:where(.svelte-ls5d9f){border:none;background:transparent;color:var(--muted);cursor:pointer}.empty-hint.svelte-ls5d9f{margin:0;color:var(--muted);font-size:.85rem}.sidebar-actions.svelte-ls5d9f{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.sidebar-actions.svelte-ls5d9f button:where(.svelte-ls5d9f){border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;padding:.5rem .85rem;cursor:pointer;text-align:left}.sidebar-actions.svelte-ls5d9f button.active:where(.svelte-ls5d9f){border-color:var(--accent);background:#ffd1661a}.selection-panel.svelte-ls5d9f{border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.35rem}.selection-panel__actions.svelte-ls5d9f{display:flex;gap:.5rem;flex-wrap:wrap}.icon-button.svelte-ls5d9f{display:inline-flex;align-items:center;gap:.45rem}.icon.svelte-ls5d9f{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:inherit}.icon.svelte-ls5d9f svg:where(.svelte-ls5d9f){width:100%;height:100%}.autosave.svelte-ls5d9f{color:var(--muted);font-size:.8rem}.workspace-main.svelte-ls5d9f{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.exit-button.svelte-ls5d9f{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;padding:.35rem .9rem;border-radius:999px;cursor:pointer}.workspace-header.svelte-ls5d9f{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 1.5rem .5rem}.title-block.svelte-ls5d9f{display:flex;flex-direction:column;gap:.35rem}.title-block.svelte-ls5d9f p:where(.svelte-ls5d9f){margin:0;color:var(--muted)}.status-stack.svelte-ls5d9f{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:.4rem;min-width:200px;min-height:34px}.status.svelte-ls5d9f{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.status--visible.svelte-ls5d9f{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.status--success.svelte-ls5d9f{background:#2ecc7126;border:1px solid rgba(46,204,113,.4)}.status--error.svelte-ls5d9f{background:#ff6b8126;border:1px solid rgba(255,107,129,.4)}.grid-stage.svelte-ls5d9f{flex:1;min-height:0;padding:.5rem;overflow:hidden}.control-dock.svelte-ls5d9f{position:sticky;bottom:.75rem;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dock-group.svelte-ls5d9f{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.control-dock.svelte-ls5d9f button:where(.svelte-ls5d9f),.control-dock.svelte-ls5d9f label:where(.svelte-ls5d9f){border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;padding:.4rem .9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.control-dock.svelte-ls5d9f .tempo:where(.svelte-ls5d9f) select:where(.svelte-ls5d9f){background:transparent;border:none;color:inherit}.modal-backdrop.svelte-ls5d9f{position:fixed;inset:0;background:#050614cc;display:flex;align-items:center;justify-content:center;z-index:20}.dialog.svelte-ls5d9f{max-width:420px;width:90%;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.dialog-actions.svelte-ls5d9f{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:1024px){.composer-shell.svelte-ls5d9f{flex-direction:column;min-height:unset}.sidebar.svelte-ls5d9f{width:100%;flex-direction:column}.sidebar.collapsed.svelte-ls5d9f{width:100%}.workspace-main.svelte-ls5d9f{min-height:calc(100vh - var(--dock-height))}}