.center.svelte-dklifx{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.grid-container.svelte-dklifx{display:grid;grid-template-areas:"NAME  VIZ    STARTING   STARTING " "NAME  VIZ    KNOB       TIMING    " "MUSIC MUSIC  SOCIALL    SOCIALL  ";grid-template-columns:3fr 1fr 1fr 2fr;grid-template-rows:3fr 2fr 2fr;width:100%;max-width:900px;max-height:500px;height:100%;margin:0 auto}.grid.svelte-dklifx:first-child{display:grid;grid-row:2fr 1fr}.grid.svelte-dklifx:first-child div:where(.svelte-dklifx){color:var(--text-primary);width:auto;min-width:100%;height:100%;padding:16px}.grid.svelte-dklifx:first-child div:where(.svelte-dklifx):first-child{border-bottom:1px solid var(--border-color)}.grid.svelte-dklifx{display:flex;font-weight:700;border:1px solid var(--border-color)}.create-title.svelte-dklifx{font-size:clamp(24px,5vw,48px);font-weight:300;line-height:1.1;width:auto;min-width:100%;height:100%}.date.svelte-dklifx{font-size:clamp(18px,4vw,32px);font-weight:400;color:var(--text-secondary)}.central-panel.svelte-dklifx{border:2px solid var(--border-color);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.song.svelte-dklifx{font-size:clamp(14px,2.5vw,20px);font-weight:300;color:var(--text-secondary);display:flex;align-items:center;gap:10px;padding:16px}.header.svelte-dklifx{position:absolute;display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:clamp(15px,3vw,30px);margin-bottom:clamp(20px,4vh,40px);z-index:10}.container.svelte-dklifx{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding:clamp(15px,3vw,30px);overflow:hidden}.starting-label.svelte-dklifx{font-size:clamp(12px,2vw,18px);font-weight:300;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.code-icon.svelte-dklifx{font-size:clamp(18px,3vw,24px);color:var(--primary-green);letter-spacing:-.1em}.panel-header.svelte-dklifx{height:40px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px;background:#ffffff0d;flex-shrink:0}.window-controls.svelte-dklifx{display:flex;gap:8px}.control-dot.svelte-dklifx{width:12px;height:12px;border-radius:50%;border:1px solid #555;background:transparent}.visualiser.svelte-dklifx{background:#ffffff05}.starting-text.svelte-dklifx{padding:clamp(15px,4vw,30px);font-size:clamp(16px,3vw,24px);font-weight:300;display:flex;align-items:center}.side-elements.svelte-dklifx{position:absolute;right:clamp(15px,3vw,30px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:5}.scanning-text.svelte-dklifx{font-size:clamp(10px,1.5vw,12px);color:var(--primary-green);text-transform:uppercase;letter-spacing:2px;animation:svelte-dklifx-blink 2.7s infinite;text-align:center}.side-bars.svelte-dklifx{display:flex;flex-direction:column;gap:2px}.bar.svelte-dklifx{width:20px;height:4px;background:var(--border-color)}.bar.active.svelte-dklifx{background:var(--primary-green)}.knob.svelte-dklifx{bottom:clamp(80px,15vh,120px);left:clamp(30px,5vw,60px);width:clamp(40px,7vw,60px);height:clamp(40px,7vw,60px);border:2px solid var(--primary-green);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00ff881a;animation:svelte-dklifx-rotate 20s linear infinite}.knob.svelte-dklifx:before{content:"";width:60%;height:2px;background:var(--primary-green);border-radius:1px;transform:rotate(45deg)}@keyframes svelte-dklifx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes svelte-dklifx-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-dklifx-blink{0%,50%{opacity:1}51%,to{opacity:.7}}@media (max-width: 768px){.visualiser.svelte-dklifx{width:100%;height:60px;border:none;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.side-elements.svelte-dklifx{right:10px;gap:10px}.knob.svelte-dklifx{left:10px;bottom:60px}}@media (max-width: 480px){.container.svelte-dklifx{padding:10px}.panel-header.svelte-dklifx{padding:0 10px;height:35px}.control-dot.svelte-dklifx{width:10px;height:10px}}