.projects-page{color:#f5f7f4;background:radial-gradient(circle at 80% 8%,#6f3dbe1f,#0000 27%),radial-gradient(circle at 10% 35%,#b8ff4b0d,#0000 23%),#07090d;min-height:100vh}.projects-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a0ed9;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex}.projects-brand{color:#fff;align-items:center;text-decoration:none;display:inline-flex}.projects-heading small{color:#77808a;letter-spacing:.17em;font-size:9px}.projects-brand .brand-logo{width:154px;height:52px}.projects-nav>div{align-items:center;gap:6px;display:flex}.projects-nav>div a{color:#8f99a2;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;text-decoration:none;display:flex}.projects-nav>div a.active{color:#d8ff83;background:#baff5112;border-color:#baff5140}.projects-nav>div button.projects-canvas-entry{color:#d9ff83;cursor:pointer;background:#baff5114;border:1px solid #baff5166;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:9px 13px;font-size:11px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff0d}.projects-nav>div button.projects-canvas-entry:hover{color:#efffc9;background:#baff5124;border-color:#c9ff54}.projects-canvas-launcher-backdrop{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020407c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.projects-canvas-launcher{background:#11161b;border:1px solid #39434b;border-radius:17px;width:min(520px,100%);overflow:hidden;box-shadow:0 26px 80px #000b}.projects-canvas-launcher>header{border-bottom:1px solid #293139;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.projects-canvas-launcher>header small{color:#a8d94d;letter-spacing:.15em;font-size:9px}.projects-canvas-launcher h2{margin:5px 0;font-size:22px}.projects-canvas-launcher>header p,.projects-canvas-launcher-note{color:#88939b;margin:0;font-size:11px;line-height:1.7}.projects-canvas-launcher>header button{color:#aab3b9;cursor:pointer;background:#171d22;border:1px solid #343d45;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.projects-canvas-launcher>label{color:#b8c0c5;gap:8px;margin:20px 24px 12px;font-size:11px;display:grid}.projects-canvas-launcher-new{background:#baff510b;border:1px solid #9ac83f66;border-radius:12px;gap:12px;margin:20px 24px 0;padding:16px;display:grid}.projects-canvas-launcher-new>div{gap:4px;display:grid}.projects-canvas-launcher-new b{color:#edf5dc;font-size:13px}.projects-canvas-launcher-new>div span,.projects-canvas-launcher-new label span{color:#8e9aa1;font-size:10px;line-height:1.55}.projects-canvas-launcher-new label{gap:6px;display:grid}.projects-canvas-launcher-new input,.projects-canvas-launcher>label input{color:#fff;background:#090d11;border:1px solid #4a583d;border-radius:9px;outline:none;min-height:42px;padding:0 12px}.projects-canvas-launcher-new input:focus,.projects-canvas-launcher>label input:focus{border-color:#c9ff54}.projects-canvas-launcher>label small[role=alert]{color:#ffaaa1;font-size:10px}.projects-canvas-launcher-new>button{color:#11170c;cursor:pointer;background:#c9ff54;border:1px solid #c9ff54;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:11px;font-weight:800;display:inline-flex}.projects-canvas-launcher-new>button:disabled{opacity:.45;cursor:not-allowed}.projects-canvas-launcher-new>p{color:#ffaaa1;margin:0;font-size:10px;line-height:1.5}.projects-canvas-launcher-divider{text-align:center;border-top:1px solid #293139;margin:18px 24px 0;position:relative}.projects-canvas-launcher-divider span{color:#707c84;background:#11161b;padding:0 9px;font-size:9px;position:relative;top:-8px}.projects-canvas-launcher>label select{color:#fff;background:#090d11;border:1px solid #39434b;border-radius:10px;outline:none;min-height:44px;padding:0 40px 0 13px}.projects-canvas-launcher-note{background:#baff510b;border:1px solid #baff5124;border-radius:10px;margin:0 24px;padding:12px 14px}.projects-canvas-launcher>footer{justify-content:flex-end;gap:8px;padding:20px 24px 24px;display:flex}.projects-canvas-launcher>footer button,.projects-canvas-launcher>footer a{color:#d6dde0;cursor:pointer;background:#171d22;border:1px solid #39434b;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:11px;text-decoration:none;display:inline-flex}.projects-canvas-launcher>footer a.primary,.projects-canvas-launcher>footer button.primary{color:#11170c;background:#c9ff54;border-color:#c9ff54;font-weight:800}.projects-shell{width:81vw;margin:0 auto;padding:50px 0 80px}.projects-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.projects-heading>div>a{color:#8f99a2;align-items:center;gap:6px;margin-bottom:24px;font-size:10px;text-decoration:none;display:flex}.projects-heading h1{letter-spacing:-.04em;margin:7px 0 6px;font-size:42px}.projects-heading p{color:#818b94;margin:0;font-size:12px}.projects-create{color:#11170c;background:#c9ff54;border-radius:10px;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 12px 34px #a9ff4222}.projects-stats{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:34px;display:grid}.projects-stats article{color:#8c979f;background:#11161bd9;border:1px solid #293139;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 20px;font-size:11px;display:grid}.projects-stats svg{color:#c9ff54}.projects-stats b{color:#f6f8f5;font-size:23px}.projects-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 17px;display:flex}.projects-category-filter{gap:7px;display:grid}.projects-category-filter>b{color:#8c979f;font-size:10px;font-weight:700}.projects-toolbar nav{background:#14191e;border-radius:9px;gap:5px;padding:5px;display:flex}.projects-toolbar button{color:#7d8890;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 13px;font-size:11px}.projects-toolbar button.active{color:#fff;background:#293139}.projects-toolbar label{color:#77828b;background:#10151a;border:1px solid #2d363e;border-radius:9px;align-items:center;gap:8px;width:min(300px,40vw);padding:9px 12px;display:flex}.projects-toolbar input{color:#fff;background:0 0;border:0;outline:none;width:100%;font-size:11px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:15px;display:grid}.project-vault-shell{min-width:0;height:100%;position:relative}.project-vault-card{--accent:#c9ff54;aspect-ratio:1;color:#fff;background:#11161b;border:1px solid #303941;border-radius:17px;flex-direction:column;min-width:0;height:100%;padding:16px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.project-vault-menu-trigger{z-index:3;color:#dfe4e7;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c10cc;border:1px solid #333d46;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:15px;right:15px}.project-completion-toggle{z-index:3;border:1px solid color-mix(in srgb, var(--accent,#c9ff54) 46%, #303941);color:#b9c4cb;cursor:pointer;background:#0b1015eb;border-radius:999px;min-width:68px;height:27px;padding:0 10px;font-size:10px;font-weight:800;position:absolute;bottom:41px;right:16px}.project-completion-toggle:hover,.project-completion-toggle.is-completed{border-color:var(--accent,#c9ff54);color:var(--accent,#c9ff54)}.project-completion-toggle:disabled{cursor:wait;opacity:.6}.project-vault-menu-trigger:hover,.project-vault-menu-trigger[aria-expanded=true]{color:#c9ff54;border-color:#c9ff54}.project-vault-menu{z-index:4;background:#11161e;border:1px solid #303941;border-radius:10px;min-width:132px;padding:6px;position:absolute;top:55px;right:15px;box-shadow:0 16px 38px #0008}.project-vault-menu button,.project-vault-menu a{color:#dfe6e9;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.project-vault-menu a:hover{color:#d9ff72;background:#d9ff7214}.project-vault-menu button{color:#dfe6e9}.project-vault-menu button:hover{color:#d9ff72;background:#d9ff7214}.project-vault-menu button.danger{color:#ff7888}.project-vault-menu button.danger:hover{color:#ff7888;background:#ff5c701c}.project-vault-menu button:disabled{cursor:wait;opacity:.55}.project-vault-card.violet{--accent:#a978ff}.project-vault-card.cyan{--accent:#52dcd4}.project-vault-card.rose{--accent:#ff6b91}.project-vault-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 20px 50px #0007,inset 0 1px #ffffff0d}.project-vault-card>header{color:#7e8991;align-items:center;gap:6px;min-height:24px;padding-right:42px;display:flex;overflow:hidden}.project-vault-card>header span{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.project-vault-card>header .project-owner-name{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);color:#dce6eb;text-overflow:ellipsis;white-space:nowrap;background:#090d12b8;max-width:min(180px,60%);font-weight:650;overflow:hidden}.project-vault-card>header .project-kind-badge{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);color:#e7edf0;background:#0b1015}.project-mark{border:1px solid color-mix(in srgb, var(--accent) 24%, #253039);background:color-mix(in srgb, var(--accent) 9%, #11171c);height:112px;color:var(--accent);border-radius:13px;justify-content:space-between;align-items:center;margin:18px 0 16px;padding:0 21px;display:flex;position:relative;overflow:hidden}.project-mark b{letter-spacing:-.08em;opacity:.11;font-size:72px}.project-vault-cover{aspect-ratio:16/9;object-fit:cover;border:1px solid color-mix(in srgb, var(--accent) 24%, #253039);background:#0e1217;border-radius:13px;flex:none;place-items:center;width:100%;height:auto;margin:6px 0 3px;display:grid;overflow:hidden}.project-vault-cover.is-empty{color:#606a73;background:radial-gradient(circle at 68% 30%,#2e353d 0 2px,#0000 3px),linear-gradient(145deg,#181d23,#0e1115)}.projects-load-more{color:#dce4e8;cursor:pointer;background:#11171c;border:1px solid #44505a;border-radius:10px;min-width:160px;min-height:42px;margin:24px auto 0;display:block}.projects-load-more:hover{color:#c9ff54;border-color:#c9ff54}.project-vault-card>small{color:var(--accent);letter-spacing:.12em;font-size:9px;font-weight:800}.project-vault-style{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;align-self:flex-end;max-width:100%;min-height:12px;line-height:12px;overflow:hidden}.project-vault-card h2{text-overflow:ellipsis;white-space:nowrap;flex:none;margin:2px 0;font-size:21px;line-height:1.1;overflow:hidden}.project-vault-card>p{color:#7f8992;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:none;min-height:17px;margin:0;font-size:10px;line-height:1.65;display:-webkit-box;overflow:hidden}.project-vault-card dl{flex:none;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0;display:grid}.project-vault-card dl div{background:#171d22;border-radius:8px;padding:6px 8px}.project-vault-card dt{color:#6f7981;font-size:8px}.project-vault-card dd{margin:3px 0 0;font-size:15px;font-weight:800}.project-vault-card footer{border-top:1px solid #262e35;flex:none;justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.project-vault-card footer span{color:#747f87;align-items:center;gap:6px;font-size:9px;display:flex}.project-vault-card footer b{color:var(--accent);font-size:10px}.projects-empty{color:#68737b;border:1px dashed #303941;border-radius:17px;grid-column:1/-1;place-content:center;justify-items:center;gap:9px;min-height:320px;display:grid}.projects-empty b{color:#b9c1c5}.projects-empty p{margin:0;font-size:10px}.projects-advanced-actions{background:#11171c;border:1px solid #2d3941;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:14px 16px;display:flex}.projects-advanced-actions p{color:#89959d;margin:0;font-size:11px}.projects-advanced-actions button{color:#10140a;background:#b8f34a;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex}.projects-advanced-create>label{gap:7px;margin:20px 0;display:grid}.projects-advanced-create input{color:#eef3f5;background:#0c1115;border:1px solid #35424b;border-radius:8px;padding:12px}@media (max-width:1000px){.projects-grid,.projects-stats{grid-template-columns:1fr 1fr}}@media (min-width:1600px){.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1600px) and (max-width:1799px){.project-vault-card>header{min-height:20px}.project-vault-card>header span{padding:3px 5px;font-size:8px}.project-vault-cover{margin:2px 0 1px}.project-vault-card h2{font-size:18px;line-height:1}.project-vault-card>p{min-height:12px;font-size:9px;line-height:1.3}.project-vault-card dl{margin:2px 0}.project-vault-card dl div{padding:3px 6px}.project-vault-card dd{margin-top:1px;font-size:13px}.project-vault-card footer{padding-top:2px}}@media (max-width:650px){.projects-brand .brand-logo{width:112px;height:42px}.projects-shell{width:calc(100% - 24px);padding-top:28px}.projects-heading{flex-direction:column;align-items:flex-start}.projects-stats,.projects-grid{grid-template-columns:1fr}.projects-toolbar{flex-direction:column;align-items:stretch}.projects-toolbar label{width:auto}.projects-canvas-launcher>footer{flex-direction:column;align-items:stretch}}.preset-export-dialog{width:min(520px,100vw - 32px)}.preset-export-dialog>p{color:var(--muted);line-height:1.7}.preset-export-dialog>label{gap:8px;margin:14px 22px 0;display:grid}
