:root,:root[data-theme=dark],[data-theme=dark]{--lms-color-bg-app:#0a0a10;--lms-color-bg-panel:#12121b;--lms-color-bg-elevated:#1a1a28;--lms-color-bg-hover:#222232;--lms-color-stroke-default:#272736;--lms-color-stroke-focus:#7c5cff;--lms-color-text-primary:#f2f2f8;--lms-color-text-secondary:#9c9cb4;--lms-color-text-muted:#5e5e76;--lms-color-accent-primary:#7c5cff;--lms-color-accent-secondary:#2dd9c8;--lms-color-accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);--lms-color-state-danger:#ff5c7a;--lms-color-state-success:#4ade80;--lms-color-state-warning:#ffc24b;--lms-color-beat-flash:#fff;--lms-color-frame-shadow:0 0 0 1px #272736, 0 0 80px #7c5cff26}:root[data-theme=light],[data-theme=light]{--lms-color-bg-app:#ededf3;--lms-color-bg-panel:#f6f6fb;--lms-color-bg-elevated:#fff;--lms-color-bg-hover:#e4e4ee;--lms-color-stroke-default:#d7d7e3;--lms-color-stroke-focus:#7c5cff;--lms-color-text-primary:#1a1a24;--lms-color-text-secondary:#5a5a70;--lms-color-text-muted:#9a9ab0;--lms-color-accent-primary:#6d46ff;--lms-color-accent-secondary:#17b8aa;--lms-color-accent-gradient:linear-gradient(135deg, #7c5cff 0%, #17b8aa 100%);--lms-color-state-danger:#e23d5c;--lms-color-state-success:#2fa84f;--lms-color-state-warning:#b8790a;--lms-color-beat-flash:#1a1a24;--lms-color-frame-shadow:0 0 0 1px #d7d7e3, 0 18px 50px #1c1c342e}:root{--lms-font-ui:"Inter", "Hiragino Sans", "Noto Sans JP", sans-serif;--lms-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--lms-font-size-caption:11px;--lms-font-size-label:12px;--lms-font-size-body:13px;--lms-font-size-section-title:15px;--lms-font-size-panel-title:18px;--lms-font-size-modal-title:22px;--lms-font-weight-regular:400;--lms-font-weight-medium:500;--lms-font-weight-semibold:600;--lms-font-weight-bold:700;--lms-space-1:4px;--lms-space-2:8px;--lms-space-3:12px;--lms-space-4:16px;--lms-space-5:24px;--lms-space-6:32px;--lms-radius-input:6px;--lms-radius-control:10px;--lms-radius-panel:14px;--lms-layout-top-bar-height:52px;--lms-layout-left-panel-width:320px;--lms-layout-right-panel-width:300px;--lms-layout-timeline-height:96px;--lms-layout-editor-min-width:1100px;--lms-layout-stage-padding:24px;--lms-motion-standard:.15s cubic-bezier(.2, 0, 0, 1);--lms-motion-enter:.2s cubic-bezier(.2, 0, 0, 1);--lms-motion-beat-pulse-scale-max:1.06;--lms-motion-forbidden:"no decorative always-on animation; only preview content and beat-linked elements may move";--lms-safe-area-top-ratio:.15;--lms-safe-area-bottom-ratio:.2;color:var(--lms-color-text-primary);background:var(--lms-color-bg-app);font-family:var(--lms-font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--lms-color-bg-app);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.mono{font-family:var(--lms-font-mono);font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lms{width:100%;height:100vh;min-width:var(--lms-layout-editor-min-width);min-height:760px;color:var(--lms-color-text-primary);background:var(--lms-color-bg-app);font-family:var(--lms-font-ui);font-size:var(--lms-font-size-body);font-feature-settings:"palt";flex-direction:column;line-height:1.55;display:flex;position:relative;overflow:hidden}.lms button{cursor:pointer;background:0 0;border:0}.lms button:disabled,.lms input:disabled{cursor:not-allowed;opacity:.48}.lms button:focus-visible,.lms input:focus-visible,.lms select:focus-visible,.lms textarea:focus-visible{outline:2px solid var(--lms-color-stroke-focus);outline-offset:2px}.topbar{height:var(--lms-layout-top-bar-height);flex:0 0 var(--lms-layout-top-bar-height);align-items:center;gap:var(--lms-space-4);padding:0 var(--lms-space-4);background:var(--lms-color-bg-panel);border-bottom:1px solid var(--lms-color-stroke-default);display:flex}.logo,.transport-bar,.topbar-right{align-items:center;display:flex}.logo{gap:var(--lms-space-3)}.logo-mark{border-radius:var(--lms-radius-input);background:var(--lms-color-accent-gradient);width:22px;height:22px;transform:rotate(45deg)scale(.82);box-shadow:0 0 14px #7c5cff80}.logo-name{font-weight:var(--lms-font-weight-semibold);font-size:var(--lms-font-size-body)}.project-title{padding:var(--lms-space-1) var(--lms-space-2);border-radius:var(--lms-radius-input);color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-body)}.project-title:hover{color:var(--lms-color-text-primary);background:var(--lms-color-bg-hover)}.transport-bar{gap:var(--lms-space-4);margin:0 auto}.play-btn{background:var(--lms-color-accent-primary);color:#fff;width:40px;height:40px;font-weight:var(--lms-font-weight-bold);transition:transform var(--lms-motion-standard);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 18px #7c5cff73}.play-btn:hover:not(:disabled){transform:scale(1.05)}.timecode{font-size:14px}.timecode span{color:var(--lms-color-text-muted)}.bpm-chip{padding:5px var(--lms-space-3);background:var(--lms-color-bg-elevated);border:1px solid var(--lms-color-stroke-default);font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold);border-radius:999px;align-items:center;gap:6px;display:inline-flex}.beat-dot{background:var(--lms-color-accent-secondary);border-radius:50%;width:7px;height:7px}@keyframes beat-pulse{0%{transform:scale(1)}8%{transform:scale(var(--lms-motion-beat-pulse-scale-max))}30%{transform:scale(1)}to{transform:scale(1)}}.is-playing .bpm-chip{animation:.46875s linear infinite beat-pulse}.topbar-right{gap:var(--lms-space-2)}.segmented{border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);background:var(--lms-color-bg-elevated);padding:2px;display:flex}.segmented button{min-height:28px;padding:5px var(--lms-space-3);color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-medium);border-radius:8px}.segmented button.on{background:var(--lms-color-accent-primary);color:#fff}.icon-btn{border-radius:var(--lms-radius-control);width:32px;height:32px;color:var(--lms-color-text-secondary);place-items:center;display:grid}.icon-btn:hover,.icon-btn.on{background:var(--lms-color-bg-elevated);color:var(--lms-color-accent-secondary)}.btn-ghost,.btn-primary{border-radius:var(--lms-radius-control);min-height:32px;font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold)}.btn-ghost{padding:7px var(--lms-space-4);border:1px solid var(--lms-color-stroke-default);color:var(--lms-color-text-secondary)}.btn-ghost:hover{color:var(--lms-color-text-primary);background:var(--lms-color-bg-hover)}.btn-primary{background:var(--lms-color-accent-gradient);color:#fff;padding:8px 18px;box-shadow:0 2px 14px #7c5cff59}.btn-primary.wide,.btn-ghost.wide{width:100%}.workspace-body{flex:auto;min-height:0;display:flex;overflow:hidden}.panel-left,.panel-right{background:var(--lms-color-bg-panel);flex:none;min-height:0;overflow-y:auto}.panel-left{width:var(--lms-layout-left-panel-width);border-right:1px solid var(--lms-color-stroke-default);flex-direction:column;display:flex}.panel-right{width:var(--lms-layout-right-panel-width);border-left:1px solid var(--lms-color-stroke-default)}.tabs{padding:0 var(--lms-space-2);border-bottom:1px solid var(--lms-color-stroke-default);display:flex}.tabs button{padding:var(--lms-space-3) var(--lms-space-4);color:var(--lms-color-text-muted);font-weight:var(--lms-font-weight-medium);border-bottom:2px solid #0000;margin-bottom:-1px}.tabs button.on{color:var(--lms-color-text-primary);border-bottom-color:var(--lms-color-accent-primary)}.warning-dot{color:var(--lms-color-state-warning)}.panel-body,.right-body{padding:var(--lms-space-4);flex-direction:column;gap:20px;display:flex}.panel-body{flex:1;overflow-y:auto}.right-body{gap:22px;min-height:0}.section-label{margin-bottom:var(--lms-space-2);color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold);letter-spacing:.04em;display:block}.file-card{align-items:center;gap:var(--lms-space-3);width:100%;padding:var(--lms-space-3);border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);background:var(--lms-color-bg-elevated);text-align:left;display:flex}.file-card .waveform{border:0;flex:0 0 64px;width:64px;height:28px}.file-meta{min-width:0;display:grid}.file-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--lms-font-size-body);overflow:hidden}.file-meta span{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption)}.error-text,.warning-text,.helper{margin:var(--lms-space-2) 0 0;font-size:var(--lms-font-size-caption)}.error-text{padding:var(--lms-space-2);border-left:3px solid var(--lms-color-state-danger);color:var(--lms-color-state-danger);background:var(--lms-color-bg-elevated)}.warning-text{color:var(--lms-color-state-warning)}.helper{color:var(--lms-color-text-muted)}.bpm-row{align-items:stretch;gap:var(--lms-space-3);display:flex}.bpm-input{padding:var(--lms-space-2) var(--lms-space-3);border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);background:var(--lms-color-bg-elevated);flex:1;align-items:baseline;gap:6px;display:flex}.bpm-input input{width:92px;color:var(--lms-color-text-primary);font-family:var(--lms-font-mono);font-size:26px;font-weight:var(--lms-font-weight-bold);background:0 0;border:0;outline:0}.bpm-input span{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption)}.tap-btn{border:1px solid var(--lms-color-accent-primary);border-radius:var(--lms-radius-control);min-height:54px;color:var(--lms-color-accent-primary);font-weight:var(--lms-font-weight-semibold);flex:0 0 88px}.reanalyze-btn{border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);min-height:54px;color:var(--lms-color-accent-secondary);background:var(--lms-color-bg-elevated);font-size:18px;font-weight:var(--lms-font-weight-semibold);flex:0 0 42px}.tap-btn:hover,.reanalyze-btn:hover,.listen-toggle:hover{background:#7c5cff1f}.bpm-status{margin-top:var(--lms-space-2);padding:4px var(--lms-space-3);border:1px solid var(--lms-color-stroke-default);background:var(--lms-color-bg-elevated);font-size:var(--lms-font-size-caption);font-weight:var(--lms-font-weight-semibold);border-radius:999px;align-items:center;gap:6px;display:inline-flex}.bpm-status.muted{color:var(--lms-color-text-muted)}.bpm-status.success{color:var(--lms-color-accent-secondary)}.bpm-status.warning{color:var(--lms-color-state-warning)}.bpm-status.manual{color:var(--lms-color-text-secondary)}.spinner{border:2px solid var(--lms-color-stroke-default);border-top-color:var(--lms-color-accent-secondary);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offset-block{margin-top:14px}.offset-head,.param-head{justify-content:space-between;align-items:baseline;gap:var(--lms-space-2);display:flex}.offset-head .section-label{margin:0 0 6px}.offset-value,.param-head .mono{color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-caption)}.slider{appearance:none;background:var(--lms-color-stroke-default);border-radius:2px;width:100%;height:4px}.slider::-webkit-slider-thumb{border:2px solid var(--lms-color-accent-primary);appearance:none;background:var(--lms-color-text-primary);border-radius:50%;width:14px;height:14px}.listen-toggle{width:100%;margin-top:var(--lms-space-3);padding:var(--lms-space-2);border:1px dashed var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-label)}.tempo-map{margin-top:var(--lms-space-3);border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);background:var(--lms-color-bg-elevated)}.tempo-map summary{justify-content:space-between;align-items:center;gap:var(--lms-space-2);padding:var(--lms-space-2) var(--lms-space-3);color:var(--lms-color-text-secondary);cursor:pointer;font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold);display:flex}.tempo-map summary::marker{color:var(--lms-color-accent-secondary)}.tempo-add{width:calc(100% - var(--lms-space-4));margin:0 var(--lms-space-2) var(--lms-space-2);padding:var(--lms-space-2);border:1px dashed var(--lms-color-accent-primary);border-radius:var(--lms-radius-input);color:var(--lms-color-accent-primary);font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold)}.tempo-list{gap:var(--lms-space-2);padding:0 var(--lms-space-2) var(--lms-space-2);display:grid}.tempo-row{min-width:0;color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption);grid-template-columns:54px 68px 72px 30px 24px;align-items:center;gap:6px;display:grid}.tempo-row input{border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-input);min-width:0;height:28px;color:var(--lms-color-text-primary);background:var(--lms-color-bg-panel);padding:0 6px}.tempo-time-label{color:var(--lms-color-accent-secondary);font-size:10px}.tempo-delete{width:24px;height:24px;color:var(--lms-color-state-danger);border-radius:50%}.tempo-delete:hover:not(:disabled){background:var(--lms-color-bg-hover)}.lyric-list{flex-direction:column;gap:2px;display:flex}.lyric-line{align-items:center;gap:var(--lms-space-3);padding:7px var(--lms-space-3);border-radius:var(--lms-radius-input);border-left:2px solid #0000;display:flex}.lyric-line:hover,.lyric-line.now{background:var(--lms-color-bg-hover)}.lyric-line.now{border-left-color:var(--lms-color-accent-primary)}.lyric-time{border:1px solid var(--lms-color-stroke-default);background:var(--lms-color-bg-elevated);width:68px;color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption);border-radius:4px;padding:1px 6px}input.lyric-time{height:24px;color:var(--lms-color-text-primary)}.lyric-time.synced{border-color:var(--lms-color-accent-secondary);color:var(--lms-color-accent-secondary)}.lyric-text{color:var(--lms-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-bar{gap:var(--lms-space-2);padding:var(--lms-space-3);border:1px solid var(--lms-color-stroke-focus);border-radius:var(--lms-radius-control);background:var(--lms-color-bg-elevated);display:grid}.sync-bar strong{color:var(--lms-color-text-primary);font-size:22px;line-height:1.18}.sync-bar span:not(.section-label){color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-body)}.sync-bar small{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption)}.sync-actions{justify-content:space-between;align-items:center;gap:var(--lms-space-2);display:flex}.lyric-line.now .lyric-time{color:var(--lms-color-accent-secondary)}.lyric-line.now .lyric-text{color:var(--lms-color-text-primary)}.lyrics-textarea{resize:vertical;width:100%;min-height:220px;padding:var(--lms-space-3);border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);color:var(--lms-color-text-primary);background:var(--lms-color-bg-elevated);line-height:1.55}.lyrics-actions{gap:var(--lms-space-2);display:grid}.stage-wrap{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative}.stage{min-width:0;min-height:0;padding:var(--lms-layout-stage-padding);flex:auto;justify-content:center;align-items:center;display:flex}.preview-frame{aspect-ratio:9/16;max-width:100%;height:100%;max-height:100%;box-shadow:var(--lms-color-frame-shadow);background:#000;border-radius:8px;position:relative;overflow:hidden}.preview-frame.aspect-169{aspect-ratio:16/9;width:100%;height:auto;max-height:100%}.render-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.safe-guides{pointer-events:none;position:absolute;inset:0}.safe-line{border-top:1px dashed #ffffff38;position:absolute;left:0;right:0}.safe-top{top:15%}.safe-bottom{bottom:20%}.safe-line span{color:#ffffff59;letter-spacing:.05em;font-size:9px;position:absolute;top:2px;right:6px}.stage-hud{top:var(--lms-space-3);right:var(--lms-space-3);align-items:center;gap:var(--lms-space-2);padding:3px var(--lms-space-2);border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-input);color:var(--lms-color-state-success);font-size:var(--lms-font-size-caption);background:#0a0a10b3;display:inline-flex;position:absolute}.stage-hud.warning{color:var(--lms-color-state-warning)}.stage-hud button{border-left:1px solid var(--lms-color-stroke-default);color:var(--lms-color-text-secondary);padding:0 5px;font-size:10px}.beat-flash .preview-frame{box-shadow:0 0 0 2px #ffffff42,0 0 80px #7c5cff3d}.stage-status{left:var(--lms-space-4);bottom:var(--lms-space-3);color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption);position:absolute}.timeline{flex:0 0 var(--lms-layout-timeline-height);height:var(--lms-layout-timeline-height);min-height:var(--lms-layout-timeline-height);max-height:var(--lms-layout-timeline-height);padding:var(--lms-space-2) var(--lms-space-4) 10px;background:var(--lms-color-bg-panel);border-top:1px solid var(--lms-color-stroke-default);flex-direction:column;gap:6px;min-width:0;display:flex;overflow:hidden}.sections{-webkit-user-select:none;user-select:none;flex:0 0 24px;gap:2px;height:24px;display:flex;position:relative}.tempo-markers{pointer-events:none;z-index:2;height:12px;position:absolute;inset:-3px 0 auto}.tempo-marker{border:1px solid var(--lms-color-bg-app);background:var(--lms-color-accent-secondary);width:9px;height:9px;position:absolute;top:0;transform:translate(-50%)rotate(45deg);box-shadow:0 0 12px #2dd9c8b3}.section-band{min-width:0;padding:0 var(--lms-space-2);color:#ffffffd9;background:color-mix(in srgb, var(--lms-color-accent-primary), transparent 72%);font-size:10px;font-weight:var(--lms-font-weight-semibold);white-space:nowrap;border:1px solid #ffffff14;border-radius:5px;justify-content:space-between;align-items:center;gap:4px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.section-band.on{border-color:var(--lms-color-accent-secondary);box-shadow:inset 0 0 0 1px var(--lms-color-accent-secondary)}.section-band span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.section-band select{max-width:74px;color:var(--lms-color-text-primary);background:0 0;border:0;font-size:9px}.section-handle{cursor:ew-resize;background:0 0;width:7px;position:absolute;top:0;bottom:0}.section-handle.start{left:0}.section-handle.end{right:0}[data-theme=light] .section-band{color:var(--lms-color-text-primary);border-color:#1a1a241f}.wave-row{flex:auto;min-height:0;position:relative;overflow:hidden}.wave-row .waveform{background:var(--lms-color-bg-app);border:0;width:100%;height:100%;display:block}.playhead{pointer-events:none;background:#fff;width:1px;position:absolute;top:-32px;bottom:0}.playhead:before{content:"";border:5px solid #0000;border-top-color:#fff;position:absolute;top:0;left:-5px}.timeline-duration{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption);position:absolute;bottom:0;right:0}.preset-grid{gap:var(--lms-space-3);grid-template-columns:1fr 1fr;display:grid}.preset-card{border-radius:var(--lms-radius-control);background:var(--lms-color-bg-elevated);text-align:left;border:2px solid #0000;padding:0;overflow:hidden}.preset-card.on{border-color:var(--lms-color-accent-primary)}.preset-thumb{aspect-ratio:16/9;transition:transform var(--lms-motion-standard);display:block;position:relative;overflow:hidden}.preset-card:hover:not(:disabled) .preset-thumb{transform:scale(1.04)}.thumb-tunnel{background:radial-gradient(circle at 50% 55%,#0000 18%,#8b5cf6e6 19%,#0000 21% 34%,#22d3eeb3 35%,#0000 37%),radial-gradient(circle at 50% 55%,#150a2e 0%,#000 70%)}.thumb-particles{background:radial-gradient(1.5px 1.5px at 20% 30%,#22d3ee 50%,#0000 51%),radial-gradient(2px 2px at 65% 60%,#8b5cf6 50%,#0000 51%),radial-gradient(1px 1px at 40% 75%,#fff 50%,#0000 51%),#05050c}.thumb-sakura{background:radial-gradient(18% 18% at 30% 35%,#ffffff73,#0000 70%),radial-gradient(12% 18% at 66% 42%,#da1f5e9e,#0000 72%),linear-gradient(135deg,#ef84a4,#b39ade 52%,#fab191)}.thumb-candy{background:radial-gradient(18% 28% at 28% 42%,#ffffff94,#0000 64%),radial-gradient(20% 30% at 68% 52%,#ffffff80,#0000 66%),linear-gradient(135deg,#8fe8c7,#8ac7f5 48%,#fa94c7)}.thumb-living{background:radial-gradient(42% 20% at 72% 28%,#e2447cd1,#0000 68%),radial-gradient(38% 18% at 35% 58%,#74b8e8bd,#0000 70%),radial-gradient(30% 14% at 74% 72%,#eff25e9e,#0000 72%),linear-gradient(145deg,#dbc6b0,#efb5c1 48%,#b8ddd6)}.thumb-drift{background:radial-gradient(4% 6% at 24% 34%,#ffffffc7,#0000 70%),radial-gradient(5% 8% at 62% 48%,#ffe298b8,#0000 70%),radial-gradient(6% 9% at 78% 28%,#ff9dc28c,#0000 70%),linear-gradient(135deg,#4d7297,#b1c6d6 48%,#efbecd)}.thumb-glitch{background:repeating-linear-gradient(0deg,#ffffff1f 0 1px,#0000 1px 5px),linear-gradient(90deg,#ff2c6f5c,#0000 18% 78%,#22d3ee5c),linear-gradient(#070a10,#12151e)}.thumb-liquid{background:radial-gradient(55% 70% at 28% 34%,#ff87bebd,#0000 62%),radial-gradient(65% 80% at 78% 68%,#44d2ecb3,#0000 62%),radial-gradient(70% 60% at 46% 82%,#ffe68373,#0000 64%),linear-gradient(135deg,#19233d,#362a5d)}.thumb-kaleido{background:conic-gradient(from 20deg,#331659,#21b4cc,#ec4a7d,#f6c658,#331659)}.preset-name{padding:6px var(--lms-space-2) 7px;color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-caption);font-weight:var(--lms-font-weight-semibold);display:grid}.preset-card.on .preset-name{color:var(--lms-color-text-primary)}.preset-name small{color:var(--lms-color-text-muted);font-size:9px;font-weight:var(--lms-font-weight-regular)}.sync-mode-control,.beat-action-control{gap:var(--lms-space-2);margin-top:var(--lms-space-3);display:grid}.beat-action-control.disabled{opacity:.48}.section-head{justify-content:space-between;align-items:center;gap:var(--lms-space-2);display:flex}.help-dot{border:1px solid var(--lms-color-stroke-default);width:22px;height:22px;color:var(--lms-color-text-muted);background:var(--lms-color-bg-elevated);font-size:var(--lms-font-size-caption);font-weight:var(--lms-font-weight-bold);border-radius:50%}.help-dot:hover{color:var(--lms-color-accent-secondary);background:var(--lms-color-bg-hover)}.sync-mode-segment,.beat-action-segment{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sync-mode-segment button,.beat-action-segment button{place-items:center;gap:1px;min-width:0;min-height:42px;padding:5px 3px;display:grid}.sync-mode-segment small,.beat-action-segment small{max-width:100%;color:inherit;font-size:9px;font-weight:var(--lms-font-weight-regular);opacity:.72;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.param{margin-bottom:var(--lms-space-3);gap:5px;display:grid}.flow-controls{gap:var(--lms-space-3);margin-bottom:var(--lms-space-4);display:grid}.select-field{gap:6px;display:grid}.select-control{width:100%;min-height:34px;padding:0 var(--lms-space-3);border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-input);color:var(--lms-color-text-primary);background:var(--lms-color-bg-elevated)}.flow-angle.disabled{opacity:.48}.motif-picker{gap:var(--lms-space-2);margin-bottom:var(--lms-space-4);grid-template-columns:1fr 1fr;display:grid}.motif-option{align-items:center;gap:var(--lms-space-2);min-width:0;min-height:34px;padding:6px var(--lms-space-2);border:1px solid var(--lms-color-stroke-default);border-radius:var(--lms-radius-input);color:var(--lms-color-text-secondary);background:var(--lms-color-bg-elevated);font-size:var(--lms-font-size-caption);font-weight:var(--lms-font-weight-semibold);display:flex}.motif-option.on{border-color:var(--lms-color-accent-primary);color:var(--lms-color-text-primary);background:var(--lms-color-bg-hover)}.motif-icon{background:var(--lms-color-accent-secondary);border-radius:50%;flex:0 0 15px;width:15px;height:15px}.motif-snow{background:radial-gradient(circle,#fff 28%,#aadcff7a 30%,#0000 66%)}.motif-maple{background:linear-gradient(135deg,#cb3e2c,#f79e40);border-radius:3px 12px}.motif-feather{background:linear-gradient(135deg,#faf6e2,#a0c7db);border-radius:80% 20%}.motif-dandelion{background:radial-gradient(circle,#fffff5 18%,#0000 22% 34%,#fffff5d6 36% 42%,#0000 44%)}.motif-bubble{background:radial-gradient(circle at 35% 30%,#fff 0 12%,#55dcec52 16%,#ff80cd33 62%,#0000 64%);border:1px solid #ffffffd6}.motif-firefly{background:radial-gradient(circle,#fbf17d 0 24%,#c4ff6985 36%,#0000 72%)}.motif-stardust{background:conic-gradient(from 45deg,#0000,#fff,#0000,#92dbff,#0000);border-radius:2px}.motif-ember{background:radial-gradient(circle,#ffe875 0 18%,#ee5d2a 34%,#0000 72%)}.motif-petal{background:linear-gradient(135deg,#ffd6e0,#ec5b87);border-radius:80% 20% 70% 30%}.image-source-card{gap:var(--lms-space-2);padding:var(--lms-space-3);margin-bottom:var(--lms-space-4);border:1px dashed var(--lms-color-stroke-default);border-radius:var(--lms-radius-control);background:var(--lms-color-bg-elevated);display:grid}.image-source-preview{aspect-ratio:16/9;border-radius:var(--lms-radius-input);background:#000;width:100%;position:relative;overflow:hidden}.image-source-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-source-loading{color:var(--lms-color-text-primary);font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold);background:#0a0a10b8;place-items:center;display:grid;position:absolute;inset:0}.image-source-meta{gap:2px;min-width:0;display:grid}.image-source-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold);overflow:hidden}.image-source-hash{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption)}.image-source-actions{gap:var(--lms-space-2);grid-template-columns:1fr 1fr;display:grid}.param-head span:first-child{color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-label)}.swatches{gap:var(--lms-space-3);flex-wrap:wrap;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px}.swatch.on{border-color:var(--lms-color-text-primary)}.swatch-1{background:linear-gradient(135deg,#8b5cf6,#22d3ee)}.swatch-2{background:linear-gradient(135deg,#ffb7d5,#ff5c9e)}.swatch-3{background:linear-gradient(135deg,#eee,#666)}.swatch-4{background:linear-gradient(135deg,#b6ff3c,#2dd9c8)}.swatch-5{background:linear-gradient(135deg,#1e5cff,#12e6c8)}.typography{width:100%}.typography button{flex:1}.font-picker{gap:6px;margin-top:10px;display:grid}.font-option{border:1px solid var(--lms-color-stroke-default);background:var(--lms-color-bg-elevated);text-align:left;border-radius:6px;gap:3px;width:100%;min-height:48px;padding:7px 9px;display:grid}.font-option:hover{background:var(--lms-color-bg-hover)}.font-option.on{border-color:var(--lms-color-accent-primary);box-shadow:inset 2px 0 0 var(--lms-color-accent-primary)}.font-option-name{color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-caption)}.font-option-preview{color:var(--lms-color-text-primary);font-size:15px;line-height:1.25}.font-option-skeleton{background:linear-gradient(90deg, var(--lms-color-bg-hover), var(--lms-color-stroke-default), var(--lms-color-bg-hover));background-size:180% 100%;border-radius:4px;width:78%;height:15px;animation:1.1s linear infinite skeleton-sweep}.font-load-state{min-height:14px;color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption)}@keyframes skeleton-sweep{0%{background-position:100% 0}to{background-position:-80% 0}}.row-toggle{justify-content:space-between;align-items:center;display:flex}.row-toggle .section-label{margin:0}.toggle{background:var(--lms-color-stroke-default);border-radius:999px;width:36px;height:20px;position:relative}.toggle:after{content:"";width:16px;height:16px;transition:transform var(--lms-motion-standard);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on{background:var(--lms-color-accent-primary)}.toggle.on:after{transform:translate(16px)}.empty-state{z-index:30;background:var(--lms-color-bg-app);flex-direction:column;justify-content:center;align-items:center;gap:36px;display:none;position:absolute;inset:0}.lms[data-view=s0] .empty-state{display:flex}.empty-drop{text-align:center;border:1.5px dashed #3a3a50;border-radius:20px;width:520px;max-width:90%;padding:56px 40px}.empty-drop:hover{border-color:var(--lms-color-accent-primary);background:#7c5cff0a}.empty-mark{background:var(--lms-color-accent-gradient);border-radius:12px;width:44px;height:44px;margin:0 auto 28px;display:block;transform:rotate(45deg);box-shadow:0 0 30px #7c5cff80}.empty-drop strong{margin-bottom:var(--lms-space-3);letter-spacing:.04em;font-size:34px;display:block}.empty-drop span{color:var(--lms-color-text-secondary);display:block}.empty-drop small{margin-top:var(--lms-space-2);color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption);display:block}.empty-steps{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-label);gap:28px;display:flex}.empty-steps b{color:var(--lms-color-text-secondary)}.empty-demo{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-label);text-underline-offset:3px;text-decoration:underline}.empty-demo:hover{color:var(--lms-color-accent-secondary)}.modal-backdrop{z-index:80;background:#06060ca8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.export-modal{border:1px solid var(--lms-color-stroke-default);background:var(--lms-color-bg-elevated);border-radius:8px;width:min(480px,100vw - 48px);padding:22px;box-shadow:0 24px 80px #0000005c}.export-modal-head,.exp-row,.progress-note,.modal-actions{align-items:center;display:flex}.export-modal-head{justify-content:space-between;gap:16px;margin-bottom:18px}.export-modal h2{margin:0;font-size:22px}.exp-rows{gap:10px;display:grid}.exp-row{border-bottom:1px solid var(--lms-color-stroke-default);justify-content:space-between;gap:18px;min-height:34px;padding-bottom:10px}.exp-row .k{color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-label);font-weight:var(--lms-font-weight-semibold);flex:0 0 112px}.exp-row .v{min-width:0;color:var(--lms-color-text-primary);text-align:right}.badge-soon{background:var(--lms-color-bg-panel);color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption);border-radius:999px;margin-left:8px;padding:2px 7px;display:inline-flex}.export-resolution{display:inline-flex}.modal-note,.modal-warn{color:var(--lms-color-text-muted);font-size:var(--lms-font-size-caption);margin:12px 0 0}.modal-warn{color:var(--lms-color-state-warning)}.progress-wrap{gap:8px;margin-top:18px;display:grid}.progress-bar{background:var(--lms-color-bg-panel);border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--lms-color-accent-gradient);height:100%;transition:width .16s linear}.progress-note{color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-caption);justify-content:space-between;gap:12px}.export-complete{border:1px solid var(--lms-color-stroke-default);background:var(--lms-color-bg-panel);border-radius:8px;gap:4px;margin-top:16px;padding:12px;display:grid}.export-complete strong{color:var(--lms-color-state-success)}.export-complete span{overflow-wrap:anywhere;min-width:0;color:var(--lms-color-text-secondary);font-size:var(--lms-font-size-caption)}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px}.modal-actions .btn-primary{text-align:center;min-width:84px}.modal-actions .btn-primary:disabled{background:var(--lms-color-bg-panel);color:var(--lms-color-text-secondary);box-shadow:none}.project-toast{z-index:70;border:1px solid var(--lms-color-stroke-default);background:var(--lms-color-bg-elevated);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:min(560px,100vw - 48px);padding:12px 14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 58px #00000052}.project-toast span{min-width:0;color:var(--lms-color-text-primary);font-size:var(--lms-font-size-label);overflow-wrap:anywhere}.project-toast-actions{flex:none;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.is-playing .bpm-chip{animation:none}}@media (max-width:1099px){.lms:before{content:"デスクトップでご利用ください";z-index:100;background:var(--lms-color-bg-app);color:var(--lms-color-text-primary);font-size:var(--lms-font-size-panel-title);place-items:center;display:grid;position:fixed;inset:0}}
