.projects-home{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto}.projects-home>.product-page-heading{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.project-create{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);border:2px solid var(--line);margin-bottom:1.5rem;background:var(--paper-raised);box-shadow:var(--hard-shadow-lg)}.project-create>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-right:2px solid var(--line);padding:1.25rem;background-color:var(--paper-sunken);background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.2px);background-size:8px 8px}.project-create h2{max-width:10ch;margin:0;font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.035em;line-height:.95}.project-create header p{max-width:36ch;margin:.75rem 0 0;color:var(--ink-soft)}.project-create form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:center;padding:1.25rem}.project-create label{display:grid;gap:.4rem;font-family:var(--font-label);font-size:.875rem;font-weight:700}.project-create input,.project-create select{width:100%;min-height:44px;border:2px solid var(--line);border-radius:0;padding:.55rem .65rem;background:var(--paper);color:var(--ink)}.project-create__actions,.project-create__billing,.project-create__error{grid-column:1/-1}.project-create__billing{display:flex;align-items:center;gap:.45rem;margin:0;color:var(--muted);font-size:.9rem}.project-create__error{margin:0;border:1px solid var(--line);padding:.65rem .75rem;background:var(--paper-sunken);font-weight:650}.project-create__actions{display:flex;flex-wrap:wrap;gap:.5rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{position:relative;display:flex;min-height:250px;flex-direction:column;overflow:hidden;border:2px solid var(--line);background:var(--paper-raised);box-shadow:4px 4px 0 var(--line);transition:translate .14s var(--ease-step),box-shadow .14s var(--ease-step),background-color .14s var(--ease-step)}@property --project-beam-turn{syntax:"<angle>";inherits:false;initial-value:0deg}.project-card__beam{position:absolute;z-index:4;inset:-1px;padding:5px;background:conic-gradient(from var(--project-beam-turn),transparent 0deg 292deg,color-mix(in srgb,var(--lime) 12%,transparent) 306deg,color-mix(in srgb,var(--lime) 42%,transparent) 330deg,var(--lime-strong) 350deg,var(--lime) 357deg,color-mix(in srgb,var(--lime) 68%,var(--paper-raised)) 359deg,transparent 1turn);pointer-events:none;-webkit-mask:linear-gradient(var(--ink) 0 0) content-box,linear-gradient(var(--ink) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:project-card-beam 1.05s linear infinite}.project-card[data-opening=true]{cursor:progress;translate:0 0}.project-card__signal{display:block;height:7px;flex:none;border-bottom:2px solid var(--line);background:var(--lime)}.project-card__topline{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem 0}.project-card__icon{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--line);background:var(--paper)}.project-card code{color:var(--muted);font-family:var(--font-label);font-size:.75rem}.project-card>strong{min-height:3.1rem;margin:1rem 1rem 0;overflow-wrap:anywhere;font-size:1.45rem;letter-spacing:-.025em;line-height:1.05}.project-card__meta{display:grid;gap:.35rem;margin:.85rem 1rem 1rem;color:var(--muted);font-family:var(--font-label);font-size:.78rem}.project-card__meta>span:first-child{display:flex;align-items:center;gap:.35rem}.project-card__meta .project-card__issue{color:var(--ink);font-family:var(--font-title);font-weight:650}.project-card__open{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--line-soft);margin-top:auto;padding:.65rem 1rem;font-family:var(--font-label);font-size:.875rem;font-weight:700}@media (hover:hover) and (pointer:fine){.project-card:hover{translate:-2px -2px;box-shadow:7px 7px 0 var(--line);background:var(--paper)}.project-card:hover .project-card__open{background:var(--lime);color:var(--lime-ink)}.project-card[data-opening=true]:hover{translate:0 0;box-shadow:4px 4px 0 var(--line);background:var(--paper-raised)}}.project-grid--loading>span{min-height:250px;border:2px solid var(--line-soft);background:linear-gradient(90deg,transparent 0 42%,var(--dot) 50%,transparent 58%) var(--paper-raised);background-size:240% 100%;animation:project-loading 1.2s linear infinite}.projects-empty{display:grid;width:100%;min-height:330px;place-items:center;align-content:center;gap:.65rem;border:2px dashed var(--line);padding:2rem;background:var(--paper-raised);color:var(--ink);cursor:pointer;font-family:var(--font-title);line-height:1.5;white-space:normal}.projects-empty>.ds-button__label{display:grid;place-items:center;gap:.65rem}.projects-empty__mark{display:grid;width:48px;height:48px;place-items:center;border:2px solid var(--line);background:var(--lime);color:var(--lime-ink)}.projects-empty strong{font-size:1.45rem}.projects-empty small{color:var(--muted);font-size:1rem}@keyframes project-loading{to{background-position:-140% 0}}@keyframes project-card-beam{to{--project-beam-turn:360deg}}@media (max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-create{grid-template-columns:1fr}.project-create>header{border-right:0;border-bottom:2px solid var(--line)}}@media (max-width:640px){.project-create form,.project-grid{grid-template-columns:1fr}.project-create__actions,.project-create__billing,.project-create__error{grid-column:1}.project-card{min-height:220px}}@media (prefers-reduced-motion:reduce){.project-grid--loading>span{animation:none}.project-card{transition:none}.project-card__beam{background:var(--lime);animation:none}}.project-canvas-loading,.project-canvas-state{display:grid;min-height:calc(100svh - 3rem);place-items:center;align-content:center;gap:.75rem;border:2px solid var(--line);background:var(--paper-raised);color:var(--ink-soft);font-family:var(--font-label)}.workspace-main--canvas .project-canvas-loading,.workspace-main--canvas .project-canvas-state{height:100%;min-height:0;border:0}.project-canvas-loading svg{width:32px;height:32px}.project-canvas-state{display:block;padding:1rem}.project-canvas-state>a{display:inline-block;margin-bottom:.75rem;font-family:var(--font-label);font-size:.875rem;text-decoration:underline;text-underline-offset:3px}.project-empty-canvas{min-height:calc(100svh - 1.5rem);border:2px solid var(--line);background:var(--paper-raised);box-shadow:var(--hard-shadow)}.workspace-main--canvas .project-empty-canvas{display:flex;height:100%;min-height:0;flex-direction:column;border:0;box-shadow:none}.workspace-main--canvas .project-empty-canvas__stage{height:auto;min-height:0;flex:1 1 auto}.project-empty-canvas__bar{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--line);padding:.65rem .8rem}.project-empty-canvas__bar span{color:var(--muted);font-family:var(--font-label);font-size:.875rem;text-transform:uppercase}.project-empty-canvas__bar h1{margin:.1rem 0 0;font-size:1.35rem}.project-empty-canvas__bar>a{font-family:var(--font-label);font-size:.875rem;text-decoration:underline;text-underline-offset:3px}.project-empty-canvas__stage{position:relative;height:calc(100svh - 88px);min-height:560px}.project-empty-canvas__stage .react-flow__controls{border:1px solid var(--line);border-radius:0;box-shadow:2px 2px 0 var(--line)}.project-empty-canvas__stage .react-flow__controls-button{border-radius:0;background:var(--paper-raised);fill:var(--ink)}.project-empty-canvas__prompt{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:min(430px,calc(100% - 2rem));translate:-50% -50%;place-items:center;border:2px solid var(--line);padding:1.25rem;background:var(--paper-raised);box-shadow:var(--hard-shadow-lg);text-align:center}.project-empty-canvas__prompt>svg{width:34px;height:34px}.project-empty-canvas__prompt h2{margin:.75rem 0 0;font-size:1.4rem;letter-spacing:-.025em}.project-empty-canvas__prompt p{margin:.45rem 0 1rem;color:var(--muted)}.project-empty-canvas__prompt .project-empty-canvas__error{margin-bottom:0;color:var(--ink);font-weight:650}@media (max-width:700px){.project-empty-canvas{border-inline:0;box-shadow:none}.project-empty-canvas__bar{align-items:flex-start;flex-direction:column-reverse}.project-empty-canvas__stage{height:calc(100svh - 130px);min-height:500px}.workspace-main--canvas .project-empty-canvas__stage{height:auto;min-height:0}}