@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Noto+Serif+JP:wght@300;400;600&family=Space+Mono:wght@400;700&display=swap";:root{--bg-primary: #0a0708;--bg-secondary: #140d10;--bg-card: rgba(26, 17, 21, .85);--bg-card-hover: rgba(40, 25, 32, .95);--accent: #d81e35;--accent-secondary: #ff4d64;--accent-glow: rgba(216, 30, 53, .4);--accent-rgb: 216, 30, 53;--text-primary: #f8f2f4;--text-muted: #ad9ba0;--text-dim: #6e5f64;--border-color: rgba(216, 30, 53, .25);--border-focus: rgba(216, 30, 53, .65);--frame-edge: #2f141a;--frame-shadow: rgba(0, 0, 0, .8);--theme-name: "アネモネ I (赤×黒)";--theme-icon: "🌹"}[data-theme=anemone-1]{--bg-primary: #0a0708;--bg-secondary: #140d10;--bg-card: rgba(26, 17, 21, .85);--bg-card-hover: rgba(40, 25, 32, .95);--accent: #d81e35;--accent-secondary: #ff4d64;--accent-glow: rgba(216, 30, 53, .4);--accent-rgb: 216, 30, 53;--text-primary: #f8f2f4;--text-muted: #ad9ba0;--text-dim: #6e5f64;--border-color: rgba(216, 30, 53, .25);--border-focus: rgba(216, 30, 53, .65);--frame-edge: #2f141a;--theme-name: "アネモネ I (赤×黒)";--theme-icon: "🌹"}[data-theme=anemone-2]{--bg-primary: #080f14;--bg-secondary: #0e1a24;--bg-card: rgba(18, 34, 48, .85);--bg-card-hover: rgba(26, 48, 68, .95);--accent: #3ec8ee;--accent-secondary: #8ae4fc;--accent-glow: rgba(62, 200, 238, .45);--accent-rgb: 62, 200, 238;--text-primary: #f2f9fc;--text-muted: #95b6cb;--text-dim: #5c7b90;--border-color: rgba(62, 200, 238, .25);--border-focus: rgba(62, 200, 238, .65);--frame-edge: #153246;--theme-name: "アネモネ II (白×水色)";--theme-icon: "🪞"}[data-theme=nemophila-1]{--bg-primary: #060b17;--bg-secondary: #0c152a;--bg-card: rgba(16, 28, 56, .85);--bg-card-hover: rgba(24, 42, 82, .95);--accent: #2e86fa;--accent-secondary: #74adfb;--accent-glow: rgba(46, 134, 250, .45);--accent-rgb: 46, 134, 250;--text-primary: #f0f5ff;--text-muted: #97abdc;--text-dim: #5c719e;--border-color: rgba(46, 134, 250, .25);--border-focus: rgba(46, 134, 250, .65);--frame-edge: #162a52;--theme-name: "ネモフィラ I (白×青)";--theme-icon: "🪻"}[data-theme=nemophila-2]{--bg-primary: #030408;--bg-secondary: #070a14;--bg-card: rgba(10, 15, 30, .9);--bg-card-hover: rgba(16, 24, 48, .95);--accent: #1952cd;--accent-secondary: #4d82f7;--accent-glow: rgba(25, 82, 205, .4);--accent-rgb: 25, 82, 205;--text-primary: #e6ecfa;--text-muted: #7d8db5;--text-dim: #485473;--border-color: rgba(25, 82, 205, .25);--border-focus: rgba(25, 82, 205, .65);--frame-edge: #0c1936;--theme-name: "ネモフィラ II (黒×青)";--theme-icon: "🌌"}[data-theme=sunflower]{--bg-primary: #0e0c06;--bg-secondary: #1a160b;--bg-card: rgba(36, 30, 16, .85);--bg-card-hover: rgba(54, 44, 24, .95);--accent: #f2ba1d;--accent-secondary: #ffd566;--accent-glow: rgba(242, 186, 29, .45);--accent-rgb: 242, 186, 29;--text-primary: #fdfaf0;--text-muted: #c4b998;--text-dim: #7d7355;--border-color: rgba(242, 186, 29, .25);--border-focus: rgba(242, 186, 29, .65);--frame-edge: #3c3214;--theme-name: "サンフラワー (白×黄)";--theme-icon: "🌻"}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:"Noto Serif JP",serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:1}.atelier-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .4s ease,background .4s ease}.brand-section{display:flex;align-items:baseline;gap:1rem}.brand-title{font-family:Cinzel,"Noto Serif JP",serif;font-size:1.35rem;font-weight:700;letter-spacing:.15em;color:var(--text-primary);text-shadow:0 0 12px var(--accent-glow);display:flex;align-items:center;gap:.5rem}.brand-title .brand-symbol{color:var(--accent);font-size:1.1em}.brand-subtitle{font-size:.8rem;color:var(--text-muted);letter-spacing:.08em}.costume-bar{display:flex;align-items:center;gap:.5rem}.costume-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-right:.3rem}.costume-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);padding:.4rem .85rem;font-family:"Noto Serif JP",serif;font-size:.75rem;letter-spacing:.05em;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .25s ease}.costume-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-focus)}.costume-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow);font-weight:600}.header-right-actions{display:flex;align-items:center;gap:1rem}.panel-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.45rem .85rem;border-radius:4px;font-family:"Noto Serif JP",serif;font-size:.78rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .25s ease}.panel-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.atelier-workspace{position:relative;z-index:5;display:grid;grid-template-columns:340px 1fr;flex:1;min-height:0;transition:grid-template-columns .35s cubic-bezier(.16,1,.3,1)}body.sidebar-collapsed .atelier-workspace{grid-template-columns:0px 1fr}body.sidebar-collapsed .control-sidebar{transform:translate(-100%);opacity:0;pointer-events:none}.control-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;max-height:calc(100vh - 65px);width:340px;box-sizing:border-box;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease,border-color .4s ease,background .4s ease;position:relative;z-index:20}.sidebar-header-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:.6rem}.sidebar-header-title{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;color:var(--text-dim)}.sidebar-close-btn{background:none;border:1px solid transparent;color:var(--text-muted);font-size:.9rem;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-close-btn:hover{background:var(--bg-card);color:var(--accent);border-color:var(--border-color)}@media(max-width:960px){.atelier-workspace{display:block;position:relative;height:calc(100vh - 65px);overflow:hidden}.canvas-container-wrap{height:100%!important;width:100%!important;padding:.75rem!important}.control-sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;height:100vh;max-height:100vh;z-index:100;box-shadow:10px 0 40px #000000e6;transform:translate(-100%);opacity:0;pointer-events:none}body.sidebar-open-mobile .control-sidebar{transform:translate(0);opacity:1;pointer-events:auto}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:95;opacity:0;pointer-events:none;transition:opacity .3s ease}body.sidebar-open-mobile .sidebar-backdrop{opacity:1;pointer-events:auto}.floating-panel-btn{display:flex!important}}.floating-panel-btn{display:none;position:fixed;bottom:24px;left:20px;z-index:40;background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:.6rem 1.1rem;font-family:"Noto Serif JP",serif;font-size:.8rem;font-weight:600;box-shadow:0 4px 20px var(--accent-glow),0 2px 8px #00000080;cursor:pointer;align-items:center;gap:.5rem;transition:transform .2s ease,filter .2s ease}.floating-panel-btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.panel-section{display:flex;flex-direction:column;gap:.8rem}.section-heading{font-family:Cinzel,"Noto Serif JP",serif;font-size:.85rem;font-weight:600;letter-spacing:.12em;color:var(--accent);display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--border-color);padding-bottom:.4rem}.song-grid{display:flex;flex-direction:column;gap:.5rem}.song-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.75rem .9rem;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;gap:.25rem;text-align:left}.song-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);transform:translate(3px)}.song-card.active{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 16px rgba(var(--accent-rgb),.25)}.song-header{display:flex;justify-content:space-between;align-items:baseline}.song-title{font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:.05em}.song-card.active .song-title{color:var(--accent)}.song-no{font-family:Space Mono,monospace;font-size:.7rem;color:var(--text-dim)}.song-motif{font-size:.72rem;color:var(--text-muted);line-height:1.3}.control-item{display:flex;flex-direction:column;gap:.4rem}.control-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.control-val{font-family:Space Mono,monospace;color:var(--accent)}.atelier-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border-color);outline:none;transition:background .3s}.atelier-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);cursor:pointer;transition:transform .15s ease}.atelier-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-dim)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.atelier-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem .8rem;font-family:"Noto Serif JP",serif;font-size:.8rem;letter-spacing:.05em;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .25s ease}.atelier-btn:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.atelier-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.atelier-btn.primary:hover{filter:brightness(1.15)}.full-btn{grid-column:span 2}.mv-info-card{margin-top:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.8rem;display:flex;flex-direction:column;gap:.5rem}.mv-info-title{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.mv-link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:#f44;text-decoration:none;background:#ff44441a;border:1px solid rgba(255,68,68,.3);padding:.45rem .7rem;border-radius:4px;transition:all .2s ease}.mv-link-btn:hover{background:#f443;border-color:#f44}.canvas-container-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.5rem;position:relative;background:radial-gradient(circle at center,rgba(var(--accent-rgb),.06) 0%,transparent 75%);width:100%;height:calc(100vh - 65px);box-sizing:border-box}.gallery-frame{position:relative;padding:12px;background:linear-gradient(135deg,var(--frame-edge) 0%,#0d0d0d 50%,var(--frame-edge) 100%);border:2px solid var(--border-color);box-shadow:0 20px 50px #000000d9,0 0 35px rgba(var(--accent-rgb),.2);border-radius:8px;transition:all .4s ease;max-width:100%;display:flex;flex-direction:column;align-items:center}.canvas-holder{line-height:0;border-radius:4px;overflow:hidden;background:#000;box-shadow:inset 0 0 25px #000000f2;display:flex;align-items:center;justify-content:center}.canvas-holder canvas{display:block}.art-plate{margin-top:8px;padding:5px 20px;background:linear-gradient(180deg,#222,#111);border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;gap:.8rem;font-family:Cinzel,"Noto Serif JP",serif;font-size:.72rem;color:var(--text-muted);letter-spacing:.12em}.fullscreen-toggle-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);font-size:.7rem;padding:2px 8px;border-radius:3px;cursor:pointer;margin-left:.5rem;transition:all .2s ease}.fullscreen-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent)}body.fullscreen-active .atelier-header,body.fullscreen-active .control-sidebar,body.fullscreen-active .canvas-tip{display:none!important}body.fullscreen-active .atelier-workspace{grid-template-columns:1fr}body.fullscreen-active .canvas-container-wrap{height:100vh;padding:0}body.fullscreen-active .gallery-frame{padding:0;border:none;box-shadow:none;border-radius:0;width:100vw;height:100vh;justify-content:center}body.fullscreen-active .canvas-holder canvas{max-height:100vh;border-radius:0}body.fullscreen-active .art-plate{position:fixed;bottom:20px;z-index:50;background:#0f0a0cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.art-plate-title{color:var(--accent);font-weight:600}.canvas-tip{margin-top:12px;font-size:.72rem;color:var(--text-dim);display:flex;align-items:center;gap:.4rem;letter-spacing:.05em}.recording-badge{position:absolute;top:25px;right:25px;background:#dc143ce6;color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;display:none;align-items:center;gap:8px;box-shadow:0 0 15px #dc143c99;z-index:20}.recording-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}