.referral-invite-anchor{pointer-events:none;width:1px;height:1px;position:absolute}.workspace-sidebar-invite{padding:0 8px 4px}.workspace-sidebar-invite:last-child{padding-bottom:12px}.workspace-sidebar-invite-progress{color:var(--dk-sidebar-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.referral-invite-panel{flex-direction:column;gap:14px;max-height:calc(100vh - 32px);display:flex}.referral-invite-panel>.theme-referral-previews{flex:0 220px;min-height:80px;overflow-y:auto}.referral-friend-joined-heading{flex-direction:column;gap:4px;display:flex}.referral-friend-joined-heading p{color:var(--dk-muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.referral-return-banner-text{min-width:0;color:var(--dk-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0}.referral-return-banner-progress{color:var(--dk-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:8px}.referral-return-card{gap:18px;width:min(480px,100vw - 32px);max-width:none;padding:28px;position:relative}.referral-return-card-buffy{width:140px;margin:0 auto -4px}.referral-return-card-buffy .buffy-hero{aspect-ratio:1;width:100%}.referral-return-card .theme-referral-prompt-heading{justify-content:center}.referral-return-card .theme-referral-prompt-heading h3{text-align:center;font-size:28px;font-weight:600;line-height:1.2}.referral-return-card .theme-referral-prompt-heading>.icon-button{position:absolute;top:14px;right:14px}.referral-return-card .theme-referral-themes{justify-content:center;margin:-8px 0 0;font-size:0}.referral-return-card .theme-referral-themes>span{border:1px solid var(--dk-border);color:var(--dk-text);border-radius:999px;margin-left:0;padding:2px 9px;font-size:13px}.referral-return-card>.theme-referral-previews{flex:none;overflow:visible}.referral-return-card .theme-referral-previews ul{grid-template-columns:repeat(4,minmax(0,1fr))}.referral-return-card .theme-referral-previews li:nth-child(n+5){display:none}.referral-return-card .theme-referral-prompt-actions>*{flex:1;justify-content:center;min-height:40px;font-size:15px}.referral-return-card .referral-email-invite .button,.referral-return-card .referral-email-invite input{min-height:40px;font-size:15px}
.workspace-referral-invite{border:1px solid var(--dk-border);border-radius:var(--dk-radius-lg,14px);background:var(--dk-surface);color:var(--dk-text);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 12px;margin:16px 0 20px;padding:20px;display:grid;container-type:inline-size}.workspace-referral-invite>*{grid-column:1/-1}.workspace-referral-invite .theme-referral-prompt-heading{align-items:center}.workspace-referral-invite .theme-referral-prompt-heading h3{font-size:18px;font-weight:600;line-height:1.3}.workspace-referral-invite .theme-referral-prompt-heading>.icon-button{margin:-4px -6px -4px 0}.workspace-referral-invite .theme-referral-themes{color:var(--dk-muted);justify-content:flex-start;gap:10px;margin:-6px 0 0;font-size:15px;line-height:1.4}.workspace-referral-invite .theme-referral-themes>span{border:1px solid var(--dk-border);color:var(--dk-text);border-radius:999px;margin-left:0;padding:2px 9px;font-size:13px}.workspace-referral-invite-previews{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.workspace-referral-invite-previews>li{min-width:0}.workspace-referral-invite-previews .appearance-preview{border-radius:8px}.workspace-referral-invite .theme-referral-prompt-actions{grid-column:1;justify-content:flex-start}.workspace-referral-invite .referral-email-invite{grid-column:2;min-width:0}.workspace-referral-invite .theme-referral-copy-error{order:1}.workspace-referral-invite .theme-referral-prompt-actions .button,.workspace-referral-invite .referral-email-invite .button,.workspace-referral-invite .referral-email-invite input{min-height:36px;font-size:14px}@container (max-width:520px){.workspace-referral-invite .theme-referral-prompt-actions,.workspace-referral-invite .referral-email-invite{grid-column:1/-1}.workspace-referral-invite-previews{grid-template-columns:repeat(2,minmax(0,1fr))}}
.modal.new-project-modal{width:min(440px,100vw - 32px);position:relative}.modal.new-project-modal .icon-button.quiet:disabled{background:0 0}.new-project-body{flex-direction:column;gap:16px;display:flex}.new-project-body>input{width:100%}.new-project-sources{flex-wrap:wrap;gap:8px;display:flex}.new-project-sources .btn{border:1px solid var(--border)}.new-project-uploads{border-radius:8px;flex-direction:column;gap:12px;display:flex}.new-project-upload-dropzone{border:1.5px dashed color-mix(in srgb, var(--dk-border,var(--border)) 85%, var(--dk-text,var(--text)));corner-shape:squircle;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 10.5px 14px;transition:border-color .16s,background-color .16s;display:flex}.new-project-uploads.is-dragging .new-project-upload-dropzone{border-style:solid;border-color:var(--dk-accent,var(--accent));background:color-mix(in srgb, var(--dk-accent,var(--accent)) 10%, transparent)}.new-project-upload-dropzone.is-disabled{opacity:.6}.new-project-upload-title{color:var(--dk-muted,var(--muted));font-size:var(--dk-font-size-ui,var(--font-size-ui));font-weight:500;line-height:1.4}.new-project-upload-description{color:var(--dk-faint,var(--faint));font-size:12px;line-height:1.4}.modal .new-project-upload-action{corner-shape:squircle;height:30px;min-height:30px;font-size:var(--dk-font-size-ui,var(--font-size-ui));border-radius:10px;margin-top:10px;padding:0 12px}@supports not (corner-shape:squircle){.new-project-upload-dropzone{border-radius:12px}}.new-project-source-toggle{flex-shrink:0;width:100%;display:flex}.new-project-source-toggle .segmented-button{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.new-project-reading,.new-project-upload-progress{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.new-project-reading>span:first-child{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex-basis:100%;overflow:hidden}.new-project-reading progress,.new-project-upload-progress progress{min-width:80px;height:6px;accent-color:var(--text);flex:1}.new-project-upload-progress progress[value]{appearance:none;background:var(--border);border:0;border-radius:3px;overflow:hidden}.new-project-upload-progress progress[value]::-webkit-progress-bar{background:var(--border)}.new-project-upload-progress progress[value]::-webkit-progress-value{background:var(--text);border-radius:3px}.new-project-upload-progress progress[value]::-moz-progress-bar{background:var(--text);border-radius:3px}.new-project-upload-list{max-height:180px;margin:0;padding:0;list-style:none;overflow:auto}.new-project-upload-list li{align-items:center;gap:8px;display:flex}.new-project-upload-list li>span{overflow-wrap:anywhere;min-width:0;color:var(--text);flex:1;font-size:12px}.new-project-source{color:var(--muted);align-items:center;gap:8px;display:flex}.new-project-source>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.new-project-template{flex-direction:column;gap:14px;display:flex}.new-project-template-preview{aspect-ratio:16/10;border:1px solid var(--border);corner-shape:squircle;background:var(--surface-2);border-radius:14px;display:block;overflow:hidden}.new-project-template-preview img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.new-project-template-body{align-items:flex-start;gap:8px;display:flex}.new-project-template-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.new-project-template-name{font-size:13px;font-weight:600}.new-project-template-description{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.new-project-template-body .icon-button{flex-shrink:0;margin:-6px 0 0}.new-project-body .github-repo-picker{width:100%;max-height:none;overflow:visible}.new-project-body .github-repo-list{max-height:200px}.new-project-field{flex-direction:column;gap:9px;font-size:13px;font-weight:500;display:flex}.new-project-modal .modal-foot{justify-content:flex-end;align-items:center;gap:16px;padding:4px 16px 20px;display:flex}.new-project-field input{width:100%;min-width:0}.new-project-help{color:var(--muted);margin:-8px 0 0;font-size:12px;line-height:1.55}.new-project-error{color:var(--danger,#e67373);margin:0;font-size:13px}.new-project-github .github-repo-list{border:1px solid var(--border);border-radius:calc(var(--settings-control-radius) + 4px);corner-shape:squircle;max-height:168px;padding:4px;font-weight:400}.new-project-github .github-repo-list p{color:var(--muted);margin:0;padding:8px;line-height:1.5}.new-project-github-connect{border:1px solid var(--border);border-radius:calc(var(--settings-control-radius) + 4px);corner-shape:squircle;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 12px;font-weight:400;display:flex}.new-project-github-connect p{color:var(--muted);margin:0;line-height:1.5}.new-project-github-connect button{flex-shrink:0}.new-project-github-connect-button{align-self:flex-start}.new-project-github-branch{justify-content:space-between;align-items:center;gap:12px;display:flex}