@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Cormorant+Garamond:ital,wght@0,600;1,400;1,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=DM+Serif+Display:ital@0;1&family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,800;0,9..144,900;1,9..144,700&family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,400;1,700&family=Space+Grotesk:wght@500;700&family=Syne:wght@600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&family=Fira+Code:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Bricolage+Grotesque:wght@400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Fraunces:ital,wght@0,600;1,400;1,600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0a0a0a;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;max-width:900px;margin:0 auto;padding:0 2rem 1.5rem;display:flex}.filter-label{color:#888;margin-right:4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.filter-chip{color:#444;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:99px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.filter-chip:hover{border-color:#888}.filter-chip.active{color:#fff;background:#0a0a0a;border-color:#0a0a0a}@media (width<=768px){.filter-bar{padding:0 1rem 1rem}}.gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:8px 0 48px;display:grid}.ph-card{cursor:pointer;background:#fff;border:1px solid #eaeef4;border-radius:16px;transition:transform .22s cubic-bezier(.22,.68,0,1.2),box-shadow .22s,border-color .18s;animation:.45s both cardFadeUp;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f}.ph-card:hover{border-color:color-mix(in srgb, var(--tool-color) 35%, transparent);box-shadow:0 2px 4px #0000000a, 0 12px 32px #0000001a, 0 0 0 1px color-mix(in srgb, var(--tool-color) 20%, transparent);transform:translateY(-5px)scale(1.01)}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ph-card__image{background:#f4f6fa;height:200px;position:relative;overflow:hidden}.ph-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,.68,0,1.2);display:block}.ph-card:hover .ph-card__image img{transform:scale(1.05)}.ph-card__placeholder{background:linear-gradient(135deg,#f0f4ff 0%,#e8eef8 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ph-card__placeholder span{letter-spacing:-2px;color:#c5cfdf;font-family:Georgia,serif;font-size:40px;font-weight:800}.ph-card__tool-badge{-webkit-backdrop-filter:blur(8px);color:#1a202c;letter-spacing:.02em;z-index:2;background:#ffffffeb;border:1px solid #fff9;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:11.5px;font-weight:600;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001a}.ph-card__tool-dot{background:var(--tool-color);width:7px;height:7px;box-shadow:0 0 6px color-mix(in srgb, var(--tool-color) 70%, transparent);border-radius:50%;flex-shrink:0}.ph-card__overlay{opacity:0;background:linear-gradient(#0000 0%,#0a0c144d 40%,#0a0c14e0 100%);justify-content:center;align-items:flex-end;gap:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.ph-card:hover .ph-card__overlay{opacity:1}.ph-card__overlay-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;transform:translateY(6px)}.ph-card:hover .ph-card__overlay-btn{transform:translateY(0)}.ph-card__overlay-btn:nth-child(2){transition-delay:40ms}.ph-card__overlay-btn--visit{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff40}.ph-card__overlay-btn--visit:hover{background:#ffffff3d;box-shadow:0 4px 16px #0000004d}.ph-card__overlay-btn--copy{background:var(--tool-color);color:#fff;box-shadow:0 2px 12px color-mix(in srgb, var(--tool-color) 50%, transparent)}.ph-card__overlay-btn--copy:hover{filter:brightness(1.1);box-shadow:0 4px 20px color-mix(in srgb, var(--tool-color) 60%, transparent)}.ph-card__overlay-btn--copied{background:#059669!important;box-shadow:0 2px 12px #05966966!important}.ph-card__body{flex-direction:column;gap:12px;padding:16px 18px 14px;display:flex}.ph-card__top{flex-direction:column;gap:5px;display:flex}.ph-card__title{color:#0f1728;letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;font-weight:700;line-height:1.35;transition:color .15s;display:-webkit-box;overflow:hidden}.ph-card:hover .ph-card__title{color:color-mix(in srgb, var(--tool-color) 80%, #0f1728)}.ph-card__desc{color:#6b7a99;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.ph-card__footer{border-top:1px solid #f0f2f6;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.ph-card__author{align-items:center;gap:7px;min-width:0;display:flex}.ph-card__avatar{background:linear-gradient(135deg, var(--tool-color), color-mix(in srgb, var(--tool-color) 60%, #fff));color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.ph-card__author-name{color:#4a5568;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.ph-card__tags{flex-shrink:0;gap:5px;display:flex}.ph-card__tag{color:#5a6785;letter-spacing:.02em;white-space:nowrap;background:#f3f5fa;border:1px solid #e8ecf4;border-radius:5px;padding:3px 8px;font-size:10.5px;font-weight:600}.ph-card__accent{background:linear-gradient(90deg, var(--tool-color), color-mix(in srgb, var(--tool-color) 30%, transparent));transform-origin:0;height:3px;transition:transform .3s cubic-bezier(.22,.68,0,1.2);transform:scaleX(0)}.ph-card:hover .ph-card__accent{transform:scaleX(1)}@media (width<=640px){.gallery{grid-template-columns:1fr;gap:16px}.ph-card__overlay{opacity:1;background:linear-gradient(#0000 40%,#0a0c14bf 100%)}.ph-card__overlay-btn{transform:translateY(0)}}:root{--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", sans-serif;--accent:#1a6bff}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:#0a0a0a;background:#fff}h1,h2,h3,h4,.nav-logo-text,.featured-title,.section-title,.submit-title,.blog-title,.footer-logo-text{font-family:Bricolage Grotesque,sans-serif!important}.reveal-section{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-section.in-view{opacity:1;transform:translateY(0)}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #0000000f;align-items:center;gap:1.5rem;height:64px;padding:0 2rem;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.hidden{transform:translateY(-100%)}.nav-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-text{color:#000;letter-spacing:-.02em;font-size:17px;font-weight:800;font-family:Syne,sans-serif!important}.nav-logo-text span{color:#000}.nav-search-wrap{background:#0000000a;border:1px solid #00000014;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:480px;height:38px;padding:0 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.nav-search-wrap:focus-within{background:#fff;border-color:#00000040;box-shadow:0 4px 20px #00000014}.nav-search-icon{color:#0006;flex-shrink:0}.nav-search-input{font-family:var(--font-body);color:#000;background:0 0;border:none;outline:none;flex:1;font-size:13px}.nav-search-input::placeholder{color:#00000059}.nav-search-clear{color:#0000004d;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px;transition:color .15s}.nav-search-clear:hover{color:#000000b3}.nav-suggestions{z-index:200;background:#fff;border:1px solid #0000001a;border-radius:12px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) both dropIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #0000001f}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-suggestion-item{width:100%;font-family:var(--font-body);color:#0009;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:background .1s,color .1s;display:flex}.nav-suggestion-item:hover{color:#000;background:#0000000d}.nav-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.nav-user{font-family:var(--font-body);color:#0009;font-size:13px}.nav-btn-ghost{color:#000000b3;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.nav-btn-ghost:hover{color:#000;background:#00000008;border-color:#0006}.nav-btn-primary{color:#fff;font-family:var(--font-body);cursor:pointer;background:#000;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .15s}.nav-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.nav-tutorial-link{font-family:var(--font-body);color:#0009;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.nav-tutorial-link:hover{color:red;background:#ff00000f}.nav-mobile-toggle{color:#000000b3;cursor:pointer;background:0 0;border:none;padding:4px;display:none}.nav-mobile-menu{z-index:99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0afa;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:10px;padding:1.25rem 1.5rem;animation:.2s both slideDown;display:flex;position:fixed;top:64px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-search-wrap{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;height:42px;margin-bottom:4px;padding:0 12px;display:flex}.mobile-search-wrap svg{color:#ffffff4d;flex-shrink:0}.mobile-search-wrap input{font-family:var(--font-body);color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.mobile-search-wrap input::placeholder{color:#ffffff4d}.mobile-user{font-family:var(--font-body);color:#fff6;padding:4px 0;font-size:13px}.mobile-link{font-family:var(--font-body);color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:15px;font-weight:500;transition:color .15s}.mobile-link:hover{color:#fff}.mobile-submit{font-family:var(--font-body);background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:700}main{background:#fff;min-height:100vh;padding-top:64px}.hero-text-section{text-align:center;background:#f8faff;justify-content:center;align-items:center;min-height:580px;padding:6rem 2.5rem 5rem;display:flex;position:relative;overflow:hidden}.hero-prompt-bg{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;flex-direction:column;justify-content:center;gap:14px;padding:20px 0;display:flex;position:absolute;inset:0}.prompt-row{white-space:nowrap;width:100%;display:flex;overflow:hidden}.prompt-track{flex-shrink:0;align-items:center;gap:20px;min-width:max-content;display:inline-flex}.prompt-row--left .prompt-track{animation:marqueeLeft var(--row-speed,60s) linear infinite}.prompt-row--right .prompt-track{animation:marqueeRight var(--row-speed,60s) linear infinite}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.prompt-chip{font-family:var(--font-body);color:#0003;white-space:nowrap;background:#fff9;border:1px solid #1a6bff1a;border-radius:99px;flex-shrink:0;padding:6px 16px;font-size:12px;font-weight:400;display:inline-block}.hero-bg-fade-left,.hero-bg-fade-right{z-index:1;pointer-events:none;width:240px;position:absolute;top:0;bottom:0}.hero-bg-fade-left{background:linear-gradient(90deg,#f8faff 35%,#0000);left:0}.hero-bg-fade-right{background:linear-gradient(270deg,#f8faff 35%,#0000);right:0}.hero-bg-fade-top,.hero-bg-fade-bottom{z-index:1;pointer-events:none;height:180px;position:absolute;left:0;right:0}.hero-bg-fade-top{background:linear-gradient(#f8faff 45%,#0000);top:0}.hero-bg-fade-bottom{background:linear-gradient(#0000,#f8faff 55%);bottom:0}.hero-text-inner{z-index:2;width:100%;max-width:700px;margin:0 auto;position:relative}.hero-eyebrow{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#1a6bff14;border:1px solid #1a6bff2e;border-radius:99px;margin-bottom:1.5rem;padding:6px 16px;font-size:12px;font-weight:600;animation:.6s both fadeUp;display:inline-block}.hero-headline{letter-spacing:-.04em;flex-direction:column;gap:.04em;margin:0 0 1.5rem;font-size:clamp(52px,9vw,100px);font-weight:900;line-height:1;display:flex;font-family:var(--font-display)!important}.hero-curtain-row{justify-content:center;gap:.22em;display:flex;overflow:hidden}.curtain-left{color:#0a0a0a;animation:.95s cubic-bezier(.16,1,.3,1) both curtainFromLeft;display:inline-block}.curtain-right{color:var(--accent);animation:.95s cubic-bezier(.16,1,.3,1) both curtainFromRight;display:inline-block}.hero-curtain-row--2{align-items:baseline;gap:.22em}.curtain-right-static{color:#0a0a0a;font-style:italic;display:inline-block}.flip-word{letter-spacing:-.04em;transform-origin:top;font-size:clamp(52px,9vw,100px);font-weight:900;line-height:1;transition:color .15s;display:inline-block}.flip-word.flipping{animation:.3s cubic-bezier(.4,0,.6,1) both flipOut}@keyframes flipOut{0%{opacity:1;transform:perspective(400px)rotateX(0)}50%{opacity:0;transform:perspective(400px)rotateX(-90deg)}51%{opacity:0;transform:perspective(400px)rotateX(90deg)}to{opacity:1;transform:perspective(400px)rotateX(0)}}@keyframes curtainFromLeft{0%{opacity:0;filter:blur(8px);transform:translate(-80px)skew(-6deg)}to{opacity:1;filter:blur();transform:translate(0)skew(0)}}@keyframes curtainFromRight{0%{opacity:0;filter:blur(8px);transform:translate(80px)skew(6deg)}to{opacity:1;filter:blur();transform:translate(0)skew(0)}}.hero-sub{font-family:var(--font-body);color:#00000080;max-width:520px;margin:0 auto 2rem;font-size:clamp(15px,2vw,18px);line-height:1.7;animation:.7s .28s both fadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:2.5rem;animation:.7s .38s both fadeUp;display:flex}.hero-cta-primary{font-family:var(--font-body);background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:99px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 8px 32px #1a6bff59}.hero-cta-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 12px 40px #1a6bff73}.hero-cta-ghost{font-family:var(--font-body);color:#000;cursor:pointer;background:0 0;border:1.5px solid #00000029;border-radius:99px;padding:13px 28px;font-size:15px;font-weight:600;transition:all .2s}.hero-cta-ghost:hover{background:#00000008;border-color:#0006}.hero-stats{justify-content:center;align-items:center;gap:2rem;animation:.7s .48s both fadeUp;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.hero-stat strong{color:#000;letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:800}.hero-stat span{font-family:var(--font-body);color:#00000061;text-transform:uppercase;letter-spacing:.07em;font-size:11px}.hero-stat-divider{background:#0000001a;width:1px;height:32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.search-results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.search-results-header p{font-family:var(--font-body);color:#00000080;font-size:14px}.search-results-header strong{color:#000}.search-results-header button{font-family:var(--font-body);color:#0006;cursor:pointer;background:0 0;border:none;font-size:12px;transition:color .15s}.search-results-header button:hover{color:#000}.featured-section{max-width:1440px;margin:0 auto;padding:3rem 2.5rem 0}.featured-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#0006;margin-bottom:1rem;font-size:11px;font-weight:700}.featured-slider{background:#f0f0f0;border:1px solid #0000000f;border-radius:20px;height:480px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000001a}.featured-track{height:100%;transition:transform .7s cubic-bezier(.77,0,.175,1);display:flex}.featured-slide{cursor:pointer;min-width:100%;height:100%;position:relative;overflow:hidden}.featured-img{object-fit:cover;width:100%;height:100%;transition:transform 8s;display:block}.featured-slide:hover .featured-img{transform:scale(1.03)}.featured-placeholder{color:#0000001f;letter-spacing:-.02em;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);justify-content:center;align-items:center;width:100%;height:100%;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(24px,4vw,48px);font-weight:900;display:flex}.featured-overlay{background:linear-gradient(#0000 25%,#0000004d 55%,#000000e6 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.featured-meta{max-width:620px;padding:2.5rem}.featured-tool-badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff59;border-radius:99px;margin-bottom:.75rem;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.featured-title{color:#fff;letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(26px,4vw,52px);font-weight:800;line-height:1.1;font-family:Bricolage Grotesque,sans-serif!important}.featured-desc{font-family:var(--font-body);color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.featured-ctas{flex-wrap:wrap;gap:10px;display:flex}.featured-btn-visit{font-family:var(--font-body);color:#000;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:10px 22px;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s}.featured-btn-visit:hover{opacity:.88;transform:translateY(-1px)}.featured-btn-view{font-family:var(--font-body);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:99px;padding:10px 22px;font-size:13px;font-weight:600;transition:background .15s}.featured-btn-view:hover{background:#ffffff40}.featured-dots{z-index:5;gap:6px;display:flex;position:absolute;bottom:1.5rem;right:2rem}.featured-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,width .3s cubic-bezier(.16,1,.3,1)}.featured-dot.active{background:#fff;border-radius:3px;width:22px}.featured-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:5;background:#00000047;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,border-color .15s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.featured-arrow:hover{background:#0009;border-color:#fff;transform:translateY(-50%)scale(1.06)}.featured-arrow.left{left:1rem}.featured-arrow.right{right:1rem}.featured-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:20px;height:480px;animation:1.4s infinite shimmer}.featured-empty{color:#0006;height:480px;font-family:var(--font-body);background:#f5f5f5;border:1px solid #0000000f;border-radius:20px;justify-content:center;align-items:center;display:flex}.gallery-section{max-width:1440px;margin:0 auto;padding:3rem 2.5rem 4rem}.results-meta{font-family:var(--font-body);color:#0006;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.5rem;font-size:12px}.results-meta strong{color:#000000b3}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:24px;display:grid}.gallery-card-wrapper{opacity:0;width:100%;min-width:0;transition:opacity .6s cubic-bezier(.16,1,.3,1) var(--card-delay,0s), transform .6s cubic-bezier(.16,1,.3,1) var(--card-delay,0s);flex-direction:column;display:flex;transform:translateY(32px)}.gallery-section.in-view .gallery-card-wrapper{opacity:1;transform:translateY(0)}.gallery-card-wrapper>*{flex:1;width:100%;min-width:0}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:6rem 2rem;display:flex}.empty-state p{font-family:var(--font-body);color:#00000080;max-width:280px;font-size:15px;line-height:1.6}.empty-cta{font-family:var(--font-body);color:#fff;cursor:pointer;background:#000;border:none;border-radius:99px;margin-top:.5rem;padding:10px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.empty-cta:hover{opacity:.82}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.skeleton-card{background:#fafafa;border:1px solid #0000000f;border-radius:16px;overflow:hidden}.skeleton-img{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;animation:1.4s infinite shimmer}.skeleton-body{flex-direction:column;gap:10px;padding:16px 18px 18px;display:flex}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:99px;height:12px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pagination{border-top:1px solid #0000000f;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:3.5rem;padding:2rem 0 0;display:flex}.page-numbers{align-items:center;gap:4px;display:flex}.page-btn{font-family:var(--font-body);color:#0000008c;cursor:pointer;background:#fff;border:1.5px solid #0000001f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:40px;height:40px;padding:0 12px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.page-btn:hover:not(:disabled){color:#000;background:#00000008;border-color:#000;transform:translateY(-1px)}.page-btn.active{color:#fff;background:#000;border-color:#000;box-shadow:0 4px 12px #00000026}.page-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.page-btn--nav{min-width:auto;padding:0 16px;font-size:13px}.page-ellipsis{font-family:var(--font-body);color:#0000004d;-webkit-user-select:none;user-select:none;padding:0 6px;font-size:14px;line-height:40px}.pagination-info{text-align:center;width:100%;font-family:var(--font-body);color:#00000059;letter-spacing:.04em;text-transform:uppercase;margin-top:10px;font-size:12px}.section-eyebrow{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px;font-weight:700}.section-title{color:#000;letter-spacing:-.03em;margin:.25rem 0 0;font-size:clamp(28px,3.5vw,48px);font-weight:800;line-height:1.1;font-family:var(--font-display)!important}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.section-link{font-family:var(--font-body);color:#000;text-underline-offset:3px;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:underline;transition:opacity .15s}.section-link:hover{opacity:.6}.inspire-section{opacity:0;border-top:1px solid #0000000f;max-width:1280px;margin:0 auto;padding:5rem 2.5rem;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(36px)}.inspire-section.in-view{opacity:1;transform:translateY(0)}.inspire-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.inspire-subline{font-family:var(--font-body);color:#0006;align-self:flex-end;font-size:14px}.inspire-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.inspire-panel{border:1.5px solid #00000014;border-radius:20px;flex-direction:column;gap:1.25rem;padding:2.5rem;transition:transform .25s cubic-bezier(.22,.68,0,1.2),box-shadow .25s;display:flex}.inspire-panel:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.inspire-panel--font{background:#fafbff}.inspire-panel--color{background:#fafafa}.inspire-tag{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#eef3ff;border-radius:99px;width:fit-content;padding:4px 10px;font-size:10px;font-weight:700}.inspire-font-sample{color:#0a0a0a;letter-spacing:-.03em;border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;padding:1.5rem 0;font-size:clamp(24px,3.5vw,40px);font-style:italic;font-weight:700;line-height:1.25}.inspire-color-swatch{align-items:stretch;gap:10px;display:flex}.inspire-swatch-main{border-radius:12px;flex:1;height:80px;box-shadow:0 8px 24px #0000001f}.inspire-swatch-pairs{flex-direction:column;gap:6px;display:flex}.inspire-swatch-pair{border-radius:8px;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 8px #0000001a}.inspire-panel-name{color:#0a0a0a;letter-spacing:-.02em;flex-direction:column;gap:3px;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;display:flex}.inspire-panel-category{font-family:var(--font-body);color:#0006;letter-spacing:.02em;font-size:12px;font-weight:500}.inspire-facts{flex-direction:column;gap:10px;display:flex}.inspire-fact{flex-direction:column;gap:2px;display:flex}.inspire-fact-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#00000059;font-size:10px;font-weight:700}.inspire-fact-val{font-family:var(--font-body);color:#000000a6;font-size:13px;line-height:1.55}.inspire-link{font-family:var(--font-body);color:var(--accent);margin-top:auto;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.inspire-link:hover{opacity:.7}.inspire-pair-label{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:#00000059;font-size:11px;font-weight:600}.inspire-pair-chips{flex-wrap:wrap;gap:8px;display:flex}.inspire-pair-chip{font-family:var(--font-body);letter-spacing:.04em;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:600}.tutorial-section{border-top:1px solid #0000000f;max-width:1280px;margin:0 auto;padding:5rem 2.5rem}.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tutorial-section .tutorial-card{opacity:0;transition:opacity .6s ease var(--delay,0s), transform .6s cubic-bezier(.16,1,.3,1) var(--delay,0s);transform:translateY(36px)scale(.98)}.tutorial-section.in-view .tutorial-card{opacity:1;transform:translateY(0)scale(1)}.tutorial-card{background:#fff;border:1.5px solid #e8ecf4;border-radius:16px;transition:transform .25s cubic-bezier(.22,.68,0,1.2),box-shadow .25s,border-color .2s;overflow:hidden}.tutorial-card:hover{border-color:#1a6bff33;transform:translateY(-6px);box-shadow:0 20px 48px #0000001c}.tutorial-video-wrap{aspect-ratio:16/9;background:#0d0d0d;width:100%;position:relative;overflow:hidden}.tutorial-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.tutorial-thumb{cursor:pointer;position:absolute;inset:0}.tutorial-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.tutorial-card:hover .tutorial-thumb img{transform:scale(1.05)}.tutorial-thumb-scrim{background:linear-gradient(#0000 40%,#000000a6 100%);position:absolute;inset:0}.tutorial-play-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:2;background:#ffffff2e;border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .22s cubic-bezier(.22,.68,0,1.4),background .18s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-thumb:hover .tutorial-play-btn{background:#ffffff47;transform:translate(-50%,-50%)scale(1.12)}.tutorial-play-ring{border:1.5px solid #ffffff38;border-radius:50%;animation:2.2s infinite tutPulse;position:absolute;inset:-8px}@keyframes tutPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.1;transform:scale(1.14)}}.tutorial-duration-badge{color:#fff;font-family:var(--font-body);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#000000b3;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:10px;right:10px}.tutorial-card-body{flex-direction:column;gap:8px;padding:18px 20px 22px;display:flex}.tutorial-tag{font-family:var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:#eef3ff;border-radius:5px;width:fit-content;padding:3px 8px;font-size:10.5px;font-weight:700}.tutorial-title{color:#0a0a0a;letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.35;font-family:var(--font-display)!important}.tutorial-desc{font-family:var(--font-body);color:#00000080;font-size:13px;line-height:1.6}.tutorial-watch-link{font-family:var(--font-body);color:var(--accent);margin-top:4px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.tutorial-watch-link:hover{opacity:.7}.blog-section{border-top:1px solid #0000000f;max-width:1280px;margin:0 auto;padding:5rem 2.5rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-section .blog-card{opacity:0;transition:opacity .55s ease var(--delay,0s), transform .55s cubic-bezier(.16,1,.3,1) var(--delay,0s);transform:translateY(28px)}.blog-section.in-view .blog-card{opacity:1;transform:translateY(0)}.blog-card{cursor:pointer;background:#fff;border:1.5px solid #e8ecf4;border-radius:14px;transition:transform .22s cubic-bezier(.22,.68,0,1.2),box-shadow .22s,border-color .2s;display:block;overflow:hidden}.blog-card:hover{border-color:#00000026;transform:translateY(-5px);box-shadow:0 16px 40px #00000017}.blog-card-img{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-img-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;transition:filter .2s;display:flex;position:relative}.blog-card:hover .blog-img-placeholder{filter:brightness(.97)}.blog-img-dropzone{text-align:center;border:2px dashed #00000026;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:calc(100% - 32px);height:calc(100% - 24px);padding:1.5rem;transition:border-color .2s;display:flex}.blog-card:hover .blog-img-dropzone{border-color:#00000047}.blog-medium-badge{font-family:var(--font-body);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;white-space:nowrap;background:#ffffffe6;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.blog-card:hover .blog-medium-badge{opacity:1}.blog-card-body{flex-direction:column;gap:8px;padding:16px 18px 20px;display:flex}.blog-tag{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;width:fit-content;padding:3px 9px;font-size:10.5px;font-weight:700}.blog-title{color:#0a0a0a;letter-spacing:-.02em;font-size:15.5px;font-weight:700;line-height:1.35;font-family:var(--font-display)!important}.blog-meta{font-family:var(--font-body);color:#00000061;gap:6px;font-size:12px;display:flex}.submit-section{text-align:center;opacity:0;background:#fff;padding:7rem 2.5rem;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(40px)scale(.98)}.submit-section.in-view{opacity:1;transform:translateY(0)scale(1)}.submit-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.submit-glow{pointer-events:none;background:radial-gradient(circle,#1a6bff0f 0%,#0000 65%);width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-title{color:#000;letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.08;font-family:Bricolage Grotesque,sans-serif!important}.submit-desc{font-family:var(--font-body);color:#00000080;margin-bottom:2rem;font-size:15px;line-height:1.7}.submit-cta-btn{color:#fff;font-family:var(--font-body);cursor:pointer;background:#000;border:none;border-radius:99px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex;box-shadow:0 8px 32px #0003}.submit-cta-btn:hover{opacity:.88;transform:translateY(-2px)}.submit-cta-btn.bouncy:hover{animation:.5s cubic-bezier(.22,.68,0,1.8) both bouncyPop}@keyframes bouncyPop{0%{transform:scale(1)}30%{transform:scale(1.12)translateY(-4px)}55%{transform:scale(.96)translateY(1px)}75%{transform:scale(1.05)translateY(-2px)}90%{transform:scale(.99)}to{transform:scale(1)}}#back-to-top{color:#000;cursor:pointer;opacity:0;z-index:99;background:#fff;border:1px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .25s,transform .25s,background .15s,color .15s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px);box-shadow:0 4px 20px #0000001a}#back-to-top.visible{opacity:1;transform:translateY(0)}#back-to-top:hover{color:#fff;background:#000;border-color:#000;transform:translateY(-2px)}.site-footer{color:#000;background:#fafafa;border-top:1px solid #00000014;padding:4rem 2.5rem 2rem}.footer-top{border-bottom:1px solid #00000014;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr;gap:2.5rem;max-width:1440px;margin:0 auto;padding-bottom:3rem;display:grid}.footer-brand .footer-logo{align-items:center;gap:10px;margin-bottom:1rem;text-decoration:none;display:flex}.footer-logo-text{color:#000;letter-spacing:-.02em;font-size:18px;font-weight:800;font-family:Syne,sans-serif!important}.footer-logo-text span{color:#000}.footer-tagline{font-family:var(--font-body);color:#00000080;max-width:220px;font-size:13px;line-height:1.6}.footer-col h4{color:#00000073;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem;font-family:Syne,sans-serif;font-size:11px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul li a{font-family:var(--font-body);color:#0000008c;align-items:center;gap:3px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.footer-col ul li a:hover{color:var(--accent)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:0 auto;padding-top:2rem;display:flex}.footer-copy{font-family:var(--font-body);color:#0006;font-size:12px}.footer-bottom-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-bottom-links a{font-family:var(--font-body);color:#0006;font-size:12px;text-decoration:none;transition:color .15s}.footer-bottom-links a:hover{color:#000}@media (width<=1200px){.footer-top{grid-template-columns:1fr 1fr 1fr 1fr}}@media (width<=1024px){.tutorial-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.inspire-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr 1fr;gap:2rem}}@media (width<=900px){.gallery{grid-template-columns:repeat(2,1fr);gap:16px}.featured-slider{height:360px}.navbar{gap:1rem;padding:0 1.25rem}.footer-top{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=768px){.nav-search-wrap,.nav-actions .nav-btn-ghost,.nav-actions .nav-btn-primary,.nav-actions .nav-user,.nav-tutorial-link{display:none}.nav-mobile-toggle{display:flex}.hero-text-section{min-height:480px;padding:4rem 1.25rem 3rem}.hero-headline{font-size:clamp(42px,10vw,68px)}.hero-stats{gap:1.25rem}.prompt-chip{padding:5px 14px;font-size:11px}}@media (width<=640px){.gallery{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.blog-grid,.skeleton-grid,.tutorial-grid{grid-template-columns:1fr}.featured-slider{height:280px}.featured-meta{padding:1.25rem}.featured-title{font-size:20px}.tutorial-section,.blog-section,.inspire-section{padding:3.5rem 1.25rem}.gallery-section,.featured-section{padding-left:1.25rem;padding-right:1.25rem}.submit-section{padding:4rem 1.25rem}#back-to-top{bottom:1.25rem;right:1.25rem}.inspire-panel{padding:1.5rem}.pagination{gap:4px}.page-btn{width:34px;height:34px;font-size:12px}.page-btn--nav{padding:0 10px}}@media (width<=480px){.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.hero-headline{font-size:clamp(38px,12vw,56px)}}#whatsapp-btn{z-index:999;background:#25d366;border-radius:99px;align-items:center;gap:10px;max-width:52px;padding:12px 18px 12px 14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:80px;right:24px;overflow:hidden;box-shadow:0 4px 12px #25d36666}#whatsapp-btn:hover{max-width:400px;transform:scale(1.03);box-shadow:0 6px 20px #25d36680}.whatsapp-label{color:#fff;white-space:nowrap;opacity:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .2s .1s}#whatsapp-btn:hover .whatsapp-label{opacity:1}.limit-backdrop{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.limit-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 24px 60px #00000026}.limit-icon{margin-bottom:16px;font-size:48px}.limit-modal h2{color:#0a0a0a;margin:0 0 12px;font-size:22px;font-weight:700}.limit-modal p{color:#00000080;margin:0 0 28px;font-size:14px;line-height:1.6}.limit-btn-pro{color:#fff;cursor:pointer;background:#1a6bff;border:none;border-radius:10px;width:100%;margin-bottom:10px;padding:13px;font-size:15px;font-weight:600;transition:opacity .15s}.limit-btn-pro:hover{opacity:.85}.limit-btn-ghost{color:#0006;cursor:pointer;background:0 0;border:1.5px solid #0000001a;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:border-color .15s}.limit-btn-ghost:hover{border-color:#00000040}:root{--sp-max:100%;--sp-sidebar:320px;--sp-gap:3.5rem;--sp-radius:14px;--sp-radius-lg:20px;--sp-border:#00000014;--sp-border-strong:#00000024;--sp-bg-subtle:#f7f8fa;--sp-bg-code:#0f1117;--sp-accent:#1a6bff;--sp-accent-light:#eef3ff;--sp-accent-subtle:#1a6bff14;--sp-text:#0a0b0e;--sp-muted:#0a0b0e73;--sp-muted-strong:#0a0b0e9e;--sp-font-body:"DM Sans", sans-serif;--sp-font-display:"Instrument Serif", serif;--sp-font-mono:"Fira Code", monospace;--sp-star:#f59e0b;--sp-green:#22c55e;--sp-red:#ef4444;--sp-shadow-sm:0 1px 4px #0000000f, 0 4px 12px #0000000a;--sp-shadow-md:0 4px 16px #00000014, 0 12px 40px #0000000f;--sp-shadow-lg:0 8px 32px #0000001a, 0 24px 64px #00000012}.sp-page{box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;color:var(--sp-text);background:#fff;padding:calc(64px + 3rem) 4rem 8rem}.sp-back-btn{font-family:var(--sp-font-body);color:var(--sp-muted);border:1px solid var(--sp-border);cursor:pointer;letter-spacing:-.01em;background:0 0;border-radius:99px;align-items:center;gap:8px;margin-bottom:2.5rem;padding:9px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sp-back-btn:hover{border-color:var(--sp-text);color:var(--sp-text);background:var(--sp-bg-subtle)}.sp-hero{aspect-ratio:21/8;border-radius:var(--sp-radius-lg);border:1px solid var(--sp-border);width:100%;box-shadow:var(--sp-shadow-lg);background:#0f1117;margin-bottom:3.5rem;position:relative;overflow:hidden}.sp-hero img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);display:block}.sp-hero:hover img{transform:scale(1.02)}.sp-hero-overlay{pointer-events:none;background:linear-gradient(#0000 30%,#00000005 55%,#0000008c 100%);position:absolute;inset:0}.sp-hero-placeholder{width:100%;height:100%;font-family:var(--sp-font-display);color:#ffffff1f;letter-spacing:.1em;justify-content:center;align-items:center;font-size:clamp(20px,3vw,36px);font-style:italic;display:flex}.sp-tool-badge{font-size:10px;font-weight:700;font-family:var(--sp-font-body);letter-spacing:.08em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;padding:6px 14px;position:absolute;top:18px;right:18px;box-shadow:0 2px 12px #0003}.sp-hero-rating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--sp-font-body);background:#000000a6;border-radius:99px;align-items:center;gap:5px;padding:6px 13px;font-size:12.5px;font-weight:600;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 2px 12px #0003}.sp-hero-star{color:var(--sp-star)}.sp-hero-avg{color:#fff}.sp-hero-count{color:#ffffff80;font-size:11px}.sp-hero-title-wrap{flex-direction:column;gap:10px;padding:2rem 2.5rem 1.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.sp-hero-title{font-family:var(--sp-font-display);color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px #0000004d;margin:0;font-size:clamp(28px,4vw,52px);font-style:italic;font-weight:400;line-height:1.1}.sp-hero-tags{flex-wrap:wrap;gap:6px;display:flex}.sp-hero-tag{font-family:var(--sp-font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;letter-spacing:.03em;background:#ffffff2e;border:1px solid #fff3;border-radius:99px;padding:4px 11px;font-size:11px;font-weight:600}.sp-body{grid-template-columns:1fr var(--sp-sidebar);gap:var(--sp-gap);align-items:start;display:grid}.sp-main{flex-direction:column;gap:3rem;min-width:0;display:flex}.sp-title-block{flex-direction:column;gap:1.25rem;display:flex}.sp-desc{font-family:var(--sp-font-body);color:var(--sp-muted-strong);margin:0;font-size:16.5px;line-height:1.75}.sp-meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-avatar-circle{font-family:var(--sp-font-body);color:#fff;letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sp-author-info{flex-direction:column;gap:1px;display:flex}.sp-author-label{font-family:var(--sp-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-muted);font-size:10px;font-weight:700}.sp-author-name{font-family:var(--sp-font-body);color:var(--sp-text);font-size:14px;font-weight:600}.sp-live-link,.sp-github-link{font-family:var(--sp-font-body);color:var(--sp-muted-strong);border:1px solid var(--sp-border);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:7px 15px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.sp-live-link{background:var(--sp-text);color:#fff;border-color:#0000}.sp-live-link:hover{background:var(--sp-accent)}.sp-github-link:hover{border-color:var(--sp-text);color:var(--sp-text);background:var(--sp-bg-subtle)}.sp-section-heading{font-family:var(--sp-font-display);color:var(--sp-text);letter-spacing:-.02em;margin:0 0 1.25rem;font-size:22px;font-style:italic;font-weight:400}.sp-section-heading-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1.1rem;display:flex}.sp-design-section{border-radius:var(--sp-radius);background:linear-gradient(135deg,#f0f4ff 0%,#f5f0ff 100%);border:1.5px solid #7c3aed1f;padding:1.75rem 2rem}.sp-design-section .sp-section-heading{color:#3730a3}.sp-design-grid{flex-direction:column;gap:1rem;display:flex}.sp-design-card{align-items:flex-start;gap:14px;display:flex}.sp-design-icon{color:#7c3aed;background:#7c3aed1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:flex}.sp-design-label{font-family:var(--sp-font-body);letter-spacing:.1em;text-transform:uppercase;color:#3730a380;margin:0 0 4px;font-size:10px;font-weight:700}.sp-design-text{font-family:var(--sp-font-body);color:#3730a3cc;margin:0;font-size:14px;line-height:1.65}.sp-design-meta-row{border-top:1px solid #7c3aed1a;gap:2rem;padding-top:1rem;display:flex}.sp-design-meta-item{flex-direction:column;gap:4px;display:flex}.sp-design-meta-label{font-family:var(--sp-font-body);letter-spacing:.1em;text-transform:uppercase;color:#3730a373;font-size:10px;font-weight:700}.sp-design-meta-val{font-family:var(--sp-font-body);color:#3730a3d9;font-size:14px;font-weight:600}.sp-tech-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-tech-chip{background:var(--sp-bg-subtle);border:1.5px solid var(--sp-border);font-family:var(--sp-font-body);color:var(--sp-muted-strong);cursor:default;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.sp-tech-chip:hover{border-color:var(--sp-text);color:var(--sp-text)}.sp-tech-dot{background:var(--sp-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sp-prompt-section{flex-direction:column;gap:1rem;display:flex}.sp-prompt-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.sp-prompt-subhead{font-family:var(--sp-font-body);color:var(--sp-muted);margin:4px 0 0;font-size:13px}.sp-copy-btn{font-family:var(--sp-font-body);background:var(--sp-text);color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;border-radius:99px;align-items:center;gap:7px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.sp-copy-btn:hover{background:var(--sp-accent);transform:translateY(-1px);box-shadow:0 6px 20px #1a6bff4d}.sp-copy-outline{color:var(--sp-text);border:1.5px solid var(--sp-border-strong);background:0 0}.sp-copy-outline:hover{background:var(--sp-text);color:#fff}.sp-prompt-box{border-radius:var(--sp-radius);background:var(--sp-bg-code);box-shadow:var(--sp-shadow-md);border:1.5px solid #ffffff0f;overflow:hidden}.sp-prompt-toolbar{background:#ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.sp-prompt-lang{font-family:var(--sp-font-mono);color:#ffffff4d;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.sp-prompt-copy-mini{font-family:var(--sp-font-body);color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:all .15s}.sp-prompt-copy-mini:hover{color:#fff;border-color:#ffffff4d}.sp-prompt-text{font-family:var(--sp-font-mono);color:#ffffffd1;white-space:pre-wrap;word-break:break-word;max-height:480px;margin:0;padding:1.5rem;font-size:13px;line-height:1.8;overflow-y:auto}.sp-prompt-text::-webkit-scrollbar{width:5px}.sp-prompt-text::-webkit-scrollbar-track{background:0 0}.sp-prompt-text::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.sp-prompt-gate{background:var(--sp-bg-subtle);border:2px dashed var(--sp-border-strong);border-radius:var(--sp-radius);flex-wrap:wrap;align-items:center;gap:20px;padding:2rem;display:flex}.sp-gate-icon{background:var(--sp-text);color:#fff;width:48px;height:48px;box-shadow:var(--sp-shadow-sm);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-gate-text{flex:1;min-width:200px}.sp-gate-title{font-family:var(--sp-font-body);color:var(--sp-text);letter-spacing:-.02em;margin:0 0 4px;font-size:15px;font-weight:700}.sp-gate-sub{font-family:var(--sp-font-body);color:var(--sp-muted);margin:0;font-size:13px}.sp-gate-btn{font-family:var(--sp-font-body);background:var(--sp-accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:99px;padding:12px 24px;font-size:13.5px;font-weight:700;transition:all .18s;box-shadow:0 4px 16px #1a6bff4d}.sp-gate-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #1a6bff66}.sp-guide-wrap{flex-direction:column;gap:1rem;display:flex}.sp-video-block{flex-direction:column;gap:.75rem;display:flex}.sp-video-eyebrow{font-family:var(--sp-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.sp-player{aspect-ratio:16/9;border-radius:var(--sp-radius);cursor:pointer;border:1px solid var(--sp-border);width:100%;box-shadow:var(--sp-shadow-md);background:#0f1117;position:relative;overflow:hidden}.sp-player-frame{border:none;width:100%;height:100%;position:absolute;inset:0}.sp-player-thumb{position:absolute;inset:0}.sp-player-thumb img{object-fit:cover;width:100%;height:100%}.sp-player-thumb-bg{background:#0f1117;width:100%;height:100%}.sp-player-scrim{background:linear-gradient(#0000 40%,#0009 100%);position:absolute;inset:0}.sp-play-btn{cursor:pointer;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);box-shadow:0 8px 30px #0000004d}.sp-play-btn:hover{transform:translate(-50%,-60%)scale(1.08)}.sp-play-ring{border:2px solid #ffffff80;border-radius:50%;animation:2s infinite ringPulse;position:absolute;inset:-5px}.sp-player-caption{font-family:var(--sp-font-body);color:#ffffffd9;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:13px;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.sp-caption-hint{color:#fff6;font-size:11.5px}.sp-help-dropdown{border:1.5px solid var(--sp-border);border-radius:var(--sp-radius);background:var(--sp-bg-subtle);overflow:hidden}.sp-help-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.1rem 1.4rem;transition:background .15s;display:flex}.sp-help-toggle:hover,.sp-help-toggle.open{background:#00000008}.sp-help-toggle-left{align-items:center;gap:12px;display:flex}.sp-help-q-icon{background:var(--sp-text);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sp-help-toggle-text{flex-direction:column;gap:2px;display:flex}.sp-help-label{font-family:var(--sp-font-body);color:var(--sp-text);font-size:14px;font-weight:600}.sp-help-sublabel{font-family:var(--sp-font-body);color:var(--sp-muted);font-size:12px}.sp-help-toggle-right{align-items:center;gap:10px;display:flex}.sp-help-steps-count{font-family:var(--sp-font-body);color:var(--sp-muted-strong);background:#00000012;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:600}.sp-help-chevron{transition:transform .25s;display:flex}.sp-help-chevron.open{transform:rotate(180deg)}.sp-help-body{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.sp-help-body.open{max-height:1000px}.sp-help-content{border-top:1px solid var(--sp-border);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.sp-help-intro{border:1px solid var(--sp-border);font-family:var(--sp-font-body);color:var(--sp-muted-strong);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:1rem 1.25rem;font-size:13.5px;line-height:1.6;display:flex}.sp-help-intro svg{color:var(--sp-accent);flex-shrink:0;margin-top:2px}.sp-steps{flex-direction:column;display:flex}.sp-step{cursor:pointer;gap:14px;transition:opacity .15s;display:flex}.sp-step:hover{opacity:.85}.sp-step-left{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.sp-step-num{background:var(--step-color,var(--sp-accent));color:#fff;width:32px;height:32px;font-family:var(--sp-font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;transition:transform .15s;display:flex}.sp-step.active .sp-step-num{transform:scale(1.1)}.sp-step-connector{background:var(--sp-border);flex:1;width:1.5px;min-height:20px;margin:4px 0}.sp-step-right{flex:1;padding:5px 0 20px}.sp-step-row{align-items:center;gap:8px;display:flex}.sp-step-title{font-family:var(--sp-font-body);color:var(--sp-text);flex:1;font-size:14px;font-weight:600}.sp-step-caret{color:var(--sp-muted);flex-shrink:0;transition:transform .2s}.sp-step-caret.open{color:var(--step-color,var(--sp-accent));transform:rotate(180deg)}.sp-step-desc{max-height:0;transition:max-height .3s;overflow:hidden}.sp-step-desc.open{max-height:200px}.sp-step-desc p{font-family:var(--sp-font-body);color:var(--sp-muted-strong);margin:8px 0 0;font-size:13.5px;line-height:1.65}.sp-help-tip{font-family:var(--sp-font-body);color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:9px;padding:1rem 1.25rem;font-size:13px;line-height:1.6;display:flex}.sp-help-tip svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.sp-rating-section{flex-direction:column;display:flex}.sp-rating-pill{font-family:var(--sp-font-body);background:#fffbeb;border:1.5px solid #fde68a;border-radius:99px;align-items:center;gap:5px;padding:5px 13px;font-size:12.5px;display:inline-flex}.sp-rating-pill-star{color:var(--sp-star)}.sp-rating-pill-val{color:#78350f;font-weight:700}.sp-rating-pill-count{color:#92400e;font-size:12px}.sp-rate-box{background:var(--sp-bg-subtle);border:1.5px solid var(--sp-border);border-radius:var(--sp-radius);padding:1.75rem}.sp-rating-dist{flex-direction:column;gap:7px;margin-bottom:.5rem;display:flex}.sp-dist-row{align-items:center;gap:10px;display:flex}.sp-dist-label{font-family:var(--sp-font-body);color:var(--sp-muted-strong);text-align:right;flex-shrink:0;width:28px;font-size:12.5px;font-weight:600}.sp-dist-star{color:var(--sp-star);margin-left:1px;font-size:11px}.sp-dist-bar-bg{background:#00000012;border-radius:99px;flex:1;height:7px;overflow:hidden}.sp-dist-bar-fill{background:var(--bar-color,var(--sp-accent));border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.sp-dist-count{font-family:var(--sp-font-body);color:var(--sp-muted);flex-shrink:0;width:20px;font-size:12px}.sp-rate-divider{background:var(--sp-border);height:1px;margin:1.25rem 0}.sp-rate-inner{flex-direction:column;gap:10px;display:flex}.sp-rate-row{align-items:center;gap:14px;display:flex}.sp-rate-label{font-family:var(--sp-font-body);color:var(--sp-muted-strong);margin:0;font-size:14px}.sp-rate-saving{font-family:var(--sp-font-body);color:var(--sp-muted);font-size:12px;animation:1s infinite fadePulse}.sp-rate-saved{font-family:var(--sp-font-body);color:var(--sp-green);align-items:center;gap:5px;font-size:12.5px;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}.sp-rate-change-hint{font-family:var(--sp-font-body);color:var(--sp-muted);margin:0;font-size:12px}.sp-rate-gated{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sp-rate-gated-stars{opacity:.3}.sp-rate-gated-title{font-family:var(--sp-font-body);color:var(--sp-text);margin:0 0 2px;font-size:14px;font-weight:600}.sp-rate-gated-sub{font-family:var(--sp-font-body);color:var(--sp-muted);margin:0;font-size:12.5px}.sp-rate-signin-btn{font-family:var(--sp-font-body);background:var(--sp-text);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:99px;margin-left:auto;padding:9px 20px;font-size:13px;font-weight:600;transition:all .18s}.sp-rate-signin-btn:hover{background:var(--sp-accent)}.star-row{align-items:center;gap:2px;display:flex}.star-btn{cursor:pointer;line-height:1;font-size:var(--sz,22px);color:#d1d5db;background:0 0;border:none;padding:2px;transition:transform .12s,color 80ms}.star-btn.star-filled{color:var(--sp-star)}.star-btn:not(.star-readonly):hover{transform:scale(1.25)}.star-btn.star-readonly{cursor:default}.sp-comments-section{flex-direction:column;display:flex}.sp-comment-meta-row{align-items:center;gap:8px;display:flex}.sp-comment-count-badge{background:var(--sp-text);color:#fff;min-width:24px;height:24px;font-family:var(--sp-font-body);border-radius:99px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.sp-your-comments-badge{font-family:var(--sp-font-body);background:var(--sp-accent-light);color:var(--sp-accent);border:1px solid #1a6bff33;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.sp-comment-form-wrap{align-items:flex-start;gap:12px;margin-bottom:2.25rem;display:flex}.sp-comment-form-right{flex-direction:column;flex:1;gap:8px;display:flex}.sp-comment-input{box-sizing:border-box;resize:vertical;width:100%;min-height:88px;font-family:var(--sp-font-body);color:var(--sp-text);border:1.5px solid var(--sp-border);background:#fff;border-radius:12px;outline:none;padding:13px 15px;font-size:14px;line-height:1.65;transition:border-color .18s,box-shadow .18s}.sp-comment-input:focus{border-color:var(--sp-accent);box-shadow:0 0 0 3px #1a6bff1a}.sp-comment-input::placeholder{color:#00000047}.sp-comment-form-footer{align-items:center;gap:10px;display:flex}.sp-comment-chars{font-family:var(--sp-font-body);color:#00000047;font-size:11.5px}.sp-comment-hint{font-family:var(--sp-font-body);color:#00000047;margin-left:auto;font-size:11.5px}.sp-comment-submit{font-family:var(--sp-font-body);background:var(--sp-text);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:99px;align-items:center;gap:7px;padding:10px 22px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.sp-comment-submit:hover:not(:disabled){background:var(--sp-accent);transform:translateY(-1px)}.sp-comment-submit:disabled{opacity:.4;cursor:not-allowed}.sp-submit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite spin}.sp-comment-signin-cta{background:var(--sp-bg-subtle);border:2px dashed var(--sp-border-strong);border-radius:var(--sp-radius);font-family:var(--sp-font-body);color:var(--sp-muted-strong);cursor:pointer;justify-content:center;align-items:center;gap:9px;width:100%;margin-bottom:2rem;padding:1.1rem 1.5rem;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.sp-comment-signin-cta:hover{border-color:var(--sp-accent);color:var(--sp-accent);background:var(--sp-accent-subtle)}.sp-comments-list{flex-direction:column;display:flex}.sp-comment{border-bottom:1px solid #0000000d;gap:13px;padding:1.4rem 0;animation:.35s both commentSlideIn;display:flex}.sp-comment:last-child{border-bottom:none}.sp-comment.sp-comment-own{background:0 0}.sp-comment-avatar-wrap{flex-shrink:0}.sp-comment-avatar{color:#fff;width:36px;height:36px;font-size:13px;font-weight:700;font-family:var(--sp-font-body);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;display:flex}.sp-comment-body{flex:1;min-width:0}.sp-comment-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.sp-comment-author{font-family:var(--sp-font-body);color:var(--sp-text);font-size:13.5px;font-weight:700}.sp-comment-you-badge{font-family:var(--sp-font-body);background:var(--sp-accent-light);color:var(--sp-accent);letter-spacing:.04em;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.sp-comment-dot{color:#0000002e;font-size:12px}.sp-comment-time{font-family:var(--sp-font-body);color:var(--sp-muted);font-size:12px}.sp-comment-delete{font-family:var(--sp-font-body);color:#0000004d;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:11.5px;transition:color .15s}.sp-comment-delete:hover,.sp-comment-delete.confirming{color:var(--sp-red);font-weight:600}.sp-comment-cancel{font-family:var(--sp-font-body);color:var(--sp-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;transition:color .15s}.sp-comment-cancel:hover{color:var(--sp-text)}.sp-comment-text{font-family:var(--sp-font-body);color:#000000b8;margin:0;font-size:14.5px;line-height:1.7}.sp-comments-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:3.5rem 1rem;display:flex}.sp-comments-empty-icon{background:var(--sp-bg-subtle);border:1.5px solid var(--sp-border);color:#cbd5e1;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sp-comments-empty-title{font-family:var(--sp-font-body);color:var(--sp-text);margin:4px 0 0;font-size:15px;font-weight:600}.sp-comments-empty-sub{font-family:var(--sp-font-body);color:var(--sp-muted);margin:0;font-size:13.5px}.sp-comments-skeleton{flex-direction:column;gap:1.75rem;padding:.5rem 0;display:flex}.sp-comment-skeleton-item{gap:12px;display:flex}.sp-skel{background:linear-gradient(90deg,#f1f3f7 25%,#e5e9f0 50%,#f1f3f7 75%) 0 0/200% 100%;border-radius:5px;animation:1.4s infinite shimmer}.sp-skel-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.sp-skel-body{flex-direction:column;flex:1;gap:9px;padding-top:4px;display:flex}.sp-skel-line{height:13px}.sp-sidebar{scrollbar-width:none;flex-direction:column;gap:1.1rem;max-height:calc(100vh - 100px);display:flex;position:sticky;top:calc(72px + 1.5rem);overflow-y:auto}.sp-sidebar::-webkit-scrollbar{display:none}.sp-card{border:1.5px solid var(--sp-border);border-radius:var(--sp-radius);background:var(--sp-bg-subtle);padding:1.4rem}.sp-card-title{font-family:var(--sp-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-muted);margin:0 0 .9rem;font-size:10px;font-weight:700}.sp-cta-card{background:var(--sp-text);text-align:center;border-color:#0000;flex-direction:column;align-items:center;gap:10px;display:flex}.sp-cta-card .sp-card-title{color:#fff6}.sp-cta-tagline{font-family:var(--sp-font-body);color:#fffc;margin:0;font-size:13.5px;font-weight:600}.sp-cta-btn{width:100%;font-family:var(--sp-font-body);color:var(--sp-text);cursor:pointer;letter-spacing:-.02em;background:#fff;border:none;border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:13px 20px;font-size:14px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 16px #0003}.sp-cta-btn:hover{background:var(--sp-accent);color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #1a6bff59}.sp-cta-hint{font-family:var(--sp-font-body);color:#ffffff59;margin:0;font-size:11.5px}.sp-detail-row{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}.sp-detail-row:last-child{border-bottom:none;padding-bottom:0}.sp-detail-row:first-of-type{padding-top:0}.sp-detail-label{font-family:var(--sp-font-body);color:var(--sp-muted);flex-shrink:0;font-size:12px}.sp-detail-val{font-family:var(--sp-font-body);color:var(--sp-text);text-align:right;font-size:12.5px;font-weight:500}.sp-detail-rating{align-items:center;gap:4px;display:flex}.sp-detail-star{color:var(--sp-star);font-size:13px}.sp-detail-rcount{color:var(--sp-muted);font-size:11.5px}.sp-detail-link{font-family:var(--sp-font-body);color:var(--sp-accent);font-size:12.5px;font-weight:600;text-decoration:none;transition:opacity .15s}.sp-detail-link:hover{opacity:.7;text-decoration:underline}.sp-tool-chip{font-size:10px;font-weight:700;font-family:var(--sp-font-body);color:#fff;letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:4px 11px}.sp-activity-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#22c55e33}.sp-activity-card .sp-card-title{color:#14532d80}.sp-activity-row{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.sp-activity-row:not(:last-child){border-bottom:1px solid #22c55e1a}.sp-activity-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:13px;display:flex}.sp-activity-icon.sp-activity-rating{background:#fef3c7}.sp-activity-icon.sp-activity-comment{background:#1a6bff1a}.sp-activity-label{font-family:var(--sp-font-body);color:#15803d;margin:0 0 3px;font-size:13px;font-weight:600}.sp-activity-sub{font-family:var(--sp-font-body);color:#15803d99;margin:0;font-size:11.5px}.sp-activity-stars{gap:1px;display:flex}.sp-activity-star{color:#d1d5db;font-size:13px}.sp-activity-star.filled{color:var(--sp-star)}.sp-sidebar-tags{flex-wrap:wrap;gap:6px;display:flex}.sp-sidebar-tag{font-family:var(--sp-font-body);background:var(--sp-accent-light);color:var(--sp-accent);letter-spacing:.02em;border:1px solid #1a6bff26;border-radius:99px;padding:5px 11px;font-size:11.5px;font-weight:600}.sp-sidebar-chips{flex-wrap:wrap;gap:6px;display:flex}.sp-sidebar-chip{font-family:var(--sp-font-body);border:1px solid var(--sp-border);color:var(--sp-muted-strong);background:#fff;border-radius:99px;padding:5px 12px;font-size:11.5px;font-weight:500}.sp-share-row{flex-direction:column;gap:8px;display:flex}.sp-share-btn{font-family:var(--sp-font-body);border:1.5px solid var(--sp-border);color:var(--sp-text);cursor:pointer;letter-spacing:-.01em;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.sp-share-btn:hover{border-color:var(--sp-text);background:var(--sp-text);color:#fff}@keyframes fadePulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes commentSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ringPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.sp-page{--sp-sidebar:290px;padding:calc(72px + 2rem) 2rem 5rem}.sp-body{grid-template-columns:1fr;gap:3rem}.sp-sidebar{grid-template-columns:1fr 1fr;gap:1rem;max-height:none;display:grid;position:static;overflow:visible}.sp-hero{aspect-ratio:16/6}}@media (width<=768px){.sp-page{padding:calc(64px + 1.75rem) 1.5rem 5rem}.sp-sidebar{grid-template-columns:1fr}.sp-hero{aspect-ratio:16/8;border-radius:14px}.sp-hero-title{font-size:26px}.sp-design-meta-row{flex-direction:column;gap:1rem}.sp-prompt-header{flex-direction:column;align-items:flex-start}}@media (width<=520px){.sp-page{padding:calc(64px + 1.25rem) 1rem 4rem}.sp-hero{aspect-ratio:4/3;border-radius:12px}.sp-hero-title-wrap{padding:1.25rem}.sp-hero-title{font-size:22px}.sp-comment-form-wrap{gap:9px}.sp-rate-gated{flex-direction:column;align-items:flex-start}.sp-rate-signin-btn{margin-left:0}.sp-prompt-gate{flex-direction:column}}:root{--sp-max:1280px;--sp-sidebar:320px;--sp-gap:3.5rem;--sp-form-gap:2rem;--sp-field-gap:.55rem;--sp-input-h:50px;--sp-radius:10px;--sp-border:#0000001a;--sp-bg-subtle:#f9f9f9;--sp-accent:#1a6bff;--sp-text:#0a0a0a;--sp-muted:#0000006b;--sp-font-body:"DM Sans", sans-serif;--sp-font-display:"Bricolage Grotesque", sans-serif}.sp{box-sizing:border-box;color:#0a0a0a;background:#fff;width:100%;max-width:100%;min-height:100vh;margin:0;padding:calc(64px + 2rem) 2.5rem 5rem}.sp-back{font-family:var(--sp-font-body);color:var(--sp-muted);cursor:pointer;letter-spacing:.01em;background:0 0;border:1px solid #0000001f;border-radius:99px;align-items:center;gap:8px;margin-bottom:3rem;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.sp-back:hover{border-color:var(--sp-text);color:var(--sp-text);background:#00000005}.sp-header{max-width:580px;margin-bottom:3.5rem}.sp-header h1{font-family:var(--sp-font-display);color:var(--sp-text);letter-spacing:-.035em;margin:0 0 .75rem;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.05}.sp-header p{font-family:var(--sp-font-body);color:var(--sp-muted);margin:0;font-size:16px;line-height:1.65}.sp-warn,.sp-error{border-radius:var(--sp-radius);font-size:13.5px;font-family:var(--sp-font-body);margin-bottom:2rem;padding:13px 18px;line-height:1.5}.sp-warn{color:#92400e;background:#d9770612;border:1px solid #d9770638}.sp-error{color:#991b1b;background:#dc26260d;border:1px solid #dc262633}.sp-layout{grid-template-columns:1fr var(--sp-sidebar);gap:var(--sp-gap);align-items:start;max-width:1280px;margin:0 auto;display:grid}.sp-form{gap:var(--sp-form-gap);flex-direction:column;display:flex}.sp-section-label{font-family:var(--sp-font-body);letter-spacing:.12em;text-transform:uppercase;color:#00000047;align-items:center;gap:10px;margin-top:.5rem;font-size:10.5px;font-weight:700;display:flex}.sp-section-label:after{content:"";background:#00000012;flex:1;height:1px}.sp-section-opt{letter-spacing:.04em;color:#00000038;text-transform:none;font-size:10px;font-style:italic;font-weight:400}.sp-field{gap:var(--sp-field-gap);flex-direction:column;display:flex}.sp-field label{font-family:var(--sp-font-body);color:#0000009e;letter-spacing:.01em;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.sp-field label span{color:var(--sp-accent)}.sp-field label em{color:#00000052;font-size:12px;font-style:normal;font-weight:400}.sp-field input,.sp-field textarea{font-family:var(--sp-font-body);color:var(--sp-text);border:1.5px solid var(--sp-border);border-radius:var(--sp-radius);box-sizing:border-box;background:#fff;outline:none;width:100%;font-size:14.5px;transition:border-color .18s,box-shadow .18s}.sp-field input{height:var(--sp-input-h);padding:0 16px}.sp-field textarea{resize:vertical;min-height:110px;padding:14px 16px;line-height:1.65}.sp-field textarea[name=prompt]{letter-spacing:.01em;background:#fafafa;min-height:210px;font-family:Fira Code,DM Mono,monospace;font-size:13px}.sp-field input::placeholder,.sp-field textarea::placeholder{color:#0000003d}.sp-field input:hover,.sp-field textarea:hover{border-color:#00000038}.sp-field input:focus,.sp-field textarea:focus{border-color:var(--sp-text);box-shadow:0 0 0 4px #0000000d}.sp-input-icon-wrap{position:relative}.sp-input-icon{color:#00000047;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sp-has-icon{padding-left:44px!important}.sp-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.dd{position:relative}.dd-btn{width:100%;height:var(--sp-input-h);font-family:var(--sp-font-body);color:#00000042;border:1.5px solid var(--sp-border);border-radius:var(--sp-radius);cursor:pointer;box-sizing:border-box;text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;transition:border-color .18s;display:flex}.dd-btn span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dd-btn.has-value{color:var(--sp-text)}.dd-btn:hover{border-color:#00000038}.dd-btn:focus{border-color:var(--sp-text);outline:none;box-shadow:0 0 0 4px #0000000d}.dd-menu{z-index:999;background:#fff;border:1.5px solid #00000017;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 20px 56px #0000001a}.dd-search{border-bottom:1px solid #0000000f;align-items:center;gap:8px;padding:11px 14px;display:flex}.dd-search input{font-family:var(--sp-font-body);color:var(--sp-text);background:0 0;flex:1;font-size:13.5px;box-shadow:none!important;border:none!important;outline:none!important;height:auto!important;padding:0!important}.dd-search input::placeholder{color:#00000042}.dd-list{max-height:240px;padding:6px;overflow-y:auto}.dd-item{width:100%;font-family:var(--sp-font-body);color:#00000094;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;transition:background .1s,color .1s;display:flex}.dd-item:hover{color:var(--sp-text);background:#0000000a}.dd-item.active{color:var(--sp-text);background:#0000000d;font-weight:600}.dd-item-disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.dd-empty{text-align:center;color:#00000057;font-size:13px;font-family:var(--sp-font-body);padding:1.25rem}.dd-footer{font-size:11px;font-family:var(--sp-font-body);color:#00000057;text-align:right;background:#fafafa;border-top:1px solid #0000000f;padding:9px 16px}.sp-chip-row{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.sp-chip{font-size:12.5px;font-family:var(--sp-font-body);color:#0000009e;background:#0000000d;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-weight:500;display:inline-flex}.sp-chip button{cursor:pointer;color:#00000047;background:0 0;border:none;align-items:center;padding:0;font-size:15px;line-height:1;transition:color .1s;display:flex}.sp-chip button:hover{color:var(--sp-text)}.tag-input-wrap{flex-direction:column;gap:7px;display:flex}.tag-input-box{border:1.5px solid var(--sp-border);border-radius:var(--sp-radius);min-height:var(--sp-input-h);cursor:text;box-sizing:border-box;background:#fff;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 14px;transition:border-color .18s,box-shadow .18s;display:flex}.tag-input-box:focus-within{border-color:var(--sp-text);box-shadow:0 0 0 4px #0000000d}.tag-pill{background:var(--sp-text);color:#fff;font-size:12.5px;font-family:var(--sp-font-body);border-radius:99px;align-items:center;gap:5px;padding:4px 12px;font-weight:500;display:inline-flex}.tag-remove{cursor:pointer;color:#ffffff80;background:0 0;border:none;align-items:center;padding:0;line-height:1;transition:color .1s;display:flex}.tag-remove:hover{color:#fff}.tag-text-input{font-family:var(--sp-font-body);color:var(--sp-text);flex:1;min-width:150px;font-size:14px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;height:auto!important;padding:0!important}.tag-text-input::placeholder{color:#0000003d}.tag-hint{color:#0000004d;font-size:11.5px;font-family:var(--sp-font-body);margin:0}.sp-upload{text-align:center;cursor:pointer;background:var(--sp-bg-subtle);border:2px dashed #0000001f;border-radius:14px;padding:3rem 2rem;transition:border-color .2s,background .2s;position:relative}.sp-upload:hover{border-color:var(--sp-text);background:#f3f3f3}.sp-upload p{color:#0000009e;font-size:14.5px;font-weight:500;font-family:var(--sp-font-body);margin:.65rem 0 .35rem}.sp-upload span{color:#00000052;font-size:12px;font-family:var(--sp-font-body)}.sp-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0;box-shadow:none!important;border:none!important}.sp-preview{object-fit:cover;border-radius:10px;width:100%;max-height:320px;display:block}.sp-btn{font-family:var(--sp-font-body);background:var(--sp-text);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:99px;align-self:flex-start;margin-top:.5rem;padding:15px 40px;font-size:15px;font-weight:700;transition:background .15s,transform .12s,box-shadow .15s;box-shadow:0 4px 20px #00000021}.sp-btn:hover:not(:disabled){background:var(--sp-accent);transform:translateY(-1px);box-shadow:0 6px 24px #1a6bff42}.sp-btn:active:not(:disabled){transform:translateY(0)}.sp-btn:disabled{opacity:.26;cursor:not-allowed;transform:none}.sp-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:calc(72px + 2rem)}.sp-card{background:var(--sp-bg-subtle);border:1.5px solid #00000012;border-radius:14px;padding:1.5rem}.sp-card h3{font-family:var(--sp-font-display);color:var(--sp-text);letter-spacing:-.01em;margin:0 0 1rem;font-size:13.5px;font-weight:700}.sp-card ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.sp-card ul li{color:#0000008a;font-size:13px;font-family:var(--sp-font-body);padding-left:18px;line-height:1.55;position:relative}.sp-card ul li:before{content:"→";color:var(--sp-text);font-size:11px;font-weight:700;position:absolute;top:1px;left:0}.sp-card ul li strong{color:var(--sp-text);font-weight:600}.sp-steps{flex-direction:column;gap:14px;display:flex}.sp-step{align-items:flex-start;gap:12px;display:flex}.sp-step-num{background:var(--sp-text);color:#fff;width:24px;height:24px;font-size:11px;font-weight:700;font-family:var(--sp-font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.sp-step p{color:#0000008a;font-size:13px;font-family:var(--sp-font-body);margin:0;line-height:1.55}.sp-card-info{background:#eef3ff;border-color:#1a6bff26}.sp-card-info h3{color:#1a3a8f;font-size:13px}.sp-card-info p{color:#1a3a8fad;font-size:13px;font-family:var(--sp-font-body);margin:0;line-height:1.65}.sp-card-info em{color:#1a3a8f;font-style:italic;font-weight:500}.sp-success{text-align:center;max-width:420px;margin:0 auto;padding:7rem 2rem}.sp-success-icon{background:var(--sp-text);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 2rem;font-size:26px;display:flex;box-shadow:0 8px 28px #00000026}.sp-success h2{font-family:var(--sp-font-display);color:var(--sp-text);letter-spacing:-.03em;margin:0 0 .75rem;font-size:32px;font-weight:800}.sp-success p{color:var(--sp-muted);font-size:15px;font-family:var(--sp-font-body);margin:0 0 2.5rem;line-height:1.65}@media (width<=1024px){.sp{padding:calc(72px + 2.5rem) 4vw 5rem}.sp-layout{grid-template-columns:1fr;gap:2.5rem}.sp-sidebar{order:2;grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:static}.sp-form{order:1}}@media (width<=720px){.sp-sidebar{grid-template-columns:1fr}}@media (width<=600px){.sp{padding:calc(64px + 1.5rem) 1.25rem 4rem}.sp-header h1{font-size:30px}.sp-row{grid-template-columns:1fr;gap:1.25rem}.sp-btn{text-align:center;justify-content:center;align-self:stretch;width:100%}}.msub-trigger{z-index:400;font-family:var(--sp-font-body);color:var(--sp-text);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #0000001f;border-radius:99px;align-items:center;gap:8px;padding:9px 16px 9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;position:fixed;top:80px;right:28px;box-shadow:0 4px 20px #0000001a}.msub-trigger:hover{border-color:var(--sp-text);transform:translateY(-1px);box-shadow:0 6px 24px #00000024}.msub-badge{background:var(--sp-text);color:#fff;letter-spacing:.02em;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.5}.msub-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;background:#00000040;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.msub-drawer{z-index:600;background:#fff;border-left:1.5px solid #00000014;flex-direction:column;width:400px;max-width:92vw;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 48px #0000001f}.msub-drawer.open{transform:translate(0)}.msub-drawer-header{border-bottom:1px solid #00000012;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.msub-drawer-title{font-family:var(--sp-font-display);color:var(--sp-text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.msub-drawer-count{font-size:10px;font-weight:700;font-family:var(--sp-font-body);color:#00000073;background:#00000012;border-radius:99px;padding:2px 8px}.msub-close{cursor:pointer;color:#00000080;background:#0000000d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.msub-close:hover{color:var(--sp-text);background:#0000001a}.msub-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.msub-card{background:#fafafa;border:1.5px solid #00000014;border-radius:12px;grid-template-columns:72px 1fr;gap:0;transition:border-color .15s;display:grid;overflow:hidden}.msub-card:hover{border-color:#0000002e}.msub-thumb{object-fit:cover;width:72px;height:100%;min-height:80px;display:block}.msub-thumb-placeholder{width:72px;min-height:80px;font-family:var(--sp-font-display);color:#0003;background:linear-gradient(135deg,#e8e0f8,#d4e4ff);justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.msub-info{flex-direction:column;gap:5px;padding:11px 13px;display:flex}.msub-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.msub-title{font-family:var(--sp-font-display);color:var(--sp-text);font-size:13px;font-weight:700}.msub-status{font-size:10.5px;font-weight:600;font-family:var(--sp-font-body);border-radius:99px;padding:2px 8px}.msub-status.approved{color:#16a34a;background:#dcfce7}.msub-status.pending{color:#92400e;background:#fef9c3}.msub-url{color:var(--sp-accent);font-size:11.5px;font-family:var(--sp-font-body);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.msub-url:hover{text-decoration:underline}.msub-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.msub-btn{font-family:var(--sp-font-body);cursor:pointer;border:none;border-radius:7px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:opacity .15s,transform .1s}.msub-btn:hover{opacity:.8;transform:translateY(-1px)}.msub-edit{color:#1a3a8f;background:#eef3ff}.msub-delete{color:#dc2626;background:#fee2e2}.msub-delete.confirming{color:#fff;background:#dc2626}.msub-cancel{color:#444;background:#f0f0f0}@media (width<=600px){.msub-trigger{top:auto;bottom:24px;right:16px}}.auth-root{background:#fff;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.auth-left{background:#fff;border-right:1px solid #00000012;flex-direction:column;flex:1;min-width:0;max-width:520px;padding:32px 40px 40px;display:flex;position:relative;overflow-y:auto}.auth-right{flex:1;min-width:0}.back-btn{color:#0006;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:40px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.back-btn:hover{color:#000}.auth-form-wrap{flex-direction:column;flex:1;display:flex}.auth-logo{align-items:center;gap:10px;margin-bottom:36px;display:flex}.auth-logo-icon{background:#f0f5ff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-logo-text{letter-spacing:.14em;color:#000;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:15px;font-weight:300}.auth-logo-text strong{font-weight:700}.auth-tabs{border-bottom:1.5px solid #00000014;gap:0;margin-bottom:24px;display:flex}.auth-tab{color:#00000059;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;margin-right:24px;padding:0 0 12px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:color .15s;position:relative}.auth-tab.active{color:#000}.auth-tab.active:after{content:"";background:#1a6bff;height:1.5px;position:absolute;bottom:-1.5px;left:0;right:0}.auth-message{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-message.error{color:#991b1b;background:#dc26260d;border:1px solid #dc26262e}.auth-message.success{color:#15803d;background:#16a34a0d;border:1px solid #16a34a33}.google-btn{color:#111;cursor:pointer;background:#fff;border:1.5px solid #0000001a;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:18px;padding:11px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.google-btn:hover{background:#fafafa;border-color:#00000040}.auth-divider{color:#0000004d;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:20px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#00000012;flex:1;height:1px}.auth-title{color:#0a0a0a;letter-spacing:-.02em;margin:0 0 20px;font-family:Fraunces,serif;font-size:22px;font-weight:600}.form-group{margin-bottom:14px}.form-label{color:#00000080;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{color:#0a0a0a;box-sizing:border-box;background:#fafafa;border:1.5px solid #00000017;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,background .15s}.form-input::placeholder{color:#00000038}.form-input:focus{background:#fff;border-color:#1a6bff}.auth-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#0a0a0a;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.auth-btn:hover:not(:disabled){background:#1a6bff}.auth-btn:active:not(:disabled){transform:scale(.99)}.auth-btn:disabled{opacity:.35;cursor:not-allowed}.auth-switch{color:#0006;text-align:center;margin-top:16px;font-size:13px}.auth-link{color:#1a6bff;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:underline}.auth-right{background:#f7f8fc;flex:1;justify-content:center;align-items:center;padding:60px 80px;display:flex;position:relative;overflow:hidden}.auth-right:before{content:"";pointer-events:none;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.pitch-inner{z-index:1;max-width:440px;position:relative}.pitch-badge{letter-spacing:.07em;text-transform:uppercase;color:#1a6bff;background:#fff;border:1px solid #1a6bff40;border-radius:99px;margin-bottom:28px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-block}.pitch-headline{letter-spacing:-.03em;color:#0a0a0a;margin:0 0 24px;font-family:Fraunces,serif;font-size:clamp(40px,5vw,58px);font-weight:600;line-height:1.08}.pitch-headline em{color:#1a6bff;font-style:italic;font-weight:400}.pitch-body{color:#00000080;max-width:360px;margin:0 0 36px;font-size:15.5px;line-height:1.7}.pitch-features{flex-direction:column;gap:13px;margin-bottom:44px;display:flex}.pitch-feature{color:#000000a6;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.pf-dot{background:#1a6bff;border-radius:50%;flex-shrink:0;width:7px;height:7px}.pitch-stat-row{background:#fff;border:1px solid #00000012;border-radius:16px;align-items:center;gap:28px;width:fit-content;padding:24px 28px;display:flex;box-shadow:0 2px 16px #0000000a}.pitch-stat{flex-direction:column;gap:2px;display:flex}.ps-num{color:#0a0a0a;letter-spacing:-.03em;font-family:Fraunces,serif;font-size:28px;font-weight:600;line-height:1}.ps-label{color:#00000061;letter-spacing:.01em;font-size:12px;font-weight:500}.pitch-divider-v{background:#00000014;width:1px;height:36px}.deco-tl,.deco-br{width:60px;height:60px;position:absolute}.deco-tl{border-top:1.5px solid #1a6bff40;border-left:1.5px solid #1a6bff40;top:32px;left:32px}.deco-br{border-bottom:1.5px solid #1a6bff40;border-right:1.5px solid #1a6bff40;bottom:32px;right:32px}@media (width<=900px){.auth-root{flex-direction:column}.auth-left{border-bottom:1px solid #00000012;border-right:none;width:100%}.auth-right{padding:48px 32px}.pitch-headline{font-size:36px}}@media (width<=520px){.auth-left{padding:24px 24px 32px}.auth-right{padding:36px 24px}}.password-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link:hover{color:#1a6bff}.reset-hint{color:#00000073;margin:6px 0 0;font-size:13.5px;line-height:1.65}.reset-sent-wrap{flex-direction:column;align-items:flex-start;padding-top:8px;display:flex}.reset-sent-icon{background:#f0f5ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.reset-sent-icon strong{color:#0a0a0a;font-weight:600}.password-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.password-label-row .form-label{margin-bottom:0}.forgot-link{color:#1a6bff;cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:opacity .15s}.forgot-link:hover{opacity:.75}.notfound{background:var(--bg,#fff);justify-content:center;align-items:center;min-height:100vh;display:flex}.notfound-inner{text-align:center;padding:40px 20px}.notfound-code{color:#1a6bff;margin-bottom:16px;font-family:Bricolage Grotesque,sans-serif;font-size:120px;font-weight:800;line-height:1}.notfound-title{color:#0a0a0a;margin-bottom:12px;font-size:28px;font-weight:700}.notfound-desc{color:#666;margin-bottom:32px;font-size:15px}.notfound-btn{color:#fff;cursor:pointer;background:#1a6bff;border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:opacity .2s}.notfound-btn:hover{opacity:.85}.admin-root{background:#f7f8fc;min-height:100vh;font-family:DM Sans,sans-serif}.admin-guard{background:#f7f8fc;justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-guard-inner{text-align:center;background:#fff;border:1px solid #00000012;border-radius:16px;width:100%;max-width:360px;padding:40px}.admin-guard-icon{margin-bottom:16px;font-size:48px}.admin-guard-inner h2{margin:0 0 8px;font-size:22px;font-weight:700}.admin-guard-inner p{color:#666;margin:0 0 24px}.admin-guard-inner button{color:#fff;cursor:pointer;background:#1a6bff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.admin-toast{color:#fff;z-index:9999;white-space:nowrap;background:#0a0a0a;border-radius:99px;padding:10px 20px;font-size:13px;font-weight:500;animation:.2s toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.admin-modal-backdrop{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000026}.admin-modal-header{border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.admin-modal-header h3{margin:0;font-size:16px;font-weight:700}.admin-modal-close{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.admin-modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.admin-field label{text-transform:uppercase;letter-spacing:.06em;color:#00000073;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.admin-field input,.admin-field textarea{color:#0a0a0a;box-sizing:border-box;resize:vertical;background:#fafafa;border:1.5px solid #00000017;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s}.admin-field input:focus,.admin-field textarea:focus{background:#fff;border-color:#1a6bff}.admin-modal-footer{border-top:1px solid #00000012;justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.admin-header{z-index:100;background:#fff;border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;top:0}.admin-header-left{align-items:center;gap:20px;display:flex}.admin-back{color:#0006;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.admin-back:hover{color:#000}.admin-title-wrap{align-items:center;gap:10px;display:flex}.admin-title{color:#0a0a0a;margin:0;font-size:18px;font-weight:700}.admin-badge{color:#1a6bff;letter-spacing:.04em;background:#f0f5ff;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.admin-user{color:#00000059;font-size:12px}.admin-tabs{background:#fff;border-bottom:1px solid #00000012;gap:0;padding:0 32px;display:flex}.admin-tab{color:#00000059;cursor:pointer;background:0 0;border:none;margin-right:28px;padding:14px 0;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:color .15s;position:relative}.admin-tab.active{color:#0a0a0a;font-weight:600}.admin-tab.active:after{content:"";background:#1a6bff;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.admin-body{max-width:900px;margin:0 auto;padding:32px}.admin-section-header{margin-bottom:24px}.admin-section-header h2{align-items:center;gap:10px;margin:0 0 4px;font-size:20px;font-weight:700;display:flex}.admin-count{color:#1a6bff;background:#f0f5ff;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:700}.admin-section-header p{color:#0006;margin:0;font-size:13.5px}.admin-loading{text-align:center;color:#0000004d;padding:60px;font-size:14px}.admin-empty{text-align:center;color:#0000004d;padding:60px 20px}.admin-empty-icon{margin-bottom:12px;font-size:40px}.admin-site-list{flex-direction:column;gap:16px;display:flex}.admin-site-card{background:#fff;border:1px solid #00000012;border-radius:12px;gap:16px;padding:16px;transition:box-shadow .15s;display:flex}.admin-site-card:hover{box-shadow:0 4px 16px #0000000f}.admin-site-thumb{background:#f0f0f0;border-radius:8px;flex-shrink:0;width:120px;height:80px;overflow:hidden}.admin-site-thumb img{object-fit:cover;width:100%;height:100%}.admin-thumb-placeholder{color:#00000026;background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex}.admin-site-info{flex:1;min-width:0}.admin-site-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.admin-site-title{color:#0a0a0a;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.admin-site-meta{flex-shrink:0;gap:6px;display:flex}.admin-tag{color:#555;white-space:nowrap;background:#f0f0f0;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.admin-tag-cat{color:#1a6bff;background:#f0f5ff}.admin-tag-views{color:#15803d;background:#f0fff4}.admin-site-desc{color:#00000073;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;display:-webkit-box;overflow:hidden}.admin-site-sub{color:#00000059;flex-wrap:wrap;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.admin-site-sub a{color:#1a6bff;text-decoration:none}.admin-site-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-btn-approve{color:#fff;cursor:pointer;background:#1a6bff;border:none;border-radius:7px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s}.admin-btn-approve:hover:not(:disabled){opacity:.85}.admin-btn-approve:disabled{opacity:.4;cursor:not-allowed}.admin-btn-edit{color:#333;cursor:pointer;background:#f5f5f5;border:none;border-radius:7px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .15s}.admin-btn-edit:hover{background:#ebebeb}.admin-btn-reject{color:#dc2626;cursor:pointer;background:#dc262612;border:1px solid #dc262626;border-radius:7px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.admin-btn-reject.confirm{color:#fff;background:#dc2626;border-color:#dc2626}.admin-btn-reject:hover:not(:disabled){opacity:.85}.admin-btn-ghost-sm{color:#00000059;cursor:pointer;background:0 0;border:none;padding:7px 8px;font-family:DM Sans,sans-serif;font-size:12px}.admin-btn-primary{color:#fff;cursor:pointer;background:#1a6bff;border:none;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:opacity .15s}.admin-btn-primary:hover{opacity:.85}.admin-btn-ghost{color:#333;cursor:pointer;background:0 0;border:1.5px solid #0000001a;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:border-color .15s}.admin-btn-ghost:hover{border-color:#00000040}.admin-user-list{flex-direction:column;gap:10px;display:flex}.admin-user-card{background:#fff;border:1px solid #00000012;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.admin-user-avatar{color:#1a6bff;background:#f0f5ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.admin-user-info{flex:1;min-width:0}.admin-user-name{color:#0a0a0a;font-size:14px;font-weight:600;display:block}.admin-user-sub{color:#00000061;font-size:12px}.admin-user-count{color:#1a6bff;font-size:20px;font-weight:700}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.admin-stat-card{background:#fff;border:1px solid #00000012;border-radius:12px;flex-direction:column;gap:6px;padding:24px 20px;display:flex}.admin-stat-card--green{background:#f0fff4;border-color:#16a34a33}.admin-stat-card--yellow{background:#fefce8;border-color:#eab30833}.admin-stat-card--blue{background:#f0f5ff;border-color:#1a6bff33}.admin-stat-num{color:#0a0a0a;font-size:36px;font-weight:700;line-height:1}.admin-stat-label{color:#0006;font-size:13px;font-weight:500}.admin-top-sites h3{margin:0 0 14px;font-size:15px;font-weight:700}.admin-top-list{flex-direction:column;gap:10px;display:flex}.admin-top-item{background:#fff;border:1px solid #00000012;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-top-rank{color:#00000040;flex-shrink:0;width:24px;font-size:13px;font-weight:700}.admin-top-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:32px}.admin-top-title{color:#0a0a0a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.admin-top-views{color:#00000059;flex-shrink:0;font-size:12px}@media (width<=640px){.admin-header{padding:16px 20px}.admin-tabs{padding:0 20px}.admin-body{padding:20px}.admin-site-card{flex-direction:column}.admin-site-thumb{width:100%;height:160px}}