/* ── CONTENT STUDIO ── */
  .studio-gen-layout { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  @media (max-width:900px) { .studio-gen-layout { grid-template-columns:1fr; } }
  .studio-form { display:flex; flex-direction:column; gap:16px; }
  .studio-form-row { display:flex; flex-direction:column; gap:6px; }
  .studio-pill { padding:7px 16px; border:1.5px solid var(--border); border-radius:999px; background:var(--card-bg); font-family:'DM Sans',sans-serif; font-size:12px; font-weight:500; color:#6b6259; cursor:pointer; transition:all 0.15s; }
  .studio-pill:hover { border-color:var(--accent); color:var(--accent); }
  .studio-pill.active { background:#1c1814; color:#fff; border-color:#1c1814; }
  .studio-pill.small { padding:5px 12px; font-size:11px; }
  .studio-generate-btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:14px; background:#1c1814; color:#fff; border:none; border-radius:10px; font-family:'DM Sans',sans-serif; font-size:14px; font-weight:500; cursor:pointer; transition:background 0.15s; }
  .studio-generate-btn:hover { background:#2d2520; }
  .studio-generate-btn:disabled { opacity:0.5; cursor:not-allowed; }
  .studio-generate-btn svg { width:18px; height:18px; }
  .studio-output { background:var(--card-bg); border:1px solid var(--border); border-radius:12px; padding:20px; min-height:300px; overflow-y:auto; max-height:calc(100vh - 240px); }
  .studio-output-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:280px; }
  .studio-section { margin-bottom:20px; }
  .studio-section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
  .studio-section-title { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.07em; color:#9e948a; }
  .studio-copy-btn { padding:3px 10px; border:1px solid var(--border); border-radius:6px; background:var(--card-bg); font-family:'DM Sans',sans-serif; font-size:10px; font-weight:500; color:#6b6259; cursor:pointer; transition:all 0.15s; }
  .studio-copy-btn:hover { border-color:var(--accent); color:var(--accent); }
  .studio-section-body { font-size:13px; line-height:1.8; color:var(--ink); white-space:pre-wrap; }
  .studio-section-body h3 { font-size:14px; font-weight:600; margin:8px 0 4px; }
  .studio-output-actions { display:flex; gap:8px; margin-top:16px; padding-top:16px; border-top:1px solid var(--border); }
  .studio-save-btn { padding:10px 20px; background:var(--accent); color:#fff; border:none; border-radius:8px; font-family:'DM Sans',sans-serif; font-size:13px; font-weight:500; cursor:pointer; transition:background 0.15s; }
  .studio-save-btn:hover { background:#2d8a8a; }
  .studio-library-list { display:flex; flex-direction:column; gap:10px; }
  .studio-lib-card { background:var(--card-bg); border:1px solid var(--border); border-radius:12px; padding:16px 18px; cursor:pointer; transition:border-color 0.15s; }
  .studio-lib-card:hover { border-color:var(--ink-muted); }
  .studio-lib-header { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
  .studio-lib-title { font-size:14px; font-weight:500; color:var(--ink); flex:1; }
  .studio-lib-badge { padding:2px 8px; border-radius:999px; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; }
  .studio-lib-badge.draft { background:#f5f2ee; color:#9e948a; }
  .studio-lib-badge.filmed { background:#dde4f0; color:#3d5a8a; }
  .studio-lib-badge.posted { background:#d8ede3; color:#2d6648; }
  .studio-lib-meta { font-size:12px; color:#9e948a; display:flex; gap:12px; flex-wrap:wrap; }
  .studio-lib-meta span { display:flex; align-items:center; gap:4px; }

  /* ── SPINNER ── */
  @keyframes spin { to { transform: rotate(360deg); } }

  .spinner {
    width: 20px; height: 20px;
    border: 2px solid var(--border);
    border-top-color: var(--ink);
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    margin: 0 auto 12px;
  }

  /* ── TOAST ── */
  .toast {
    position: fixed; bottom: 24px; right: 24px;
    background: var(--ink); color: var(--bg);
    padding: 12px 20px; border-radius: 10px;
    font-size: 12px; font-weight: 500;
    z-index: 300;
    transform: translateY(80px); opacity: 0;
    transition: transform 0.3s, opacity 0.3s;
  }

  .toast.show { transform: translateY(0); opacity: 1; }

  /* ── HOME VIEW ── */
  .home-greeting {
    font-family: 'Cormorant Garamond', serif;
    font-size: 32px; font-weight: 300; color: var(--ink);
    margin-bottom: 28px;
  }

  .home-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 32px;
  }

  .home-quick-actions {
    display: flex; gap: 10px; flex-wrap: wrap;
    margin-bottom: 32px;
  }

  .home-section-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px; font-weight: 400; color: var(--ink);
    margin-bottom: 14px;
  }

  .activity-feed {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
  }

  .activity-item {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-light);
    font-size: 12px;
  }

  .activity-item:last-child { border-bottom: none; }

  .activity-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--accent); flex-shrink: 0;
  }

  .activity-text { font-weight: 400; color: var(--ink); flex: 1; }
  .activity-time { font-weight: 300; color: var(--ink-muted); font-size: 10px; }

  @media (max-width: 767px) {
    .studio-gen-layout {
      gap: 18px;
    }

    .studio-pill,
    .studio-copy-btn,
    .studio-save-btn,
    .studio-generate-btn {
      min-height: 44px;
      touch-action: manipulation;
    }

    .studio-output {
      max-height: none;
      min-height: 240px;
      padding: 16px;
    }

    .studio-section-header,
    .studio-lib-header,
    .activity-item {
      align-items: flex-start;
      flex-wrap: wrap;
    }

    .studio-output-actions {
      flex-direction: column;
    }

    .studio-save-btn {
      justify-content: center;
      text-align: center;
      width: 100%;
    }

    .studio-lib-card {
      padding: 16px;
    }

    .studio-lib-title {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .toast {
      bottom: calc(var(--mobile-nav-total, 88px) + 18px);
      left: 18px;
      right: 18px;
      text-align: center;
    }
  }