:root{--color-text-primary:#ECE9E0;--color-text-bright:#FAFAFA;--color-text-very-light:#D8D4C9;--color-text-light:#BFBBAF;--color-text-secondary:#B0AC9F;--color-text-muted-2:#7E7A70;--color-text-muted:#807C72;--color-text-faint:#5C5950;--font-sans:var(--font-sans-src),"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-display:var(--font-display-src),"Iowan Old Style",Palatino,Georgia,serif;--font-mono:var(--font-mono-src),ui-monospace,SFMono-Regular,Menlo,monospace;--color-bg-darkest:#171513;--color-bg-page:#171513;--color-surface-deep:#1B1917;--color-surface:#1F1D1B;--color-surface-elevated:#25221F;--color-surface-2:#2A2724;--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;--user-accent-deep:#1F4E94;--container-border-drawn:color-mix(in srgb,var(--color-text-primary) 22%,transparent);--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);--wash-cream-03:rgba(236,233,224,0.03);--wash-cream-05:rgba(236,233,224,0.05);--wash-cream-06:rgba(236,233,224,0.06);--wash-cream-10:rgba(236,233,224,0.1);--wash-cream-14:rgba(236,233,224,0.14);--wash-cream-28:rgba(236,233,224,0.28);--wash-white-02:rgba(255,255,255,0.02);--wash-white-03:rgba(255,255,255,0.03);--wash-white-04:rgba(255,255,255,0.04);--wash-white-05:rgba(255,255,255,0.05);--wash-white-06:rgba(255,255,255,0.06);--wash-white-08:rgba(255,255,255,0.08);--wash-white-10:rgba(255,255,255,0.1);--wash-white-15:rgba(255,255,255,0.15);--mix-white:#ffffff;--scrim-black-25:rgba(0,0,0,0.25);--scrim-black-30:rgba(0,0,0,0.3);--scrim-black-40:rgba(0,0,0,0.4);--scrim-black-50:rgba(0,0,0,0.5);--scrim-black-70:rgba(0,0,0,0.7);--scrim-void-32:rgba(5,5,7,0.32);--user-accent-wash:rgba(106,149,220,0.08);--ai-accent-wash:rgba(74,142,120,0.08);--danger-wash:rgba(201,84,63,0.08);--warning-wash:rgba(208,133,48,0.08);--favorite-wash:rgba(184,132,61,0.16);--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);--phone-sheet-headroom:calc(64px + env(safe-area-inset-top, 0px));--phone-sheet-max-h:calc(100dvh - var(--phone-sheet-headroom));--radius-xs:4px;--modal-scrim-color:rgba(0,0,0,0.6);--modal-scrim-blur:8px;--hover-wash-ms:120ms;--sheet-enter-ms:340ms;--sheet-exit-ms:240ms;--filter-fade-ms:160ms;--card-hover-ease:300ms ease-in-out;--sheet-scrim-band-cushion:40px;--sheet-kbd-settle:240ms cubic-bezier(0.4,0,0.2,1);--sheet-scrim-two-tone:linear-gradient(to bottom,var(--modal-scrim-color) calc(100% - var(--kbd-inset, 0px) - var(--sheet-scrim-band-cushion)),var(--color-surface-deep) calc(100% - var(--kbd-inset, 0px) - var(--sheet-scrim-band-cushion)));--radius-sheet:6px;--edge-fade-down:linear-gradient(to bottom,var(--color-bg-page) 0%,color-mix(in srgb,var(--color-bg-page) 87.5%,transparent) 3.125%,color-mix(in srgb,var(--color-bg-page) 75%,transparent) 9.9213%,color-mix(in srgb,var(--color-bg-page) 62.5%,transparent) 19.5008%,color-mix(in srgb,var(--color-bg-page) 50%,transparent) 31.498%,color-mix(in srgb,var(--color-bg-page) 37.5%,transparent) 45.6878%,color-mix(in srgb,var(--color-bg-page) 25%,transparent) 61.9111%,color-mix(in srgb,var(--color-bg-page) 12.5%,transparent) 80.0473%,transparent 100%);--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--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}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.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}:root{--scrollbar-thumb-ink:rgba(255,255,255,0.06)}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-ink) transparent;scrollbar-gutter:stable}:root{--wordmark-size:28px;--chrome-band-height:64px;--sidebar-menu-icon-size:18px}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}body{background:var(--color-bg-page);font-family:var(--font-sans);color:var(--color-text-light);min-height:100vh;min-height:100svh;animation:pageFadeIn .2s ease-out}button,input,select,textarea{font-family:inherit}::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}.mobile-floating-chrome{display:none}.app-sidebar .nav-logo-col{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);display:flex;align-items:center;padding:0 24px;box-sizing:border-box}.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{animation:none}}.app-sidebar .nav-logo,.mobile-floating-chrome .nav-logo,.store-card .nav-logo{display:flex;align-items:center;text-decoration:none;gap:8px;flex-shrink:0;color:var(--color-text-primary)}.app-sidebar .nav-logo svg,.mobile-floating-chrome .nav-logo svg,.store-card .nav-logo svg{width:30px;height:30px;transition:width .18s ease,height .18s ease}.app-sidebar .nav-title,.mobile-floating-chrome .nav-title,.store-card .nav-title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--wordmark-size);color:var(--color-text-primary);letter-spacing:normal;line-height:1;transition:font-size .18s ease}.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;position:relative;isolation:isolate}.archive-page-count{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;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:var(--selection-bg);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:border-color .08s ease-out,background-color var(--card-hover-ease)}.archive-row:last-child{border-bottom-color:transparent}.archive-row:focus-visible,.archive-row:has(:focus-visible){background-color:var(--accent-wash-soft)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.archive-row:hover{background-color:var(--accent-wash-soft)}}.archive-row--selected{
  /* !important matches the workspaces selected rule
     (.card.card-folder.card-selected) AND is now load-bearing again:
     the hover wash is back at the row's own level (hover-detracking),
     so selection must outrank it — a selected row stays selected-lit
     under the pointer. */border-color:rgba(236,233,224,.34)!important;background-color:var(--accent-wash-soft)!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:var(--radius-sm);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-identifier{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--radius-sm);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:var(--scrim-black-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-nav{display:flex;align-items:center;flex:0 1 auto;min-width:0;margin:-10px auto -10px -14px;padding:6px 8px;text-decoration:none;color:inherit;cursor:pointer}.archive-row-nav--inert{cursor:default}.trash-tag-identifier{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.trash-tag-dot{width:14px;height:14px;border-radius:50%;background:var(--color-text-dim)}.nav-paint{display:flex;align-items:center;gap:14px;min-width:0;padding:4px 6px}.archive-row-nav .archive-row-text,.nav-paint{flex:0 1 auto}.archive-row-nav:focus-visible{outline:2px solid var(--color-focus-ring,rgba(236,233,224,.4));outline-offset:-2px;border-radius:var(--radius-sm)}.archive-row-nav--editing{flex:1 1 auto;cursor:default}:root{--row-halo:10px;--row-halo-v:10px}.row-halo{align-self:stretch;margin-block:calc(var(--row-halo-v) * -1);padding-inline:var(--row-halo);margin-inline:calc(var(--row-halo) * -1);cursor:default}.archive-row-actions,.row-halo{display:flex;align-items:center}.archive-row-actions{gap:14px}.archive-row-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.archive-row-name{font-size:14px;font-weight:500;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:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.archive-row-btn:hover:not(:disabled){background:var(--wash-cream-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:var(--radius-sm);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{background:var(--wash-white-06);color:var(--color-text-primary);border-color:rgba(255,255,255,.1)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.archive-row-kebab:hover{background:var(--wash-white-06);color:var(--color-text-primary);border-color:rgba(255,255,255,.1)}}.archive-row .inline-rename-input{font:inherit;font-size:14px;font-weight:500;color:var(--color-text-bright);background:transparent;border:1px solid rgba(236,233,224,.2);border-radius:var(--radius-sm);padding:3px 6px;margin:-4px -6px;outline:none;min-width:0}.archive-row .inline-rename-input:focus{border-color:rgba(236,233,224,.4)}.page-enter{width:100%}.page-enter,.studio-page{display:flex;flex-direction:column;align-items:center}.studio-page{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)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.studio-page .btn-primary:hover{background:var(--page-accent-hover);border-color:var(--page-accent-hover)}}.studio-page .card.menu-open{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)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.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;cursor:pointer;transition: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}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.studio-page .project-list .card{transition: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,background-color var(--card-hover-ease)}}.studio-page .project-list .card>*{position:relative;inset:auto}.studio-page .project-list .card.menu-open,.studio-page .project-list .card:focus-visible,.studio-page .project-list .card:has(:focus-visible){border-color:transparent transparent rgba(255,255,255,.04);box-shadow:none;transform:none;background-color:var(--accent-wash-soft)}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.studio-page .project-list .card:hover{border-color:transparent transparent rgba(255,255,255,.04);box-shadow:none;transform:none;background-color:var(--accent-wash-soft)}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{border-bottom-color:transparent}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.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 .menu-open{pointer-events:auto}body.menu-is-open .design-card{pointer-events:none}body.menu-is-open .design-card .menu-open{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,var(--wash-cream-14) 0,var(--wash-cream-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:var(--radius-sm);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:var(--radius-sm);text-decoration:none;color:inherit;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.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:700;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:var(--wash-white-03);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm)}.card.card-empty{border-style:dashed;border-color:rgba(255,255,255,.04);opacity:.6}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.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:var(--radius-sm);background:rgba(223,47,74,.1);color:#df2f4a;cursor:pointer;padding:0;align-items:center;justify-content:center;transition:background .15s;z-index:2}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.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:var(--radius-sm);border:none;background:transparent;color:var(--color-border);cursor:pointer;transition:all .15s}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.sort-bar .sort-btn:hover{color:var(--color-text-light);background:var(--wash-white-04)}}.sort-bar .sort-btn.active{background:var(--accent-wash);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:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:transparent;cursor:pointer;transition:all .15s}@media (hover:hover) and (pointer:fine) and (not (any-pointer:coarse)){.pagination .page-btn:hover{background:var(--wash-white-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:var(--wash-cream-10);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}