.team-workspace{padding:var(--space-3xl) 0 var(--space-5xl);min-height:calc(100vh - 64px);transition:opacity .2s ease}.team-workspace .tw-page-head{margin-bottom:var(--space-2xl)}.team-workspace .tw-back{font-size:13px;color:var(--color-mute);text-decoration:none}.team-workspace .tw-back:hover{color:var(--color-ink)}.team-workspace .tw-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(26px,4vw,34px);letter-spacing:-.03em;margin:8px 0 6px;color:var(--color-ink)}.team-workspace .tw-lead{color:var(--color-mute);font-size:15px;margin:0}.team-workspace .tw-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-2)}.team-workspace .tw-gate,.team-workspace .tw-create{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:var(--space-3xl)}.team-workspace .tw-gate-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.team-workspace .tw-gate h2,.team-workspace .tw-create h2{font-family:Syne,sans-serif;font-size:20px;font-weight:700;margin:0;color:var(--color-ink)}.team-workspace .tw-gate p,.team-workspace .tw-create p{color:var(--color-body);font-size:14px;max-width:440px;margin:0 0 8px;line-height:1.6}.team-workspace .tw-create-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.team-workspace .tw-create-row input{padding:10px 14px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:14px;background:var(--color-canvas-soft);color:var(--color-ink);outline:none;min-width:200px}.team-workspace .tw-create-row input:focus{border-color:var(--color-accent)}.team-workspace .tw-btn{padding:9px 18px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;transition:opacity .15s,background .15s,transform .12s}.team-workspace .tw-btn-sm{padding:7px 14px;font-size:13px}.team-workspace .tw-btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.team-workspace .tw-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.team-workspace .tw-btn-ghost{background:var(--color-canvas);color:var(--color-body);border-color:var(--color-hairline)}.team-workspace .tw-btn-ghost:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.team-workspace .tw-main{display:flex;flex-direction:column;gap:var(--space-md)}.team-workspace .tw-header-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;background:linear-gradient(160deg,var(--color-accent-soft),var(--color-canvas) 70%)}.team-workspace .tw-header-left{display:flex;align-items:center;gap:14px}.team-workspace .tw-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;color:#fff;flex-shrink:0}.team-workspace .tw-avatar--team{width:52px;height:52px;font-size:20px;background:var(--color-accent-deep, #6d28d9)}.team-workspace .tw-name-row{display:flex;align-items:center;gap:8px}.team-workspace .tw-team-name{font-family:Syne,sans-serif;font-weight:700;font-size:20px;color:var(--color-ink)}.team-workspace .tw-seats{color:var(--color-mute);font-size:13px;margin-top:2px}.team-workspace .tw-icon-btn{background:none;border:none;cursor:pointer;color:var(--color-mute);padding:4px;border-radius:6px;display:flex}.team-workspace .tw-icon-btn:hover{color:var(--color-ink);background:var(--color-canvas-soft-2)}.team-workspace .tw-header-actions{display:flex;align-items:center;gap:14px}.team-workspace .tw-seat-meter{display:flex;gap:4px}.team-workspace .tw-seat-dot{width:9px;height:9px;border-radius:50%;background:var(--color-hairline-strong)}.team-workspace .tw-seat-dot--filled{background:var(--color-accent)}.team-workspace .tw-rename-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.team-workspace .tw-rename-box input{flex:1;min-width:200px;padding:9px 12px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:14px;background:var(--color-canvas-soft);color:var(--color-ink);outline:none}.team-workspace .tw-rename-box input:focus{border-color:var(--color-accent)}.team-workspace .tw-invite-box{border-color:var(--color-accent)}.team-workspace .tw-invite-box p{margin:0 0 8px;font-size:13px;color:var(--color-body)}.team-workspace .tw-invite-row{display:flex;gap:8px;align-items:center}.team-workspace .tw-invite-row code{flex:1;font-family:JetBrains Mono,monospace;font-size:12px;background:var(--color-canvas-soft);padding:9px 11px;border-radius:6px;border:1px solid var(--color-hairline);word-break:break-all;color:var(--color-ink)}.team-workspace .tw-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:start}@media(max-width:860px){.team-workspace .tw-grid{grid-template-columns:1fr}}.team-workspace .tw-subhead{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);margin:0 0 12px;font-weight:600}.team-workspace .tw-hint{font-size:12.5px;color:var(--color-mute);margin:-6px 0 12px}.team-workspace .tw-member-list{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-md)}.team-workspace .tw-member-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft)}.team-workspace .tw-member-meta{display:flex;flex-direction:column;min-width:0;flex:1}.team-workspace .tw-member-name{font-weight:600;font-size:14px;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-workspace .tw-member-email{font-size:12px;color:var(--color-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-workspace .tw-role-pill{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-family:JetBrains Mono,monospace;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-canvas-soft-2);color:var(--color-mute)}.team-workspace .tw-role-pill--owner{background:var(--color-accent-soft);color:var(--color-accent)}.team-workspace .tw-role-select{height:28px;padding:0 6px;border:1px solid var(--color-hairline);border-radius:6px;font-size:12px;background:var(--color-canvas);color:var(--color-ink);cursor:pointer}.team-workspace .tw-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.team-workspace .tw-remove{padding:5px 10px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:transparent;color:var(--color-error, #dc2626);cursor:pointer;font-size:12px}.team-workspace .tw-remove:hover{background:#ef444412}.team-workspace .tw-lib-form{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-md)}.team-workspace .tw-lib-form input,.team-workspace .tw-lib-form textarea{padding:9px 12px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:13px;background:var(--color-canvas-soft);color:var(--color-ink);outline:none;font-family:DM Sans,sans-serif;resize:vertical}.team-workspace .tw-lib-form input:focus,.team-workspace .tw-lib-form textarea:focus{border-color:var(--color-accent)}.team-workspace .tw-lib-form button{align-self:flex-start}.team-workspace .tw-lib-list{display:flex;flex-direction:column;gap:8px}.team-workspace .tw-lib-item{padding:12px 14px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-soft)}.team-workspace .tw-lib-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.team-workspace .tw-lib-title{font-weight:600;font-size:14px;color:var(--color-ink)}.team-workspace .tw-lib-del{background:none;border:none;color:var(--color-mute);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.team-workspace .tw-lib-del:hover{color:var(--color-error, #dc2626);background:#ef444412}.team-workspace .tw-lib-body{font-size:13px;color:var(--color-body);line-height:1.55;margin:6px 0 0;white-space:pre-wrap;word-break:break-word}.team-workspace .tw-lib-meta{font-size:11px;color:var(--color-mute);margin-top:8px}.team-workspace .tw-empty{font-size:13px;color:var(--color-mute);text-align:center;padding:16px 0}.team-workspace .tw-danger{margin-top:var(--space-md)}.team-workspace .tw-welcome{background:linear-gradient(120deg,var(--color-accent-soft),var(--color-canvas) 80%);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:14px 18px;font-size:14px;color:var(--color-body);line-height:1.6}.team-workspace .tw-welcome a{color:var(--color-accent);font-weight:600}.team-workspace .tw-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media(max-width:620px){.team-workspace .tw-stats-grid{grid-template-columns:repeat(2,1fr)}}.team-workspace .tw-stat{display:flex;flex-direction:column;gap:4px;padding:4px 0}.team-workspace .tw-stat-val{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(22px,3.4vw,30px);color:var(--color-ink);letter-spacing:-.02em}.team-workspace .tw-stat-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-mute)}.team-workspace .tw-savings{margin:14px 0 0;font-size:13.5px;color:var(--color-body);line-height:1.6;padding-top:14px;border-top:1px solid var(--color-hairline)}.team-workspace .tw-savings strong{color:var(--color-ink)}.team-workspace .tw-activity-wrap{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-hairline)}.team-workspace .tw-activity{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.team-workspace .tw-activity li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--color-body)}.team-workspace .tw-activity li span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-workspace .tw-act-time{color:var(--color-mute);font-size:12px;flex-shrink:0}.team-workspace .tw-act-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.team-workspace .tw-act-dot--join{background:#16a34a}.team-workspace .tw-act-dot--share{background:var(--color-accent)}.team-workspace .tw-active{color:var(--color-accent)}.team-workspace .tw-lib-form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.team-workspace .tw-lib-kind{padding:8px 10px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:13px;background:var(--color-canvas);color:var(--color-ink);cursor:pointer}.team-workspace .tw-lib-form button{align-self:auto;margin-left:auto}.team-workspace .tw-lib-search{width:100%;padding:8px 12px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:13px;background:var(--color-canvas-soft);color:var(--color-ink);outline:none;margin-bottom:10px}.team-workspace .tw-lib-search:focus{border-color:var(--color-accent)}.team-workspace .tw-lib-item--pinned{border-color:var(--color-accent);background:var(--color-accent-soft)}.team-workspace .tw-lib-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.team-workspace .tw-kind{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-family:JetBrains Mono,monospace;padding:2px 6px;border-radius:var(--radius-full);background:var(--color-canvas-soft-2);color:var(--color-mute);margin-left:4px;vertical-align:middle}.team-workspace .tw-react{display:inline-flex;align-items:center;gap:3px;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;cursor:pointer;color:var(--color-body)}.team-workspace .tw-react:hover{border-color:var(--color-accent)}.team-workspace .tw-react--on{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.team-workspace .tw-lib-icon{background:none;border:1px solid var(--color-hairline);border-radius:6px;color:var(--color-mute);cursor:pointer;font-size:11.5px;padding:3px 8px}.team-workspace .tw-lib-icon:hover{color:var(--color-accent);border-color:var(--color-accent)}.team-workspace .tw-lib-link{display:inline-block;margin-top:6px;font-size:13px;color:var(--color-link, #2563eb);word-break:break-all;text-decoration:none}.team-workspace .tw-lib-link:hover{text-decoration:underline}.team-workspace .tw-snip-block{position:relative;margin-top:8px}.team-workspace .tw-snip-pre{margin:0;background:var(--color-ink);color:#e6e6e6;padding:10px 12px;border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.team-workspace .tw-snip-copy{position:absolute;top:6px;right:6px;background:#ffffff1a;border:none;color:#e6e6e6;border-radius:5px;font-size:11px;padding:3px 8px;cursor:pointer}.team-workspace .tw-snip-copy:hover{background:#fff3}.team-workspace .tw-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.team-workspace .tw-swatch{position:relative;width:30px;height:30px;border-radius:7px;border:1px solid var(--color-hairline);cursor:pointer;padding:0}.team-workspace .tw-swatch:hover{transform:scale(1.08)}.team-workspace .tw-swatch-x,.team-workspace .tw-snip-rm{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--color-ink);color:#fff;border:none;font-size:11px;line-height:16px;text-align:center;cursor:pointer;display:none}.team-workspace .tw-swatch:hover .tw-swatch-x,.team-workspace .tw-grad:hover .tw-swatch-x{display:block}.team-workspace .tw-brand-section{padding:12px 0;border-top:1px solid var(--color-hairline)}.team-workspace .tw-brand-section:first-of-type{border-top:none}.team-workspace .tw-brand-label{font-size:12px;font-weight:600;color:var(--color-ink)}.team-workspace .tw-brand-add{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.team-workspace .tw-brand-add input[type=color]{width:36px;height:32px;padding:0;border:1px solid var(--color-hairline);border-radius:6px;background:none;cursor:pointer}.team-workspace .tw-brand-add input[type=text]{padding:8px 10px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:13px;background:var(--color-canvas-soft);color:var(--color-ink);outline:none}.team-workspace .tw-brand-add--snip input[type=text]:last-of-type{flex:1;min-width:160px}.team-workspace .tw-grads{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.team-workspace .tw-grad{position:relative;width:56px;height:30px;border-radius:7px;border:1px solid var(--color-hairline);cursor:pointer;padding:0}.team-workspace .tw-snips{display:flex;flex-direction:column;gap:6px;margin-top:8px}.team-workspace .tw-snip-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md)}.team-workspace .tw-snip-label{font-size:12px;font-weight:600;color:var(--color-ink);flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-workspace .tw-snip-text{flex:1;min-width:0;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--color-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-workspace .tw-snip-row .tw-snip-copy{position:static;background:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-body);border-radius:6px;font-size:11px;padding:4px 9px;cursor:pointer;flex-shrink:0}.team-workspace .tw-snip-rm{position:static;display:block;background:none;color:var(--color-mute);width:auto;height:auto;border:none;cursor:pointer;font-size:15px}.team-workspace .tw-snip-rm:hover{color:var(--color-error, #dc2626)}.team-workspace .tw-brand-empty{font-size:12.5px;color:var(--color-mute);display:inline-block;margin-top:8px}