:root{color:#e7e7e9;background:#0a0a0b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#0a0a0b}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.projects-shell{min-height:100vh;background:#0a0a0b}.projects-topbar{position:sticky;top:0;z-index:20;display:grid;height:52px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid #242427;background:#0b0b0deb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;gap:5px;color:#f1f1f2;font-size:15px;font-weight:750;letter-spacing:-.035em;text-decoration:none}.brand img{display:block;width:29px;height:29px}.projects-topbar nav{display:flex;height:100%;align-items:center;gap:25px}.projects-topbar nav>a,.topbar-menu>summary{position:relative;display:flex;height:100%;align-items:center;color:#88888f;font-size:12px;font-weight:560;text-decoration:none;transition:color .12s ease}.projects-topbar nav>a:hover,.projects-topbar nav>a.active,.topbar-menu>summary:hover,.topbar-menu[open]>summary{color:#efeff0}.projects-topbar nav>a.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#8b8bf8;content:""}.topbar-menu{position:relative;height:100%}.topbar-menu>summary{gap:3px;list-style:none;cursor:pointer}.topbar-menu>summary::-webkit-details-marker{display:none}.topbar-menu>summary svg{transition:transform .12s ease}.topbar-menu[open]>summary svg{transform:rotate(180deg)}.topbar-menu-panel{position:absolute;top:44px;left:50%;display:grid;width:320px;gap:3px;padding:6px;border:1px solid #343438;border-radius:9px;background:#171719;box-shadow:0 18px 48px #00000085;transform:translate(-50%)}.topbar-menu-panel a{display:grid;gap:3px;padding:10px 11px;border-radius:6px;text-decoration:none}.topbar-menu-panel a:hover{background:#252529}.topbar-menu-panel strong{color:#d7d7da;font-size:11px;font-weight:610}.topbar-menu-panel span{color:#707077;font-size:9.5px;line-height:1.4}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.topbar-actions>a{color:#8f8f96;font-size:11px;font-weight:560;text-decoration:none}.topbar-actions>a:hover{color:#eeeef0}.topbar-actions .topbar-signup-link{display:inline-flex;height:30px;align-items:center;padding:0 11px;border:1px solid #6262cf;border-radius:6px;color:#f4f4ff;background:#5555c6}.topbar-actions .topbar-signup-link:hover{border-color:#7676df;color:#fff;background:#6262d2}.topbar-account{display:flex;min-width:0;align-items:center;gap:8px}.topbar-account-mark{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border:1px solid #3a3a40;border-radius:50%;color:#d8d8dc;background:#202024;font-size:10px;font-weight:680}.topbar-account-email{max-width:180px;overflow:hidden;color:#a5a5ab;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.topbar-account button{padding:0;border:0;color:#77777e;background:transparent;font-size:10.5px;cursor:pointer}.topbar-account button:hover{color:#e1e1e4}.topbar-account button:disabled{cursor:default;opacity:.55}.projects-main{width:min(1420px,calc(100% - 72px));margin:0 auto;padding:52px 0 80px}.projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.eyebrow{display:block;margin-bottom:10px;color:#6f6f77;font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.projects-heading h1{margin:0;color:#f3f3f4;font-size:clamp(27px,3vw,34px);font-weight:570;letter-spacing:-.035em;line-height:1.1}.projects-heading p{margin:9px 0 0;color:#7e7e86;font-size:13px}.projects-sync-error{margin:18px 0 -18px;color:#f0ae73;font-size:12px}.new-project-button{display:inline-flex;height:36px;align-items:center;gap:8px;padding:0 14px 0 12px;border:1px solid #7272e4;border-radius:7px;color:#fff;background:#5b5bd6;box-shadow:0 1px #ffffff1f inset;font-size:12px;font-weight:620;cursor:pointer;transition:background .12s ease,border-color .12s ease}.new-project-button:hover{border-color:#8585ef;background:#6868df}.projects-toolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;border-top:1px solid #242427;border-bottom:1px solid #242427}.project-search{display:flex;width:min(360px,44vw);height:34px;align-items:center;gap:9px;padding:0 9px;border:1px solid #2e2e32;border-radius:6px;color:#6f6f76;background:#111113}.project-search:focus-within{border-color:#55555c;color:#a4a4aa}.project-search input{min-width:0;flex:1;border:0;outline:0;color:#dedee1;background:transparent;font-size:12px}.project-search input::-moz-placeholder{color:#626269}.project-search input::placeholder{color:#626269}.project-search input::-webkit-search-cancel-button{display:none}.project-search kbd{display:grid;min-width:20px;height:20px;place-items:center;border:1px solid #303034;border-radius:4px;color:#606067;background:#18181b;font:10px ui-monospace,monospace}.toolbar-right{display:flex;align-items:center;gap:9px}.sort-control{position:relative;display:flex;height:32px;align-items:center;gap:7px;padding-left:10px;border:1px solid #2d2d31;border-radius:6px;color:#67676e;background:#101012;font-size:11px}.sort-control select{height:100%;padding:0 28px 0 0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#b6b6bb;background:transparent;font-size:11px;cursor:pointer}.sort-control svg{position:absolute;right:7px;pointer-events:none}.view-switch{display:flex;padding:2px;border:1px solid #2d2d31;border-radius:6px;background:#101012}.view-switch button{display:grid;width:28px;height:26px;place-items:center;border:0;border-radius:4px;color:#66666d;background:transparent;cursor:pointer}.view-switch button:hover{color:#a8a8ae}.view-switch button[aria-pressed=true]{color:#dedee1;background:#29292d;box-shadow:0 1px 2px #00000059}.projects-section-label{display:flex;align-items:center;gap:8px;padding:24px 1px 14px;color:#a3a3a9;font-size:11px;font-weight:590}.projects-section-label span:last-child{min-width:19px;padding:2px 5px;border-radius:999px;color:#727279;background:#1b1b1e;font:9px ui-monospace,monospace;text-align:center}.project-collection[data-view=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:18px}.project-card{min-width:0}.project-card-open{display:block;width:100%;padding:0;border:1px solid #2b2b2f;border-radius:8px;background:#111113;overflow:hidden;cursor:pointer;transition:border-color .13s ease,transform .13s ease}.project-card-open:hover{border-color:#4a4a50;transform:translateY(-1px)}.project-thumbnail{position:relative;aspect-ratio:16 / 9;background:#141417;overflow:hidden}.project-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-thumbnail-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#3e3e44;background:#151518}.project-thumbnail-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgb(0 0 0 / 38%));opacity:.65}.project-open-mark{position:absolute;right:10px;bottom:9px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;color:#f4f4f5;background:#101012c7;opacity:0;transform:translateY(3px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .13s ease,transform .13s ease}.project-card-open:hover .project-open-mark{opacity:1;transform:translateY(0)}.project-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:11px 1px 0}.project-card-copy{min-width:0}.project-card-title-row{display:flex;min-width:0;align-items:center;gap:6px}.project-card h2{margin:0;overflow:hidden;color:#d8d8dc;font-size:12px;font-weight:590;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.project-card p{margin:4px 0 0;color:#67676e;font-size:10px}.project-pinned{display:inline-flex;flex:0 0 auto;color:#8c8ce7}.project-card time{display:inline-flex;align-items:center;gap:5px;color:#5f5f66;font:9.5px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.project-menu-button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:5px;color:#67676d;background:transparent;cursor:pointer;opacity:0}.project-card:hover .project-menu-button,.project-menu-button:focus-visible{opacity:1}.project-menu-button:hover{color:#d2d2d5;background:#202023}.project-collection[data-view=list]{border-top:1px solid #27272a}.project-card[data-view=list]{display:grid;grid-template-columns:124px minmax(0,1fr);min-height:78px;padding:10px 2px;border-bottom:1px solid #242427}.project-card[data-view=list] .project-card-open{border-radius:5px}.project-card[data-view=list] .project-card-body{padding:0 8px 0 16px}.project-card[data-view=list] .project-open-mark{display:none}.project-card[data-view=list] .project-menu-button{opacity:1}.project-context-menu{position:fixed;z-index:60;width:188px;padding:5px;border:1px solid #343438;border-radius:8px;background:#18181b;box-shadow:0 14px 38px #0000007f}.project-context-menu button{display:flex;width:100%;height:32px;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:5px;color:#bcbcc1;background:transparent;font-size:11px;text-align:left;cursor:pointer}.project-context-menu button:hover{color:#f0f0f1;background:#29292d}.project-context-menu>div{height:1px;margin:4px 5px;background:#2b2b2f}.project-context-menu button.danger{color:#e68b8b}.project-context-menu button.danger:hover{color:#faa;background:#342020}.projects-empty{display:flex;min-height:300px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #2b2b2f;border-radius:8px;background:#0d0d0f;text-align:center}.empty-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #29292d;border-radius:10px;color:#515158;background:#141416}.projects-empty h2{margin:15px 0 0;color:#c7c7cb;font-size:13px;font-weight:590}.projects-empty p{margin:6px 0 0;color:#64646b;font-size:11px}.projects-empty button{display:inline-flex;align-items:center;gap:7px;margin-top:18px;border:0;color:#9c9cef;background:transparent;font-size:11px;cursor:pointer}.dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#000000a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-dialog{width:min(420px,100%);border:1px solid #38383d;border-radius:10px;background:#171719;box-shadow:0 24px 70px #00000094}.project-dialog header{display:flex;height:52px;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid #2c2c30}.project-dialog h2{margin:0;color:#e6e6e8;font-size:13px;font-weight:610}.project-dialog header button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:5px;color:#77777e;background:transparent;cursor:pointer}.project-dialog header button:hover{color:#dddde0;background:#29292c}.project-name-field{display:grid;gap:8px;padding:20px 18px 24px;color:#8b8b92;font-size:10px;font-weight:590}.project-name-field input{width:100%;height:36px;padding:0 10px;border:1px solid #3a3a3f;border-radius:6px;outline:0;color:#ededee;background:#0f0f11;font-size:12px}.project-name-field input:focus{border-color:#6666d2;box-shadow:0 0 0 3px #5b5bd61f}.dialog-message{margin:0;padding:22px 18px 26px;color:#9999a0;font-size:12px;line-height:1.6}.project-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid #2c2c30}.project-dialog footer button{height:32px;padding:0 12px;border-radius:6px;font-size:11px;font-weight:590;cursor:pointer}.project-dialog footer button:disabled{opacity:.45;cursor:not-allowed}.button-secondary{border:1px solid #37373c;color:#a7a7ad;background:#202023}.button-primary{border:1px solid #6d6ddd;color:#fff;background:#5b5bd6}.button-danger{border:1px solid #8c4141;color:#fff;background:#7e3434}@media(max-width:760px){.projects-topbar{grid-template-columns:1fr auto;padding:0 16px}.projects-topbar nav{display:none}.topbar-actions>a:first-child{display:none}.projects-main{width:calc(100% - 32px);padding-top:34px}.projects-heading{align-items:flex-start}.projects-heading p,.new-project-button span{display:none}.new-project-button{width:36px;padding:0;justify-content:center}.projects-toolbar{align-items:stretch;flex-direction:column;padding:12px 0}.project-search{width:100%}.toolbar-right{justify-content:space-between}.project-collection[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.project-card time{display:none}.project-card-body{grid-template-columns:minmax(0,1fr) 28px}}