/* ── WORKSPACE ── */
    .workspace{width:80%;margin:0 auto;padding:20px 28px 48px;}

    /* 白底卡片容器漂浮於燕麥大背景上 */
    .studio-card{
      border-radius: 28px;
      border: 1px solid var(--line);
      background: var(--surface);
      padding: 32px;
      box-shadow: var(--shadow-sm);
      transition: transform var(--tr), box-shadow var(--tr);
    }
    .studio-card:hover{
      transform: translateY(-3px);
      box-shadow: var(--shadow-md);
    }

    .studio-single-header{
      display:flex;align-items:center;justify-content:space-between;gap:16px;
      margin-bottom: 24px;
    }
    .studio-color-bar{
      width:4px;height:24px;border-radius:99px;flex-shrink:0;
    }
    .studio-title{font-size:22px;font-weight:700;letter-spacing:-.025em; color: var(--text);}

    /* 新增流按鈕：改為讀取當前 studio 顏色的動態底色，完美相稱 */
    .studio-add-flow{
      display:inline-flex;align-items:center;gap:6px;
      padding:9px 18px;border-radius:14px;font-size:13px;font-weight:600;
      color:var(--text);
      transition:var(--tr);box-shadow:var(--shadow-xs);flex-shrink:0;
      cursor: pointer;
    }
    .studio-add-flow:hover{
      transform: translateY(-2px) scale(1.05) rotate(-1deg);
      box-shadow: var(--shadow-sm);
    }
    .studio-add-flow:active{transform: translateY(0) scale(0.98)}

    .flow-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(min(100%, 290px), 1fr));
      gap:16px;
    }

    /* 每個流卡片：精巧白色棉感卡片（clay 玩具質感） */
    .flow{
      border-radius: 24px;
      background: var(--surface);
      padding: 24px;
      box-shadow: var(--shadow-md);
      cursor: pointer;
      transition: transform var(--tr), box-shadow var(--tr);
      display: flex;
      flex-direction: column;
      gap: 0;
      min-height: 150px;
    }
    .flow:hover{
      transform: translateY(-4px) rotate(-0.6deg);
      box-shadow: var(--shadow-lg);
    }
    .flow:active{transform: translateY(-1px) scale(0.99)}
    .flow-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
    .flow-title{font-size:15px;font-weight:700;letter-spacing:-.015em;line-height:1.35; color: var(--text);}
    .flow-dot{
      width:8px;height:8px;border-radius:50%;
      background:var(--primary-soft);flex-shrink:0;margin-top:4px;
    }
    .flow-desc{
      margin-top:10px;font-size:12px;color:var(--muted);line-height:1.65;
      flex: 1;
    }
    .flow-progress{
      margin-top:16px;height:4px;border-radius:99px;
      background:var(--flow-progress-track);overflow:hidden;
    }
    .flow-progress-fill{height:100%;border-radius:inherit;transition: width var(--tr);}
    .flow-footer{
      margin-top:14px;display:flex;
      align-items:center;justify-content:space-between;gap:10px;
    }
    .flow-avatars{display:flex}
    .flow-avatars .avatar{
      width:26px;height:26px;border-radius:99px;
      border:2px solid var(--surface);margin-left:-6px;
      transition: transform var(--tr);
    }
    .flow-avatars .avatar:first-child{margin-left:0}
    .flow-when{
      font-size:11px;padding:4px 9px;border-radius:9px;
      background:var(--chip);color:var(--muted);
      transition: var(--tr);
    }

    .studio-empty{
      padding:28px;text-align:center;
      color:var(--muted);font-size:13px;line-height:1.8;
    }