:root{--color-text-primary:#ECE9E0;--color-text-bright:#FAFAFA;--color-text-very-light:#D4D4D8;--color-text-light:#B4B4BD;--color-text-secondary:#A1A1AA;--color-text-muted-2:#70707B;--color-text-muted:#71717A;--color-text-faint:#52525B;--font-sans:"Cabinet Grotesk","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--color-bg-darkest:#1B1917;--color-bg-page:#1F1D1B;--color-surface-deep:#25221F;--color-surface:#2A2724;--color-surface-elevated:#36322E;--color-surface-2:#44403B;--color-border:#4A4540;--backdrop-dark:#0B0907;--backdrop-neutral:#808080;--color-accent:#DDD9CD;--color-accent-light:#DDD9CD;--color-accent-lighter:#FAFAFA;--color-accent-pale:#F4F1E9;--color-accent-hover:#ECE9E0;--color-accent-text:#1A1A1F;--color-link:#ECE9E0;--color-link-hover:#FAFAFA;--color-success:#5B9C7A;--color-warning:#D08530;--color-info:#7A8DA5;--color-danger:#C9543F;--color-danger-hover:#A84030;--color-indicator:var(--color-warning);--ai-accent:#4A8E78;--user-accent:#6A95DC;--favorite:#B8843D;--favorite-bg:rgba(184,132,61,0.08);--paper:#FAFAFA;--accent-wash-soft:rgba(236,233,224,0.04);--accent-wash:rgba(236,233,224,0.08);--accent-wash-dim:rgba(236,233,224,0.12);--accent-wash-glow:rgba(236,233,224,0.16);--accent-wash-strong:rgba(236,233,224,0.20);--color-border-soft:rgba(255,255,255,0.06);--color-border-strong:var(--color-text-faint);--focus-ring-width:3px;--focus-ring-offset:3px;--focus-ring-color:var(--accent-wash-strong);--focus-ring-border:var(--color-accent);--selection-bg:rgba(236,233,224,0.18);--shadow-sm:0 1px 2px rgba(11,9,7,0.40),0 1px 3px rgba(11,9,7,0.50);--shadow-md:0 4px 12px rgba(11,9,7,0.40),0 12px 32px rgba(11,9,7,0.50);--shadow-lg:0 24px 64px rgba(11,9,7,0.50),0 4px 12px rgba(11,9,7,0.40);--radius-xs:4px;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-xl:6px;--radius-pill:999px;--editor-color-text-primary:var(--color-text-primary);--editor-color-text-bright:var(--color-text-bright);--editor-color-text-secondary:var(--color-text-secondary);--editor-color-text-muted:var(--color-text-muted);--editor-color-text-faint:var(--color-text-faint);--editor-color-text-very-light:var(--color-text-very-light);--editor-color-text-light:var(--color-text-light);--editor-color-text-muted-2:var(--color-text-muted-2);--editor-color-border:var(--color-border);--editor-color-surface-deep:var(--color-surface-deep);--editor-color-surface:var(--color-surface);--editor-color-surface-2:var(--color-surface-2);--editor-color-surface-elevated:var(--color-surface-elevated);--editor-color-bg-page:var(--color-bg-page);--editor-color-bg-darkest:var(--color-bg-darkest);--editor-color-accent:var(--color-accent);--editor-color-accent-light:var(--color-accent-light);--editor-color-accent-lighter:var(--color-accent-lighter);--editor-color-accent-pale:var(--color-accent-pale);--editor-color-accent-hover:var(--color-accent-hover);--editor-color-accent-text:var(--color-accent-text);--editor-color-link:var(--color-link);--editor-color-link-hover:var(--color-link-hover);--editor-paper:var(--paper);--editor-accent-wash-soft:var(--accent-wash-soft);--editor-accent-wash:var(--accent-wash);--editor-accent-wash-dim:var(--accent-wash-dim);--editor-accent-wash-glow:var(--accent-wash-glow);--editor-accent-wash-strong:var(--accent-wash-strong);--editor-color-border-soft:var(--color-border-soft);--editor-color-border-strong:var(--color-border-strong);--editor-focus-ring-color:var(--focus-ring-color);--editor-focus-ring-border:var(--focus-ring-border);--editor-shadow-sm:var(--shadow-sm);--editor-shadow-md:var(--shadow-md);--editor-shadow-lg:var(--shadow-lg);--editor-color-success:var(--color-success);--editor-color-warning:var(--color-warning);--editor-color-info:var(--color-info);--editor-color-danger:var(--color-danger);--editor-color-danger-hover:var(--color-danger-hover);--editor-color-ai-accent:var(--ai-accent);--editor-color-favorite:var(--favorite)}.markdown-content a,.prose a,a.link{color:var(--color-link);text-decoration:underline;-webkit-text-decoration-color:var(--color-link);text-decoration-color:var(--color-link);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .12s ease,-webkit-text-decoration-color .12s ease;transition:color .12s ease,text-decoration-color .12s ease;transition:color .12s ease,text-decoration-color .12s ease,-webkit-text-decoration-color .12s ease}.markdown-content a:hover,.prose a:hover,a.link:hover{color:var(--color-link-hover);-webkit-text-decoration-color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}html::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body{background:var(--color-bg-page);font-family:var(--font-sans);color:var(--color-text-light);animation:pageIn .2s ease-out}::selection{background:var(--selection-bg);color:var(--color-text-primary)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-surface-deep) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;caret-color:var(--color-text-primary)!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important}.clerk-host .cl-formFieldInput:-webkit-autofill,.clerk-host .cl-formFieldInput:-webkit-autofill:active,.clerk-host .cl-formFieldInput:-webkit-autofill:focus,.clerk-host .cl-formFieldInput:-webkit-autofill:hover,.clerk-host .cl-input:-webkit-autofill,.clerk-host .cl-input:-webkit-autofill:active,.clerk-host .cl-input:-webkit-autofill:focus,.clerk-host .cl-input:-webkit-autofill:hover,.clerk-host input:-webkit-autofill,.clerk-host input:-webkit-autofill:active,.clerk-host input:-webkit-autofill:focus,.clerk-host input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-surface-deep) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;caret-color:var(--color-text-primary)!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important}.studio-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;height:64px;padding:0;background:var(--color-bg-page);border-bottom:1px solid rgba(255,255,255,.06)}.studio-nav .nav-logo-col{flex:0 0 var(--sidebar-width,226px);width:var(--sidebar-width,226px);display:flex;align-items:center;padding:0 24px;box-sizing:border-box}.studio-nav .nav-right{display:flex;align-items:center;gap:8px;padding-right:24px}.sidebar-item .sidebar-kbd{margin-left:auto;font-family:var(--font-sans);font-size:11px;font-weight:500;color:var(--color-text-muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:2px 6px;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.nav-icon-btn{position:relative}.nav-icon-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--color-indicator);pointer-events:none;animation:nav-icon-dot-pulse 2.4s ease-in-out infinite}#navNotifBtn .nav-icon-dot{background:var(--user-accent)}@keyframes nav-icon-dot-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-icon-dot,.sidebar-dot{animation:none}}.studio-nav .nav-logo{display:flex;align-items:center;text-decoration:none;gap:8px;flex-shrink:0;color:var(--color-text-primary)}.studio-nav .nav-logo svg{width:30px;height:30px;transition:width .18s ease,height .18s ease}.studio-nav .nav-title{font-family:Cormorant Garamond,Iowan Old Style,Palatino,Georgia,serif;font-style:italic;font-weight:500;font-size:28px;color:var(--color-text-primary);letter-spacing:normal;line-height:1;transition:font-size .18s ease}.studio-nav .nav-spacer{flex:1 1}.archive-sections{width:100%;max-width:1200px;margin:0 auto;gap:28px}.archive-rows,.archive-section,.archive-sections{display:flex;flex-direction:column}.archive-rows{background:var(--color-surface-deep);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);overflow:hidden}.archive-page-count{display:inline-flex;align-items:center;gap:12px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(236,233,224,.5);max-width:200px;overflow:hidden;white-space:nowrap;transition:max-width .26s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1),margin .26s cubic-bezier(.4,0,.2,1)}.archive-page-count:before{content:"";display:block;width:1px;height:18px;background:rgba(236,233,224,.18);flex-shrink:0}.project-toolbar.toolbar-compact .archive-page-count{max-width:0;opacity:0;margin:0}.archive-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid transparent;border-bottom-color:rgba(255,255,255,.04);background-clip:border-box;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .08s ease-out,border-color .08s ease-out}.archive-row:last-child{border-bottom-color:transparent}.archive-row--selected{
  /* !important matches the workspaces selected rule
     (.card.card-folder.card-selected). Without it, the later
     .archive-row:hover background-color rule wins for selected +
     hovered rows because the two have equal specificity. */border-color:rgba(236,233,224,.34)!important;background-color:rgba(236,233,224,.04)!important;position:relative}.archive-row--selected+.archive-row--selected{border-top-color:transparent!important}.archive-row--selected:after{content:"";position:absolute;top:12px;left:12px;width:14px;height:14px;border-radius:4px;background-color:var(--color-accent);background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231A1A1F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.75 6 6 9-13.5'/%3E%3C/svg%3E");background-position:50%;background-size:78%;background-repeat:no-repeat;z-index:3}body.workspace-selection-mode .archive-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.workspace-selection-mode .archive-row-btn,body.workspace-selection-mode .archive-row-kebab{opacity:.4;pointer-events:none}.archive-row:hover{background-color:var(--accent-wash-soft)}.archive-row:last-child:hover{border-bottom-color:transparent}.archive-row-identifier{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;border-radius:4px;overflow:hidden}.archive-row-identifier--canvas,.archive-row-identifier--project,.archive-row-identifier--workspace{background:transparent}.archive-row-identifier--canvas.archive-row-identifier--has-thumb{background:rgba(0,0,0,.25);border:1px solid rgba(236,233,224,.08)}.archive-row-identifier-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.archive-row-identifier-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.archive-row-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.archive-row-name{font-size:15px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-row-meta{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden}.archive-row-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.archive-row-meta-type{color:var(--color-text-secondary);flex-shrink:0}.archive-row-meta-sep{color:var(--color-text-faint);flex-shrink:0}.archive-row-meta-time{flex-shrink:0}.archive-row-meta-trail{display:inline-flex;align-items:center;gap:4px;min-width:0}.archive-row-meta-trail-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.archive-row-meta-chevron{color:var(--color-text-faint);display:inline-flex;align-items:center;flex-shrink:0}.archive-row-meta-chevron svg{display:block}.archive-row-btn{background:transparent;border:1px solid rgba(236,233,224,.22);color:var(--color-text-primary);font-family:var(--font-sans);font-size:12px;font-weight:500;padding:6px 14px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}.archive-row-btn:hover:not(:disabled){background:rgba(236,233,224,.05);border-color:rgba(236,233,224,.32);color:var(--color-text-primary)}.archive-row-btn:disabled{opacity:.5;cursor:default}.archive-search-empty{padding:28px 16px;text-align:center;color:rgba(236,233,224,.5);font-size:13px}.design-menu button.design-menu-mobile-only,.design-menu-divider.design-menu-mobile-only{display:none}@media (max-width:768px){.archive-row-btn{display:none}.design-menu button.design-menu-mobile-only,.design-menu-divider.design-menu-mobile-only{display:block}}.archive-row-kebab{background:transparent;border:1px solid transparent;color:var(--color-text-secondary);width:28px;height:28px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}.archive-row-kebab.menu-open,.archive-row-kebab:hover{background:rgba(255,255,255,.06);color:var(--color-text-primary);border-color:rgba(255,255,255,.1)}.archive-row .inline-rename-input{font:inherit;font-size:15px;font-weight:600;color:var(--color-text-bright);background:transparent;border:1px solid rgba(236,233,224,.2);border-radius:4px;padding:1px 6px;margin:-2px -6px;outline:none;min-width:0}.archive-row .inline-rename-input:focus{border-color:rgba(236,233,224,.4)}.studio-nav .nav-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-border);letter-spacing:.02em}.studio-nav .nav-status .status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border);transition:background .3s}.studio-nav .nav-status .status-dot.online{background:var(--color-success)}.studio-nav .nav-status .status-dot.offline{background:var(--color-danger)}.page-enter{width:100%;display:flex;flex-direction:column;align-items:center;animation-duration:.22s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.page-enter-sibling{animation-name:page-enter-sibling}.page-enter-deeper{animation-name:page-enter-deeper}.page-enter-shallower{animation-name:page-enter-shallower}@keyframes page-enter-sibling{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}@keyframes page-enter-deeper{0%{opacity:0;transform:translateX(18px)}to{opacity:1}}@keyframes page-enter-shallower{0%{opacity:0;transform:translateX(-18px)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-enter{animation:none}}.studio-page{display:flex;flex-direction:column;align-items:center;padding:32px 24px 80px;position:relative}.studio-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}.page-home,.page-project,.page-workspace{--page-accent:var(--color-accent);--page-accent-hover:var(--color-accent-hover);--page-accent-dim:rgba(236,233,224,0.04);--page-glow:rgba(236,233,224,0.06)}.studio-page .btn-primary{background:var(--page-accent);border-color:var(--page-accent)}.studio-page .btn-primary:hover{background:var(--page-accent-hover);border-color:var(--page-accent-hover)}.studio-page .card.menu-open,.studio-page .card:hover{border-color:color-mix(in srgb,var(--page-accent) 30%,transparent);box-shadow:0 4px 20px var(--page-glow),0 0 0 1px color-mix(in srgb,var(--page-accent) 10%,transparent)}.studio-page .project-list .card{background-clip:border-box;max-height:80px;transition:background-color .08s ease-out,border-color .08s ease-out,opacity .22s ease,max-height .22s ease,min-height .22s ease,padding .22s ease,margin .22s ease,border-width .22s ease}.studio-page .project-list .card>*{position:relative;inset:auto}.studio-page .project-list .card.menu-open,.studio-page .project-list .card:hover{background-color:var(--accent-wash-soft);border-color:transparent transparent rgba(255,255,255,.04);box-shadow:none;transform:none}body.menu-is-open .studio-page .project-list .card:not(.menu-open):hover{background-color:transparent;border-color:transparent transparent rgba(255,255,255,.04)}.studio-page .project-list .card.menu-open:last-child,.studio-page .project-list .card:last-child:hover{border-bottom-color:transparent}body.menu-is-open .studio-page .project-list .card{pointer-events:none}body.menu-is-open .studio-page .project-list .card .card-action-btn,body.menu-is-open .studio-page .project-list .card .card-dots,body.menu-is-open .studio-page .project-list .card .card-fav{pointer-events:auto}.studio-page .toolbar-search-wrap:focus-within:after{background:color-mix(in srgb,var(--page-accent) 60%,transparent)}.hero-brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:12px;width:100%;max-width:1200px}.hero-brand .hero-lockup{display:flex;align-items:center;gap:28px}.hero-brand .hero-mark-wrap{position:relative;flex-shrink:0}.hero-brand .hero-mark-glow{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(236,233,224,.14) 0,rgba(236,233,224,.05) 40%,transparent 70%);pointer-events:none}.hero-brand .hero-mark{position:relative;z-index:1}.hero-brand .hero-text{display:flex;flex-direction:column;gap:14px}.hero-brand .hero-title{font-size:64px;font-weight:700;color:var(--color-text-primary);letter-spacing:-3px;line-height:1}.hero-brand .hero-sub{font-size:16px;font-weight:500;color:var(--color-accent);letter-spacing:5px;margin-left:4px;text-transform:uppercase;line-height:1}.studio-page .page-subtitle{font-size:14px;color:var(--color-text-muted-2);margin-bottom:40px;width:100%;max-width:1200px}.studio-page .page-subtitle .count{color:var(--color-border);margin-left:4px}.search-bar{width:100%;max-width:1200px;margin-bottom:24px;position:relative}.search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-border);pointer-events:none}.search-bar input{width:100%;padding:10px 14px 10px 40px;font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary);background:var(--color-surface-deep);border:1px solid rgba(255,255,255,.06);border-radius:4px;outline:none;transition:border-color .15s}.search-bar input::placeholder{color:var(--color-border)}.search-bar input:focus{border-color:rgba(236,233,224,.19)}.card.card-hidden{display:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:20px;gap:20px;width:100%;max-width:1200px}.card{min-height:140px;position:relative;display:flex;flex-direction:column;gap:16px;padding:28px 24px;background:var(--color-surface-deep);border:1px solid rgba(255,255,255,.06);border-radius:4px;text-decoration:none;color:inherit;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.card:hover{border-color:rgba(236,233,224,.19);background:#141418;transform:translateY(-1px)}.card .card-header{display:flex;align-items:center;gap:14px}.card .card-icon{color:var(--color-accent-light);flex-shrink:0}.card .card-info{display:flex;flex-direction:column;gap:2px}.card .card-name{font-size:16px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:6px}.card .card-meta{font-size:12px;color:var(--color-border)}.card .card-files{display:flex;flex-wrap:wrap;gap:6px}.card .card-file-tag{font-size:11px;color:var(--color-text-muted-2);padding:3px 8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);border-radius:4px}.card.card-empty{border-style:dashed;border-color:rgba(255,255,255,.04);opacity:.6}.card.card-empty:hover{opacity:.8;border-color:rgba(255,255,255,.08);transform:none}.card .card-delete{display:none;position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:4px;background:rgba(223,47,74,.1);color:#df2f4a;cursor:pointer;padding:0;align-items:center;justify-content:center;transition:background .15s;z-index:2}.card:hover .card-delete{display:flex}.card .card-delete:hover{background:rgba(223,47,74,.25)}.sort-bar{display:flex;align-items:center;gap:4px;width:100%;max-width:1200px;margin-bottom:16px}.sort-bar .sort-label{font-size:11px;color:var(--color-border);margin-right:8px}.sort-bar .sort-btn{font-family:var(--font-sans);font-size:11px;font-weight:500;padding:4px 10px;border-radius:4px;border:none;background:transparent;color:var(--color-border);cursor:pointer;transition:all .15s}.sort-bar .sort-btn:hover{color:var(--color-text-light);background:rgba(255,255,255,.04)}.sort-bar .sort-btn.active{background:rgba(236,233,224,.08);color:var(--color-accent-light)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px}.pagination,.pagination .page-btn{font-size:13px;color:var(--color-text-muted-2)}.pagination .page-btn{font-family:var(--font-sans);font-weight:500;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:transparent;cursor:pointer;transition:all .15s}.pagination .page-btn:hover{background:rgba(255,255,255,.04);color:var(--color-text-primary);border-color:rgba(255,255,255,.12)}.pagination .page-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.pagination .page-btn.active{background:rgba(236,233,224,.1);border-color:rgba(236,233,224,.16);color:var(--color-accent-light)}.pagination .page-info{padding:0 8px;color:var(--color-border);font-size:12px}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;text-align:center}.empty-state .empty-icon{color:var(--color-surface-2)}.empty-state .empty-title{font-size:15px;font-weight:500;color:var(--color-text-muted-2)}.empty-state .empty-hint{font-size:13px;color:var(--color-surface-2);font-family:SF Mono,SFMono-Regular,Consolas,monospace}.empty-state-center{display:flex;align-items:flex-start;justify-content:center;width:100%;flex:1 1 auto;min-height:0;padding-top:6vh;transition:padding-right .3s cubic-bezier(.16,1,.3,1)}@media (max-width:768px){.empty-state-center{padding-top:16px}}@media (prefers-reduced-motion:reduce){.empty-state-center{transition:none}}@media (min-width:1300px){.empty-state-center{padding-right:8%}}.empty-state-center .listing-empty-state-wrap{margin-top:0;margin-bottom:0}@keyframes toolbar-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}.project-toolbar{animation:toolbar-enter .28s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.project-toolbar{animation:none}}.listing-empty-state-wrap{width:100%;display:flex;justify-content:center;margin-top:50px;margin-bottom:48px}.listing-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:600px;padding:56px 48px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);animation:listing-empty-state-fade-in .22s ease-out}@keyframes listing-empty-state-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.listing-empty-state{animation:none}}.listing-empty-state__icon{width:30px;height:30px;color:var(--color-text-faint);margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center}.listing-empty-state__icon svg{width:100%;height:100%}.listing-empty-state__headline{font-family:var(--font-sans);font-weight:600;font-size:22px;line-height:1.25;letter-spacing:-.01em;color:var(--color-text-primary);margin:0}.listing-empty-state__subhead{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.55;color:var(--color-text-secondary);margin:10px 0 0}.listing-empty-state__actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin-top:28px}.listing-empty-state__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1;padding:11px 20px;border-radius:var(--radius-md);background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-accent-text);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .16s ease-in-out,border-color .16s ease-in-out}.listing-empty-state__btn:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.listing-empty-state__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.listing-empty-state__btn:disabled{cursor:progress;opacity:.85}.listing-empty-state__btn--secondary{background:var(--color-surface-2);border-color:var(--color-border-soft);color:var(--color-text-primary);padding:12px 21px}.listing-empty-state__btn--secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border)}.listing-empty-state__spinner{width:12px;height:12px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@media (max-width:768px){.listing-empty-state-wrap{margin-top:56px;margin-bottom:40px}.listing-empty-state{max-width:480px;padding:40px 32px}.listing-empty-state__headline{font-size:20px}.listing-empty-state__subhead{font-size:13px}}@media (max-width:480px){.listing-empty-state__actions{flex-direction:column;align-items:stretch;width:100%}.listing-empty-state__btn{width:100%}}.listing-empty-state--workspaces{align-items:center;text-align:left}.empty-state-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;max-width:480px}.empty-state-diagram{margin-bottom:28px}.empty-state-eyebrow{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 16px}.empty-state-headline{font-family:Cormorant Garamond,Iowan Old Style,Palatino,Georgia,serif;font-style:italic;font-weight:500;font-size:36px;line-height:1.15;letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 16px}.empty-state-body{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--color-text-secondary);margin:0 0 32px;max-width:460px}.empty-state-actions{display:flex;gap:12px}.empty-state-archive-hint{font-family:var(--font-sans);font-size:13px;line-height:1.45;color:var(--color-text-faint);margin:24px 0 0}.empty-state-archive-hint a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px}.empty-state-archive-hint a:hover{color:var(--color-link-hover)}.listing-empty-state--design .empty-state-content{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;max-width:720px}.listing-empty-state--design .empty-state-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.listing-empty-state--design .empty-state-diagram{flex:0 0 auto;align-self:center;margin-bottom:0;display:block}.listing-empty-state--drafts.listing-empty-state--design .empty-state-content{gap:16px}@media (max-width:640px){.listing-empty-state--design .empty-state-content{flex-direction:column;align-items:flex-start;gap:0;max-width:480px}.listing-empty-state--design .empty-state-text{order:2}.listing-empty-state--design .empty-state-diagram{order:1;align-self:flex-start;width:120px;height:80px;margin-bottom:28px}}@media (max-width:480px){.empty-state-headline{font-size:28px}.empty-state-actions{flex-direction:column;align-items:stretch;width:100%}.empty-state-actions .listing-empty-state__btn{width:100%}}.shares-empty-card .empty-state-headline{margin-bottom:12px}.shares-empty-card .empty-state-body{margin-bottom:20px}.shares-empty-inline-link{display:inline;background:none;border:none;padding:0;font:inherit;font-size:14px;color:var(--color-link);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .16s ease-in-out}.shares-empty-inline-link:hover{color:var(--color-link-hover)}.shares-empty-inline-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:3px;border-radius:2px}.design-page{display:flex;flex-direction:column;align-items:center;padding:32px 24px 80px;background:var(--studio-bg,var(--color-bg-page));transition:background .2s ease}.design-heading{font-size:14px;font-weight:600;color:var(--color-text-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.design-subtitle{font-size:13px;color:var(--color-border);margin-bottom:24px}.design-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-border);margin-top:48px;margin-bottom:12px}.artboard-scroll{width:100%;overflow-x:auto;padding-bottom:12px}.artboard-scroll::-webkit-scrollbar{height:6px}.artboard-scroll::-webkit-scrollbar-track{background:transparent}.artboard-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,var(--color-surface-2));border-radius:3px}.artboard-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover,var(--color-border))}.artboard{position:relative;overflow:hidden;zoom:var(--studio-zoom,1);margin:0 auto;width:-moz-fit-content;width:fit-content}.zoom-controls{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:2px}.zoom-btn{font-family:var(--font-sans);font-size:12px;font-weight:500;padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--color-text-muted-2);cursor:pointer;transition:all .15s}.zoom-btn:hover{color:var(--color-text-light);background:rgba(255,255,255,.04)}.zoom-btn.active{background:rgba(236,233,224,.1);color:var(--color-accent-light)}.bg-controls{display:flex;align-items:center;gap:6px}.bg-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s;padding:0;outline:none}.bg-swatch:hover{border-color:rgba(255,255,255,.25)}.bg-swatch.active{border-color:var(--color-accent-light)}.bg-swatch-dark{background:var(--color-bg-page);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.bg-swatch-mid{background:var(--color-surface-2)}.bg-swatch-light{background:var(--color-text-very-light)}.bg-swatch-white{background:#FFFFFF}.view-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px}.view-divider{width:1px;height:20px;background:rgba(255,255,255,.06)}.toolbar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;margin-bottom:8px;padding:8px 12px;background:var(--color-surface-deep);border:1px solid rgba(255,255,255,.06);border-radius:4px}.toolbar .toolbar-spacer{flex:1 1}.btn{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:7px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--color-text-light);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15);color:var(--color-text-primary)}.btn.active{background:rgba(236,233,224,.08);border-color:rgba(236,233,224,.16);color:var(--color-accent-light)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:600}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-text)}.btn-secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:var(--color-text-secondary)}.btn-secondary:hover{background:rgba(255,255,255,.1);color:var(--color-text-bright)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-primary);font-weight:600}.btn-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-primary.running{opacity:.7;cursor:wait;pointer-events:none}.btn-primary svg{width:14px;height:14px}.conjure-toast{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 18px 22px;background:var(--color-surface);border:1px solid rgba(236,233,224,.08);border-radius:var(--radius-xs);box-shadow:0 6px 16px rgba(0,0,0,.35);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.4;color:#FAFAFA;min-width:480px;max-width:720px;position:relative;overflow:hidden}.conjure-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--toast-stripe)}.conjure-toast--success{--toast-stripe:#5B9C7A}.conjure-toast--error{--toast-stripe:#C9543F}.conjure-toast--action,.conjure-toast--info{--toast-stripe:#7A8DA5}.conjure-toast__body{display:flex;align-items:center;gap:12px;flex:1 1}.conjure-toast__separator{color:rgba(236,233,224,.45)}.conjure-toast__action{background:transparent;border:1px solid rgba(236,233,224,.14);border-radius:4px;color:#FAFAFA;font-family:inherit;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 14px;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.conjure-toast__action:hover{background:rgba(236,233,224,.04);border-color:rgba(236,233,224,.28)}.conjure-toast__close{background:transparent;border:1px solid rgba(236,233,224,.12);border-radius:4px;color:#FAFAFA;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.conjure-toast__close:hover{background:rgba(236,233,224,.04);border-color:rgba(236,233,224,.22)}.conjure-toast-stack{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:12px;z-index:4700;pointer-events:none}.conjure-toast-stack>*{pointer-events:auto}@keyframes toast-in{0%{transform:translateX(calc(100% + 16px));opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-out{0%{transform:translateX(0);opacity:1;max-height:80px;margin-bottom:12px}to{transform:translateX(calc(100% + 16px));opacity:0;max-height:0;margin-bottom:0}}.conjure-toast--entering{animation:toast-in .32s cubic-bezier(.16,1,.3,1)}.conjure-toast--exiting{animation:toast-out .24s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.conjure-toast--entering,.conjure-toast--exiting{animation:none}.conjure-toast--exiting{opacity:0}}@media (max-width:720px){.conjure-toast-stack{top:calc(8px + env(safe-area-inset-top, 0));left:8px;right:8px;gap:8px}.conjure-toast{min-width:0;max-width:none;width:100%;box-sizing:border-box;padding:12px 12px 12px 18px;font-size:13.5px;gap:12px}.conjure-toast__body{gap:8px;min-width:0}.conjure-toast__close{width:28px;height:28px}}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:18px;height:18px;border:2px solid rgba(129,140,248,.2);border-top:2px solid var(--color-accent-light);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}body{display:flex;flex-direction:column;min-height:100vh}