.pes,.pes *{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300}.pes{color:#111;flex-direction:column;width:100%;margin:0 auto;display:flex}.pes-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.pes-title{letter-spacing:-.01em;color:#111;margin:0;font-size:28px;font-weight:300}.pes-door{cursor:pointer;text-align:center;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:#fff;border:2px dashed #d1d5db;border-radius:12px;transition:border-color .3s,background .3s,transform .3s}.pes-door:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.pes-door:disabled{opacity:.55;cursor:progress}.pes-door--tall{flex-direction:column;justify-content:space-between;align-items:center;gap:18px;min-height:280px;padding:28px 20px;display:flex}.pes-door--tall.is-dragging{background:#f0f0f0;border-style:solid;border-color:#111;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.pes-door-text{flex-direction:column;gap:8px;min-width:0;display:flex}.pes-door-title{letter-spacing:.08em;color:#111;font-size:13px}.pes-door-title b{font-weight:400}.pes-door-desc{color:#9ca3af;font-size:11px}.pes-stack{flex:auto;justify-content:center;align-items:center;width:100%;display:flex}.pes-stack-inner{width:264px;height:156px;display:block;position:relative}.pes-stack-img{object-fit:cover;z-index:1;border-radius:10px;position:absolute;box-shadow:0 2px 8px #0000001f}.pes-stack-img--l{width:120px;height:84px;top:22px;left:0;transform:rotate(-8deg)}.pes-stack-img--c{z-index:2;width:132px;height:91px;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000026}.pes-stack-img--r{width:120px;height:84px;top:22px;right:0;transform:rotate(8deg)}.pes-stack-icon{z-index:3;fill:#fff;stroke:#9ca3af;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:77px;height:77px;transition:transform .3s;position:absolute;top:62px;left:50%;transform:translate(-50%)}.pes-door--tall:hover:not(:disabled) .pes-stack-icon{transform:translate(-50%)scale(1.05)}.pes-tools-title{color:#111;letter-spacing:.05em;text-transform:uppercase;text-align:left;margin:0;padding:80px 0 48px;font-size:32px;font-weight:300}.pes-tools{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.pes-tool-card{color:inherit;text-decoration:none}.pes-tool-card .dts-tool-card__bottom{align-items:flex-start;gap:12px;min-height:88px;padding:18px 20px 20px}.pes-tool-card .dts-tool-card__info{gap:6px}.pes-tool-card .dts-tool-card__name{letter-spacing:.02em;line-height:1.3;font-size:18px!important;font-weight:300!important}.pes-tool-card .dts-tool-card__desc{color:#888;line-height:1.6;font-size:14px!important}.pes-tool-card .dts-tool-card__arrow{margin-top:5px}@media (max-width:900px){.pes-door--tall{min-height:0}.pes-tools-title{padding:50px 0 20px;font-size:1.5rem}}@media (max-width:768px){.pes-head{text-align:left;align-items:flex-start;margin-bottom:22px;padding:0 4px}.pes-title{font-size:22px}.pes-door--tall{gap:16px;padding:22px 16px}.pes-stack-inner{width:220px;height:132px}.pes-stack-img--l,.pes-stack-img--r{border-radius:8px;width:100px;height:70px;top:20px}.pes-stack-img--c{border-radius:8px;width:110px;height:76px;top:14px}.pes-stack-icon{width:62px;height:62px;top:54px}.pes-door-title{font-size:12px}.pes-tools-title{padding:34px 0 16px;font-size:18px}.pes-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pes-tool-card .dts-tool-card__bottom{gap:8px;min-height:64px;padding:12px 14px 14px}.pes-tool-card .dts-tool-card__name{font-size:14px!important}.pes-tool-card .dts-tool-card__desc{font-size:11.5px!important}.pes-tool-card .dts-tool-card__arrow{margin-top:2px}}@media (max-width:380px){.pes-stack-inner{width:196px;height:120px}.pes-stack-img--l,.pes-stack-img--r{width:88px;height:62px}.pes-stack-img--c{width:98px;height:68px}}.pes .pes-door-title b{font-weight:400!important}
.projects-grid,.projects-grid *,.project-card,.project-card *,.projects-empty-wrapper,.projects-empty-wrapper *{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:300!important}@media (min-width:769px){.projects-page .brand-kits-main{flex-direction:column;flex:1;display:flex}.projects-grid{flex:1;align-content:start}.projects-empty-wrapper{flex:1}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;padding:100px 40px 40px;display:grid}@media (max-width:1400px){.projects-grid{padding-left:35px;padding-right:35px}}@media (max-width:1200px){.projects-grid{padding-left:30px;padding-right:30px}}@media (max-width:992px){.projects-grid{padding-left:25px;padding-right:25px}}@media (min-width:769px) and (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;padding-left:24px;padding-right:24px;padding-top:100px!important}.projects-empty-wrapper{padding-top:100px!important}.projects-add-btn-fixed{top:100px;right:24px}}@media (max-width:768px){.projects-page .brand-kits-main{padding-left:0!important;padding-right:0!important}.projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;max-width:100%!important;margin:0!important;padding:68px 12px 16px!important}.project-card{border:1px solid var(--border-color,#e5e5e5)!important;border-radius:8px!important;overflow:hidden!important}.project-preview{aspect-ratio:4/3!important;height:auto!important;min-height:0!important;max-height:none!important}.project-thumbnail{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}.project-info{padding:8px 10px!important}.project-name{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 2px!important;font-size:13px!important;line-height:1.3!important;overflow:hidden!important}.project-date{margin:0!important;font-size:10px!important;line-height:1.2!important}.project-delete-btn{background:#ffffffe6!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;display:flex!important;position:absolute!important;top:6px!important;right:6px!important}.project-delete-btn svg{flex-shrink:0!important;width:14px!important;height:14px!important}.project-card:hover .project-thumbnail,.project-card:hover .project-thumbnail-photo{transform:none!important}}@media (max-width:576px){.projects-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:24px!important;max-width:100%!important;margin:0!important;padding:64px 20px 50px!important}.project-card{background:0 0!important;border:none!important;border-radius:0!important;overflow:visible!important}.project-preview{aspect-ratio:16/9!important;background:#f5f5f5!important;border-radius:12px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.project-thumbnail{object-fit:cover!important}.project-info{padding:12px 2px 0!important}.project-name{color:#1a1a1a!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 8px!important;font-size:12px!important;font-weight:300!important;line-height:1.4!important;overflow:hidden!important}.project-date{color:#999!important;letter-spacing:.02em!important;margin:0!important;font-size:11px!important;font-weight:300!important}.project-delete-btn{border-radius:10px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;top:10px!important;right:10px!important}.project-delete-btn svg{width:20px!important;height:20px!important}}@media (max-width:360px){.projects-grid{grid-template-columns:1fr!important}}.project-card{background:var(--card-bg,#fff);cursor:pointer;border:1px solid var(--border-color,#e5e5e5);-webkit-user-select:none;user-select:none;border-radius:.75rem;position:relative;overflow:hidden}.project-preview{background:#ccc;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.project-thumbnail{object-fit:contain;background:#ccc;width:100%;height:100%;transition:transform .3s,opacity .3s}.project-card:hover .project-thumbnail{transform:scale(1.05)}.project-thumbnail-photo{object-fit:cover}.project-thumbnail-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-thumbnail-placeholder{color:#999;background:#ccc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-community-badge{color:#6e7e69;z-index:2;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;display:flex;position:absolute;top:.5rem;left:.5rem;box-shadow:0 1px 3px #00000024}.project-community-tip{z-index:3;color:#fff;text-align:left;pointer-events:none;-webkit-font-smoothing:antialiased;background:#333;border-radius:8px;width:max-content;max-width:calc(100% - 1rem);padding:8px 12px;font-size:12px;line-height:1.4;display:none;position:absolute;top:calc(.5rem + 32px);left:.5rem}.project-community-tip:after{content:"";border:5px solid #0000;border-bottom-color:#333;position:absolute;bottom:100%;left:10px}:is(.project-community-badge:hover~.project-community-tip,.project-community-badge:focus-visible~.project-community-tip){display:block}.project-info{padding:1rem}.project-name{color:var(--text-primary,#333);margin:0 0 .5rem;font-size:16px;font-weight:500}.project-date{color:#999;margin:0;font-size:12px}.project-delete-btn{cursor:pointer;opacity:1;color:#666;background:#ffffffe6;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.project-delete-btn:hover{color:#111;background:#fff}.projects-add-btn-fixed{z-index:20;position:fixed;top:90px;right:40px}.add-new-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 10px #8b5cf633}.add-new-btn:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf64d}.add-new-btn .plus-icon{font-size:18px;font-weight:400;line-height:1}.projects-empty-wrapper--rich{align-items:flex-start;min-height:0}@media (min-width:1025px){.projects-empty-wrapper--rich{max-width:1480px}}.projects-empty-wrapper{justify-content:center;align-items:center;width:100%;max-width:1400px;min-height:calc(100vh - 60px);margin:0 auto;padding:100px 40px 40px;display:flex}@media (max-width:1400px){.projects-empty-wrapper{padding-left:35px;padding-right:35px}}@media (max-width:1200px){.projects-empty-wrapper{padding-left:30px;padding-right:30px}}@media (max-width:992px){.projects-empty-wrapper{padding-left:25px;padding-right:25px}}@media (min-width:769px) and (max-width:1024px){.projects-empty-wrapper{padding-left:24px;padding-right:24px;padding-top:100px!important}}@media (max-width:768px){.projects-empty-wrapper{padding-left:16px;padding-right:16px;min-height:calc(100vh - 68px)!important;padding-top:68px!important}}@media (max-width:576px){.projects-empty-wrapper{padding-left:12px;padding-right:12px;min-height:calc(100vh - 64px)!important;padding-top:64px!important}}[data-theme=dark] .project-card{background:#1a1a1a;border-color:#333}[data-theme=dark] .project-preview,[data-theme=dark] .project-thumbnail{background:#222}[data-theme=dark] .project-thumbnail-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%}[data-theme=dark] .project-thumbnail-placeholder{color:#555;background:#2a2a2a}[data-theme=dark] .project-community-badge{color:#cfdccb;background:#1e1e1eeb}[data-theme=dark] .project-delete-btn{background:#1e1e1ee6}[data-theme=dark] .project-delete-btn:hover{background:#282828}[data-theme=dark] .add-new-btn{background:#7c3aed}[data-theme=dark] .add-new-btn:hover{background:#6d28d9;transform:translateY(-2px)}.templates-main{justify-content:center;align-items:center;min-height:calc(100vh - 60px);display:flex}.templates-empty-state{text-align:center}.templates-empty-text{color:#999;font-size:14px}.has-promo-bar .projects-grid,.has-promo-bar .projects-empty-wrapper{padding-top:120px!important}.has-promo-bar .projects-add-btn-fixed{top:110px}@media (min-width:769px) and (max-width:1024px){.has-promo-bar .projects-grid,.has-promo-bar .projects-empty-wrapper{padding-top:140px!important}.has-promo-bar .projects-add-btn-fixed{top:140px}}@media (max-width:768px){.has-promo-bar .projects-grid{padding-top:96px!important}.has-promo-bar .projects-empty-wrapper{min-height:calc(100vh - 96px)!important;padding-top:96px!important}}@media (max-width:576px){.has-promo-bar .projects-grid{padding-top:92px!important}.has-promo-bar .projects-empty-wrapper{min-height:calc(100vh - 92px)!important;padding-top:92px!important}}