/* v0.67 — canonical No Limit UI system. Content/title preview fonts may override this. */
:root{
  --nl-ui-font:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --nl-bg:#08090d;--nl-panel:#0f1117;--nl-panel-2:#151821;--nl-panel-3:#1b1f29;
  --nl-line:rgba(255,255,255,.10);--nl-line-strong:rgba(255,255,255,.17);
  --nl-ink:#f4f6fb;--nl-copy:#bac1ce;--nl-muted:#858e9e;--nl-faint:#626b7b;
  --nl-brand:#7568ff;--nl-brand-2:#557bff;--nl-brand-cyan:#57d7ff;--nl-status:#c8ff63;
  --nl-danger:#ff6f76;--nl-warning:#f1cf68;
  --nl-r-sm:10px;--nl-r-md:14px;--nl-r-lg:18px;--nl-r-xl:22px;--nl-r-pill:999px;
  --nl-control-sm:32px;--nl-control-md:38px;--nl-control-lg:44px;
  --nl-type-micro:10px;--nl-type-control:12px;--nl-type-body:14px;--nl-type-title:16px;
  --nl-weight-medium:600;--nl-weight-strong:700;--nl-weight-display:800;
  --nl-shadow:0 18px 54px rgba(0,0,0,.36);
}
html,body,body.pro-suite,.home2-body,.studio-body,.no-limit-app-shell,button,input,select,textarea{font-family:var(--nl-ui-font)!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-variant-numeric:tabular-nums}

/* Keep actual design-text font previews independent from the application UI font. */
.font-card .font-sample,.live-text-thumb em,[data-font-preview]{font-family:var(--font-preview-family,var(--thumb-font-family,'Noto Sans KR',sans-serif))!important}

/* Canonical interactive alignment. No text should float toward the top of a control. */
.h2-nav a,.h2-chip,.nl-cta,.landing-cta,.pill,.suite-action,.suite-nav a,.suite-nav button,
.app-mobile-next,.app-mobile-dock button,.studio-bar-btn,.studio-icon-btn,.studio-project-name,
.studio-transport-btn,.studio-monitor-btn,.studio-play,.timeline-command,.inspector-btn,.inspector-input,
.nl-lib-actions button,.qc-source-actions button{
  box-sizing:border-box;line-height:1!important;
}
.h2-nav a,.h2-chip,.nl-cta,.landing-cta,.pill,.suite-action,.suite-nav a,.suite-nav button,
.app-mobile-next,.studio-bar-btn,.studio-icon-btn,.studio-project-name,.studio-transport-btn,
.studio-monitor-btn,.studio-play,.timeline-command,.nl-lib-actions button,.qc-source-actions button{
  display:inline-flex;align-items:center;justify-content:center;
}
.h2-nav a,.h2-chip,.pill,.suite-action,.suite-nav a,.suite-nav button,.app-mobile-next,.app-mobile-dock button,
.studio-bar-btn,.studio-icon-btn,.studio-project-name,.studio-transport-btn,.studio-monitor-btn,.timeline-command,
.nl-lib-actions button,.qc-source-actions button{font-size:var(--nl-type-control);font-weight:var(--nl-weight-strong)}

/* Canonical app surfaces. */
.no-limit-app-shell,.studio-body.pro-suite,.studio-body{--accent:var(--nl-status);--text:var(--nl-ink);--muted:var(--nl-muted)}
.no-limit-app-shell .app-suite-bar,.app-mobile-dock,.nl-lib-panel{font-family:var(--nl-ui-font)}
.no-limit-app-shell .app-mobile-dock button.active{background:linear-gradient(145deg,rgba(117,104,255,.19),rgba(85,123,255,.11));color:#f2f1ff;box-shadow:inset 0 0 0 1px rgba(140,132,255,.22)}
.no-limit-app-shell .app-mobile-dock button[data-mobile-group="qc"].active,
.no-limit-app-shell .app-mobile-dock button[data-mobile-group="deliver"].active,
.no-limit-app-shell .app-mobile-dock button[data-mobile-group="studio"].active{color:#f2f1ff;background:linear-gradient(145deg,rgba(117,104,255,.19),rgba(85,123,255,.11))}
.app-mobile-next{background:linear-gradient(135deg,#f6f7f3,#e4e9ff)!important;color:#101218!important;border-color:rgba(255,255,255,.62)!important;box-shadow:0 8px 24px rgba(76,88,180,.10)}

/* Program monitor transport uses one visual language. */
.studio-transport-btn,.studio-monitor-btn{background:rgba(255,255,255,.045)!important;border:1px solid var(--nl-line)!important;color:#b2bac8!important}
.studio-play,.studio-monitor-btn.active,.studio-monitor-btn[aria-pressed="true"]{background:#f1f3ef!important;color:#111319!important;border-color:#f1f3ef!important}
.timeline-command{background:var(--nl-panel-2)!important;border-color:var(--nl-line)!important;color:var(--nl-copy)!important}
.track-label{font-family:var(--nl-ui-font)!important}