@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.85rem 2.8rem;background:#0a0a142e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .38s ease,backdrop-filter .38s ease,box-shadow .38s ease,border-color .38s ease}.navbar--scrolled{background:var(--bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--nav-border),0 8px 32px var(--bg)}.navbar--dark{background:#0a0a142e}.navbar--light{background:#ffffff2e}.navbar--scrolled.navbar--dark{background:#0a0a1452}.navbar--scrolled.navbar--light{background:#ffffff52}.navbar__logo{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .2s ease,filter .3s ease}.navbar__logo:hover{opacity:.88;filter:drop-shadow(0 0 10px rgba(5,213,255,.35))}.navbar__logo-img{height:40px;width:auto;display:block;object-fit:contain;transition:opacity .25s ease}.navbar__right{display:flex;align-items:center;gap:.4rem}.navbar__links{display:flex;gap:.15rem;list-style:none;margin:0;padding:0}.navbar__link{position:relative;background:none;border:none;color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;padding:.45rem .85rem;border-radius:6px;transition:color .2s ease,background .2s ease;white-space:nowrap}.navbar__link:hover{color:var(--text);background:#05d5ff12}.navbar__link--active{color:#05d5ff;background:#05d5ff17}.navbar__link-underline{position:absolute;bottom:5px;left:.85rem;right:.85rem;height:1.5px;background:#05d5ff;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.navbar__link--active .navbar__link-underline,.navbar__link:hover .navbar__link-underline{transform:scaleX(1)}.navbar__theme-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;margin-left:.6rem;flex-shrink:0}.navbar__toggle-track{position:relative;display:flex;align-items:center;width:50px;height:26px;border-radius:100px;border:1.5px solid rgba(5,213,255,.28);background:#05d5ff14;padding:2px;transition:background .3s ease,border-color .3s ease,justify-content 0s;justify-content:flex-start}.navbar__toggle-track--on{justify-content:flex-end;background:#05d5ff24;border-color:#05d5ff73}.navbar__toggle-thumb{width:20px;height:20px;border-radius:50%;background:#05d5ff;color:#05050f;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #05d5ff73;transition:box-shadow .25s ease;flex-shrink:0}.navbar__theme-btn:hover .navbar__toggle-thumb{box-shadow:0 2px 16px #05d5ffa6}.navbar--dark .navbar__toggle-thumb{color:#fff}.navbar__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;margin-left:.3rem}.navbar__burger span{display:block;width:22px;height:2px;background:#05d5ff;border-radius:2px;transition:transform .28s ease,opacity .28s ease;transform-origin:center}.navbar__burger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 960px){.navbar{padding:.85rem 1.5rem}.navbar__burger{display:flex}.navbar__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:.15rem;padding:.7rem 1rem 1rem;background:var(--nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--nav-border)}.navbar__links--open{display:flex}.navbar__link{padding:.65rem 1rem;font-size:.9rem}}@media (max-width: 480px){.navbar__logo-img{height:32px}}.home{min-height:100vh;position:relative;z-index:1;padding-top:80px}.home__hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 2rem 4rem}.home__hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:100px;padding:.4rem 1.1rem;font-size:.8rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem;font-family:JetBrains Mono,monospace}.home__badge-dot{width:8px;height:8px;background:#0f8;border-radius:50%;animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.home__hero-title{font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:1.05;color:var(--text);margin:0 0 1.5rem;letter-spacing:-.04em}.home__gradient-text{background:linear-gradient(135deg,#013645,#33c4ee,#013645);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite;background-size:200% 200%;font-family:Caveat,cursive;font-weight:700;top:-5px;position:relative;display:inline-block;left:10px;transform:rotate(-3deg);letter-spacing:.5px}.home__gradient-text:hover:after{transform:scaleX(1.12);left:5%;transition:transform .5s ease;background:linear-gradient(135deg,#33c4ee,#013645,#33c4ee)}.home__gradient-text:after{content:"";position:absolute;bottom:-10px;animation:gradient-shift 4s ease infinite;width:90%;height:6px;border-radius:999px;left:0%}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.home__hero-sub{max-width:640px;font-size:1.1rem;color:var(--text-muted);line-height:1.7;margin:0 0 2.5rem}.home__hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;border:2px solid transparent;letter-spacing:.02em;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff14;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.btn:hover:before{transform:scaleX(1)}.btn--primary{background:linear-gradient(135deg,#1ab8e0,#33c4ee,#17b5df)}[data-theme=dark] .btn--primary{color:#fff}[data-theme=light] .btn--primary{color:#013645}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.btn--ghost{background:transparent;border-color:var(--border-hover);color:var(--text-muted)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--outline{background:transparent;border-color:var(--accent-border);color:var(--accent);padding:.7rem 1.5rem}.btn--outline:hover{background:var(--accent-subtle);transform:translate(4px)}.btn__arrow{transition:transform .25s}.btn:hover .btn__arrow{transform:translate(4px)}.home__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--accent-subtle);border-top:1px solid var(--accent-border);border-bottom:1px solid var(--accent-border);position:relative;z-index:1}.home__stat-card{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s}.home__stat-card:hover{background:var(--accent-subtle)}.home__stat-value{font-family:Fira Code,monospace;font-size:3rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.5rem}.home__stat-label{font-size:.8rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.home__about{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto;padding:7rem 2rem;position:relative;z-index:1}.home__about-tag{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent);letter-spacing:.18em;margin-bottom:1.2rem}.home__about-title{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text);line-height:1.15;margin:0 0 1.5rem;letter-spacing:-.03em}.home__about-body{color:var(--text-muted);line-height:1.75;margin-bottom:1rem;font-size:1rem}.home__about-visual{display:flex;justify-content:center;align-items:center}.home__cube-wrap{width:180px;height:180px;perspective:1200px}.home__cube{width:100%;height:100%;transform-style:preserve-3d;animation:cube-spin 10s linear infinite;position:relative;transition:transform .15s ease-out}@keyframes cube-spin{0%{transform:rotateX(-30deg) rotateY(0)}25%{transform:rotateX(0) rotateY(90deg)}50%{transform:rotateX(30deg) rotateY(180deg)}75%{transform:rotateX(0) rotateY(270deg)}to{transform:rotateX(-30deg) rotateY(360deg)}}.home__cube-face{position:absolute;width:180px;height:180px;background:var(--accent-subtle);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:.15em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home__cube-face--front{transform:translateZ(90px)}.home__cube-face--back{transform:rotateY(180deg) translateZ(90px)}.home__cube-face--left{transform:rotateY(-90deg) translateZ(90px)}.home__cube-face--right{transform:rotateY(90deg) translateZ(90px)}.home__cube-face--top{transform:rotateX(90deg) translateZ(90px)}.home__cube-face--bottom{transform:rotateX(-90deg) translateZ(90px)}.home__services{padding:5rem 2rem 7rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.home__section-header{text-align:center;margin-bottom:3.5rem}.home__services-title{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--text);letter-spacing:-.03em;margin:0}.home__services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.home__service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;transition:all .3s ease;animation:fade-up .6s ease both}.home__service-card:hover{background:var(--accent-subtle);border-color:var(--accent-border);transform:translateY(-4px);box-shadow:var(--card-shadow),0 0 30px var(--accent-subtle)}.home__service-icon{font-size:1.8rem;display:block;margin-bottom:1rem;color:var(--accent)}.home__service-name{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;color:var(--text);margin:0 0 .6rem}.home__service-desc{font-size:.9rem;color:var(--text-muted);font-family:Fira Code,monospace;line-height:1.65;margin:0}.home__cta-banner{position:relative;text-align:center;padding:7rem 2rem;overflow:hidden;z-index:1}.home__cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,var(--accent-subtle) 0%,transparent 70%);pointer-events:none}.home__cta-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--text);margin:0 0 1rem;letter-spacing:-.04em}.home__cta-sub{color:var(--text-muted);font-size:1.05rem;margin:0 0 2.5rem}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.home__stats{grid-template-columns:repeat(2,1fr)}.home__about{grid-template-columns:1fr}.home__about-visual{display:none}.home__services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.home__services-grid{grid-template-columns:1fr}}p{font-family:Fira Code,monospace}h1 h2 h3 h4 h5 h6{font-family:Playfair Display,serif}.pd{min-height:100vh;padding-top:80px;position:relative;z-index:1}.pd__loading,.pd__error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-family:DM Sans,sans-serif;gap:1.5rem;padding-top:120px}.pd__spinner{width:48px;height:48px;border:3px solid rgba(0,212,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.pd__inner{max-width:1100px;margin:0 auto;padding:2rem 2rem 6rem}.pd__back-btn{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:.9rem;padding:.5rem 1.2rem;border-radius:8px;cursor:pointer;margin-bottom:2.5rem;transition:all .2s;display:inline-block}.pd__back-btn:hover{color:var(--accent);border-color:#00d4ff4d}.pd__hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;margin-bottom:4rem;align-items:start}.pd__hero-media{display:flex;flex-direction:column;gap:1rem}.pd__hero-img{width:100%;border-radius:16px;border:1px solid var(--border);cursor:zoom-in;transition:border-color .3s;max-height:420px;object-fit:cover}.pd__hero-img:hover{border-color:#00d4ff4d}.pd__hero-video{width:100%;border-radius:16px;border:1px solid var(--border);max-height:420px;background:#000}.pd__hero-placeholder{width:100%;height:340px;background:#05d5ff0a;border:1px solid rgba(5,213,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#00d4ff33}.pd__media-strip{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem}.pd__media-strip::-webkit-scrollbar{height:3px}.pd__media-strip::-webkit-scrollbar-thumb{background:#05d5ff4d;border-radius:3px}.pd__thumb{flex-shrink:0;width:72px;height:54px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.07);cursor:pointer;transition:border-color .2s;background:none;padding:0}.pd__thumb--active{border-color:var(--accent)}.pd__thumb img{width:100%;height:100%;object-fit:cover}.pd__thumb-video{width:100%;height:100%;background:#05d5ff1a;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.2rem}.pd__category{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.8rem;padding:.3rem .8rem;background:#05d5ff14;border-radius:100px;display:inline-block}.pd__title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--text);margin:0 0 1rem;letter-spacing:-.04em;line-height:1.1}.pd__short-desc{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.65;margin:0 0 1.5rem}.pd__price-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.pd__price{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:800;color:var(--accent)}.pd__meta{display:flex;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-faint)}.pd__buy-note{display:flex;gap:1rem;background:linear-gradient(135deg,#00d4ff0f,#7c3aed0f);border:1px solid rgba(5,213,255,.2);border-radius:14px;padding:1.2rem 1.4rem;margin-bottom:1.5rem;animation:glow-pulse 3s ease infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00d4ff14}50%{box-shadow:0 0 40px #00d4ff2e}}.pd__buy-note-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.pd__buy-note-title{font-family:Playfair Display,serif;font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.3rem}.pd__buy-note-body{font-family:DM Sans,sans-serif;font-size:.88rem;color:var(--text-muted);line-height:1.5}.pd__buy-email{color:var(--accent);text-decoration:none;font-weight:600;border-bottom:1px dashed rgba(0,212,255,.4);transition:color .2s}.pd__buy-email:hover{color:#40e0ff}.pd__links{display:flex;gap:.8rem}.pd__link-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.3rem;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.pd__link-btn--demo{background:linear-gradient(135deg,#00d4ff,#0080ff);color:var(--text)}.pd__link-btn--demo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff4d}.pd__link-btn--github{background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted)}.pd__link-btn--github:hover{background:#ffffff1a}.pd__section{margin-bottom:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.pd__section-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 1.2rem;letter-spacing:-.02em}.pd__full-desc p{font-family:DM Sans,sans-serif;font-size:1rem;color:var(--text-muted);line-height:1.75;margin:0 0 .8rem}.pd__tech-list{display:flex;flex-wrap:wrap;gap:.6rem}.pd__tech-badge{background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);color:#b794f4;font-family:JetBrains Mono,monospace;font-size:.78rem;padding:.35rem .8rem;border-radius:6px;transition:all .2s}.pd__tech-badge:hover{background:#7c3aed38;transform:translateY(-1px)}.pd__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pd__lb-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:var(--text);font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background .2s}.pd__lb-close:hover{background:#fff3}.pd__lb-img,.pd__lb-video{max-width:90vw;max-height:85vh;border-radius:12px;cursor:default}@media (max-width: 768px){.pd__hero{grid-template-columns:1fr}}.products{min-height:100vh;padding-top:80px;position:relative;z-index:1}.products__inner{max-width:1200px;margin:0 auto;padding:4rem 2rem}.products__header{text-align:center;margin-bottom:3rem}.products__tag{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent);letter-spacing:.18em;margin-bottom:1rem}.products__title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text);margin:0 0 1rem;letter-spacing:-.04em}.products__sub{color:var(--text-muted);font-size:1rem;margin:0}.products__filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:2.5rem;padding:1.2rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-label{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase}.filter-select{background:var(--input-bg);border:1px solid var(--accent-border);border-radius:8px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.9rem;padding:.5rem 2.5rem .5rem .8rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2305D5FF' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:10px;transition:border-color .2s;min-width:180px}.filter-select:focus{outline:none;border-color:var(--accent)}.filter-select option{background:var(--bg-2);color:var(--text)}.filter-clear{background:#ff3c3c14;border:1px solid rgba(255,60,60,.22);color:#ff6060;font-family:DM Sans,sans-serif;font-size:.85rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:1rem}.filter-clear:hover{background:#ff3c3c29}.filter-count{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-faint)}.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.product-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:all .35s ease;animation:card-in .5s ease both}.product-card:hover{border-color:var(--accent-border);transform:translateY(-6px);box-shadow:var(--card-shadow),0 0 40px var(--accent-subtle)}.product-card__img-wrap{position:relative;height:200px;overflow:hidden}.product-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-card__img{transform:scale(1.06)}.product-card__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-subtle),rgba(124,58,237,.1));display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--accent-border)}.product-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 0%,transparent 60%);opacity:.7}.product-card__price-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--accent),#0080ff);color:#fff;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;padding:.3rem .7rem;border-radius:6px;box-shadow:0 4px 12px var(--accent-glow)}.product-card__body{padding:1.4rem}.product-card__title{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.product-card__desc{font-size:.87rem;color:var(--text-muted);line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__meta{display:flex;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-faint);margin-bottom:1rem}.product-card__btn{width:100%;background:transparent;border:1px solid var(--accent-border);color:var(--accent);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;padding:.6rem;border-radius:8px;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.4rem}.product-card__btn:hover{background:var(--accent-subtle);border-color:var(--accent);transform:translate(2px)}.products__loading,.products__error,.products__empty{text-align:center;padding:6rem 2rem;color:var(--text-muted);font-family:DM Sans,sans-serif}.products__spinner{width:48px;height:48px;border:13px solid var(--accent-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.products__error{color:#ff6060;background:#ff3c3c0d;border:1px solid rgba(255,60,60,.1);border-radius:12px;max-width:500px;margin:0 auto}.products__empty span{display:block;font-size:3rem;margin-bottom:1rem;opacity:.3}.products__pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem}.page-btn{background:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--accent);font-family:DM Sans,sans-serif;font-size:.9rem;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#05d5ff26}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-faint)}@media (max-width:900px){.products__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.products__grid{grid-template-columns:1fr}.products__filters{flex-direction:column;align-items:stretch}.filter-count{margin-left:0}}.upcoming-page{min-height:100vh;padding-top:80px;position:relative;z-index:1}.upcoming-page__inner{max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem}.upcoming-page__header{text-align:center;margin-bottom:2.5rem}.up__tag{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent);letter-spacing:.18em;margin-bottom:1rem}.up__title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text);margin:0 0 1rem;letter-spacing:-.04em}.up__sub{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:1rem;margin:0}.up__status-pills{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.8rem}.up__pill{display:inline-flex;align-items:center;gap:.45rem;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;padding:.5rem 1.2rem;border-radius:100px;cursor:pointer;transition:all .22s}.up__pill:hover{border-color:#00d4ff4d;color:var(--text)}.up__pill--active{background:#00d4ff1a;border-color:#00d4ff66;color:var(--accent)}.up__pill-count{background:#00d4ff33;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.7rem;padding:.1rem .45rem;border-radius:100px;line-height:1.4}.up__filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:2.5rem;padding:1.2rem 1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:12px}.up__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.up__card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .35s ease;animation:card-in .5s ease both;display:flex;flex-direction:column}@keyframes card-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.up__card:hover{border-color:#00d4ff33;transform:translateY(-5px)}.up__card-img-wrap{position:relative;height:190px;overflow:hidden}.up__card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.up__card:hover .up__card-img{transform:scale(1.06);filter:brightness(.85) saturate(.9)}.up__card-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#00d4ff0a,#7c3aed14);display:flex;align-items:center;justify-content:center}.up__placeholder-icon{font-size:3rem;color:#00d4ff33}.up__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.up__status-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:.3rem;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;padding:.28rem .65rem;border-radius:6px;text-transform:capitalize;letter-spacing:.04em}.up__status-icon{display:inline-block;animation:status-spin 3s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}.up__card-body{padding:1.3rem;flex:1}.up__card-title{font-family:Playfair Display,serif;font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .45rem}.up__card-desc{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text-muted);line-height:1.55;margin:0 0 .9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.up__card-desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.up__card-desc--expanded{display:block;overflow:visible}.up__read-more{background:transparent;border:none;padding:0;margin-top:.35rem;cursor:pointer;color:var(--accent-color);font-size:.85rem;font-weight:600}.up__card-meta{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-faint)}.up__card-progress{height:3px;background:var(--input-bg);position:relative;overflow:hidden}.up__card-progress-bar{position:absolute;top:0;left:-60%;width:60%;height:100%;opacity:.6;border-radius:3px;animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{left:-60%}to{left:100%}}.up__empty{text-align:center;padding:6rem 2rem}.up__empty-icon{position:relative;width:80px;height:80px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.up__orbit{position:absolute;border:1px solid rgba(0,212,255,.2);border-radius:50%;animation:orbit-spin 5s linear infinite}.up__orbit:nth-child(1){width:60px;height:60px}.up__orbit--2{width:85px;height:85px;animation-duration:8s;animation-direction:reverse;border-color:#7c3aed33}@keyframes orbit-spin{to{transform:rotate(360deg)}}.up__core{font-size:1.8rem;color:#00d4ff66;position:relative;z-index:1}.up__empty-title{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:var(--text-muted);margin:0 0 .5rem}.up__empty-sub{font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--text-faint)}@media (max-width: 900px){.up__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.up__grid{grid-template-columns:1fr}.up__filters{flex-direction:column;align-items:stretch}.filter-count{margin-left:0}}.request{min-height:100vh;padding-top:80px;position:relative;z-index:1}.request__inner{max-width:1000px;margin:0 auto;padding:4rem 2rem 6rem}.request__header{text-align:center;margin-bottom:3rem}.request__title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--text);margin:0 0 1rem;letter-spacing:-.03em}.request__sub{color:var(--text-muted);font-size:1rem;margin:0 0 2rem}.req__new-btn{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;border:none;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;padding:.85rem 2rem;border-radius:10px;cursor:pointer;transition:all .25s;box-shadow:0 4px 24px var(--accent-glow)}.req__new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.req__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.req__card{background:var(--req-card-bg);border:1px solid var(--req-card-border);border-radius:14px;padding:1.4rem;transition:all .3s;animation:card-in .5s ease both}.req__card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:var(--card-shadow)}@keyframes card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.req__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.req__card-title{font-family:Playfair Display,serif;font-size:1rem;font-weight:700;color:var(--text);margin:0;line-height:1.3}.req__status{font-family:JetBrains Mono,monospace;font-size:.68rem;padding:.25rem .65rem;border-radius:100px;text-transform:capitalize;flex-shrink:0;letter-spacing:.05em}.req__card-category{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent);margin-bottom:.7rem;letter-spacing:.07em}.req__card-desc{font-family:DM Sans,sans-serif;font-size:.87rem;color:var(--text-muted);line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.req__card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.req__card-techs{display:flex;gap:.4rem;flex-wrap:wrap}.req__mini-badge{background:#7c3aed1f;border:1px solid rgba(124,58,237,.22);color:#b794f4;font-family:JetBrains Mono,monospace;font-size:.65rem;padding:.2rem .5rem;border-radius:4px}.req__card-date{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-faint);flex-shrink:0}.req__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:2rem}.req__modal{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:20px;width:100%;max-width:720px;max-height:85vh;overflow-y:auto;box-shadow:0 0 80px var(--accent-glow);animation:modal-in .35s cubic-bezier(.34,1.56,.64,1);transition:background .35s ease,border-color .35s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.req__modal::-webkit-scrollbar{width:4px}.req__modal::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:4px}.req__modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--modal-divider);position:sticky;top:0;background:var(--modal-header-bg);z-index:10;transition:background .35s ease}.req__modal-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;color:var(--text);margin:0}.req__modal-close{background:var(--modal-close-bg);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.9rem;transition:background .2s}.req__modal-close:hover{background:var(--modal-close-hover)}.req__modal-body{padding:2rem}.req__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.5rem}.req__field{display:flex;flex-direction:column;gap:.4rem}.req__field--full{grid-column:1 / -1}.req__field label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.req__req{color:#ff6060}.req__field input,.req__field select,.req__field textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.9rem;padding:.65rem .9rem;transition:border-color .2s,background .2s;width:100%;box-sizing:border-box}.req__field input:focus,.req__field select:focus,.req__field textarea:focus{outline:none;border-color:var(--accent)}.req__field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.req__field select option{background:var(--select-option-bg);color:var(--text)}.req__field textarea{resize:vertical;min-height:100px}.req__field input::placeholder,.req__field textarea::placeholder{color:var(--text-placeholder)}.req__field input[type=date]::-webkit-calendar-picker-indicator{filter:var(--date-icon-filter, invert(.5))}.req__tech-grid{display:flex;flex-wrap:wrap;gap:.5rem}.req__tech-btn{background:var(--tech-btn-bg);border:1px solid var(--tech-btn-border);color:var(--tech-btn-text);font-family:JetBrains Mono,monospace;font-size:.72rem;padding:.35rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s}.req__tech-btn:hover{border-color:var(--accent-border);color:var(--accent)}.req__tech-btn--active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.req__ref-input{display:flex;gap:.5rem}.req__ref-input input{flex:1}.req__add-link-btn{background:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--accent);font-family:DM Sans,sans-serif;font-size:.9rem;padding:.65rem 1rem;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .2s}.req__add-link-btn:hover{background:#05d5ff2e}.req__ref-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.req__ref-tag{display:flex;align-items:center;gap:.4rem;background:var(--ref-tag-bg);border:1px solid var(--ref-tag-border);border-radius:6px;padding:.25rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--ref-tag-text)}.req__ref-tag button{background:none;border:none;color:#ff6060;cursor:pointer;padding:0;font-size:.7rem}.req__result{padding:.9rem 1.2rem;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;margin-bottom:1.2rem}.req__result--ok{background:#00ff8814;border:1px solid rgba(0,255,136,.22);color:#00cc6a}.req__result--err{background:#ff3c3c14;border:1px solid rgba(255,60,60,.22);color:#ff6060}.req__submit-btn{width:100%;background:linear-gradient(135deg,var(--accent),#7c3aed);border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;padding:.9rem;border-radius:10px;cursor:pointer;transition:all .25s;letter-spacing:.02em}.req__submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.req__submit-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:700px){.req__list,.req__form-grid{grid-template-columns:1fr}.req__field--full{grid-column:1}.req__modal-header,.req__modal-body{padding:1.2rem}}.team{min-height:100vh;padding-top:80px;position:relative;z-index:1}.team__detail-avatar{cursor:pointer}.team__inner{max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem}.team__header{text-align:center;margin-bottom:4rem}.team__title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;color:var(--text);margin:0 0 1rem;letter-spacing:-.04em}.team__sub{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:1rem;margin:0}.team__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.team__card{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:2.2rem 1.8rem 1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;animation:card-in .6s ease both;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}@keyframes card-in{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.team__card:hover{border-color:#00d4ff40;transform:translateY(-10px) scale(1.02);box-shadow:0 30px 80px #0006,0 0 60px #00d4ff14,inset 0 1px #ffffff12}.team__card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.team__card:hover .team__card-glow{opacity:1}.team__card-avatar{position:relative;width:100px;height:100px}.team__card-img{width:100px;height:100px;border-radius:50%;object-fit:cover;position:relative;z-index:1;border:2px solid rgba(0,212,255,.2);transition:border-color .3s}.team__card:hover .team__card-img{border-color:#00d4ff99}.team__card-initials{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#00d4ff26,#7c3aed26);border:2px solid rgba(0,212,255,.2);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;color:var(--accent);position:relative;z-index:1}.team__card-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(0,212,255,.15);animation:ring-spin 8s linear infinite;border-top-color:#00d4ff80}@keyframes ring-spin{to{transform:rotate(360deg)}}.team__card-info{flex:1}.team__card-name{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 .3rem}.team__card-role{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text-muted);margin-bottom:.7rem}.team__exp-badge{display:inline-block;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.7rem;padding:.2rem .65rem;border-radius:100px}.team__card-footer{width:100%;padding-top:1rem;border-top:1px solid var(--footer-border)}.team__card-cta{font-family:DM Sans,sans-serif;font-size:.85rem;color:#00d4ff99;transition:color .2s}.team__card:hover .team__card-cta{color:var(--accent)}.team__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:2rem}.team__modal{background:var(--modal-bg);border:1px solid rgba(0,212,255,.12);border-radius:24px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;box-shadow:0 0 100px #00d4ff0f;animation:modal-in .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modal-in{0%{opacity:0;transform:scale(.88) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.team__modal::-webkit-scrollbar{width:4px}.team__modal::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:4px}.team__modal-close{position:absolute;top:1.2rem;right:1.2rem;background:var(--modal-close-bg);border:none;color:var(--text-muted);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:.9rem;z-index:5;transition:background .2s}.team__modal-close:hover{background:var(--modal-close-hover)}.team__detail{padding:2.5rem}.team__detail-header{display:flex;gap:2rem;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--modal-divider)}.team__detail-avatar-wrap{position:relative;flex-shrink:0;width:110px;height:110px}.team__detail-avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,212,255,.3);position:relative;z-index:1}.team__detail-avatar-placeholder{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#00d4ff1f,#7c3aed26);border:2px solid rgba(0,212,255,.3);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:3rem;font-weight:800;color:var(--accent);position:relative;z-index:1}.team__avatar-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(0,212,255,.2);border-top-color:#00d4ff99;animation:ring-spin 6s linear infinite}.team__detail-name{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:800;color:var(--text);margin:0 0 .3rem;letter-spacing:-.03em}.team__detail-role{font-family:DM Sans,sans-serif;color:var(--text-muted);font-size:.95rem;margin-bottom:.5rem}.team__detail-exp{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--accent);margin-bottom:.8rem}.team__detail-socials{display:flex;gap:.5rem}.team__social-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--surface);border:1px solid var(--input-border);border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:all .2s;font-family:JetBrains Mono,monospace}.team__social-link:hover{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--accent)}.team__detail-section{margin-bottom:1.8rem}.team__detail-section-title{font-family:Playfair Display,serif;font-size:.9rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .9rem}.team__detail-bio{font-family:DM Sans,sans-serif;font-size:.95rem;color:var(--text-muted);line-height:1.65;margin:0}.team__specialty-list{display:flex;flex-wrap:wrap;gap:.5rem}.team__specialty-badge{background:#ffb40014;border:1px solid rgba(255,180,0,.2);color:#ffb400;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;padding:.3rem .8rem;border-radius:6px}.team__exp-list{display:flex;flex-direction:column;gap:0}.team__exp-item{display:flex;gap:1rem;padding-bottom:1.4rem;position:relative}.team__exp-item:before{content:"";position:absolute;left:7px;top:20px;bottom:0;width:1px;background:#00d4ff1f}.team__exp-item:last-child:before{display:none}.team__exp-dot{width:15px;height:15px;border-radius:50%;background:var(--modal-bg);border:2px solid rgba(0,212,255,.4);flex-shrink:0;margin-top:4px;position:relative;z-index:1}.team__exp-content{flex:1}.team__exp-role{font-family:Playfair Display,serif;font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.team__exp-company{font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--accent);margin-bottom:.3rem}.team__exp-dates{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-faint);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.team__exp-current{background:#00ff881a;border:1px solid rgba(0,255,136,.25);color:#0f8;padding:.1rem .4rem;border-radius:4px;font-size:.65rem}.team__exp-desc{font-family:DM Sans,sans-serif;font-size:.87rem;color:var(--text-muted);line-height:1.5;margin:0}@media (max-width: 600px){.team__detail-header{flex-direction:column;align-items:flex-start}.team__detail{padding:1.5rem}}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9;animation:fadeIn .3s ease}.image-preview-card{position:relative;max-width:80vw;max-height:90vh;border-radius:24px;overflow:hidden;transform-style:preserve-3d;animation:gachaReveal .8s cubic-bezier(.2,.9,.2,1)}.image-preview{display:block;max-width:80vw;max-height:80vh;border-radius:24px;box-shadow:0 0 40px #0ff3,0 0 120px #00ffff26}.image-preview-card:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.5) 50%,transparent 80%);animation:shine 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gachaReveal{0%{opacity:0;transform:perspective(1000px) rotateY(-90deg) scale(.3)}60%{opacity:1;transform:perspective(1000px) rotateY(15deg) scale(1.08)}to{transform:perspective(1000px) rotateY(0) scale(1)}}@keyframes shine{0%{transform:translate(-150%) rotate(20deg)}to{transform:translate(150%) rotate(20deg)}}.image-preview-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(0,255,255,.2),transparent 20%),radial-gradient(circle at 80% 60%,rgba(255,0,255,.2),transparent 20%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.1),transparent 15%);animation:floatParticles 4s ease infinite}@keyframes floatParticles{0%{transform:translateY(30px)}50%{transform:translateY(-30px)}to{transform:translateY(30px)}}.tools-page{--accent-2: #ff5470;--gold: #ffd166;--radius: 14px;--font-display: "Playfair Display", serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: var(--bg-2);--panel: var(--card-bg);--panel-2: var(--surface-hover);--line: var(--border);--muted: var(--text-muted);--card: var(--card-bg);--shadow: var(--card-shadow);--splash: var(--accent-subtle);--on-accent: #04212b;position:relative;z-index:1;min-height:calc(100vh - 70px)}[data-theme=light] .tools-page{--on-accent: #04212b}.tools-page .full.has-nav{padding-top:56px}.tools-page .app{width:100%;min-height:100vh}.tools-page .accent,.tools-page .accent-c{color:var(--accent)}.tools-page .muted{color:var(--muted)}.tools-page .small{font-size:12px}.tools-page .center{text-align:center}.tools-page .hero{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(ellipse at 70% 30%,rgba(0,229,176,.12),transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(255,84,112,.1),transparent 50%),var(--bg);display:grid;grid-template-columns:1fr 1fr;align-items:center}.tools-page .hero-3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.tools-page .hero-content{position:relative;z-index:2;grid-column:1;padding:0 7vw;max-width:640px}.tools-page .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--accent);margin-bottom:22px}.tools-page .hero h1{font-size:clamp(48px,7vw,96px);font-weight:800;line-height:.95;letter-spacing:-2px;margin-bottom:24px}.tools-page .hero .sub{font-size:18px;line-height:1.6;color:var(--muted);margin-bottom:36px;max-width:460px}.tools-page .cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--on-accent);border:none;padding:16px 28px;font-family:var(--font-body);font-weight:700;font-size:16px;border-radius:100px;cursor:pointer;box-shadow:0 0 40px #00e5b066}.tools-page .studio{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 70px)}.tools-page .sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px;gap:16px;overflow-y:auto}.tools-page .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.5px;padding-bottom:4px}.tools-page .brand b{color:var(--accent);font-weight:800}.tools-page .panel{display:flex;flex-direction:column;gap:10px}.tools-page .panel.grow{flex:1;min-height:0}.tools-page .panel h4{display:flex;align-items:center;gap:7px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:600}.tools-page .select{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:11px 12px;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;cursor:pointer}.tools-page .dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);cursor:pointer;transition:.2s;text-align:center}.tools-page .dropzone:hover{border-color:var(--accent);color:var(--accent)}.tools-page .dropzone small{font-size:10px;font-family:var(--font-mono)}.tools-page .layer-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.tools-page .layer-item{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:11px;cursor:pointer;transition:.15s}.tools-page .layer-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tools-page .layer-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.tools-page .layer-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-page .badge{background:#00e5b026;color:var(--accent);font-size:11px;font-family:var(--font-mono);padding:2px 8px;border-radius:100px}.tools-page .layer-controls{display:flex;gap:6px;margin-top:9px}.tools-page .mini{background:var(--panel);border:1px solid var(--line);color:var(--muted);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:.15s}.tools-page .mini:hover{color:var(--accent);border-color:var(--accent)}.tools-page .mini.danger:hover{color:var(--accent-2);border-color:var(--accent-2)}.tools-page .export-row{margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.tools-page .ex-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-bottom:8px;font-family:var(--font-mono)}.tools-page .ex-btns{display:flex;flex-wrap:wrap;gap:6px}.tools-page .chip{background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:11px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:.15s;font-family:var(--font-mono)}.tools-page .chip:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tools-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);padding:11px 14px;font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);transition:.15s}.tools-page .btn.full{width:100%}.tools-page .btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tools-page .btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.tools-page .btn.icon{width:36px;height:36px;padding:0}.tools-page .btn.icon.danger:hover{color:var(--accent-2);border-color:var(--accent-2)}.tools-page .btn:disabled{opacity:.4;cursor:not-allowed}.tools-page .hint{font-size:12px;color:var(--muted);line-height:1.5}.tools-page .map-area{position:relative}.tools-page .map-canvas{width:100%;height:100%;background:var(--panel-2)}.tools-page .leaflet-container{font-family:var(--font-body);background:var(--panel-2)}.tools-page .popup table{border-collapse:collapse;font-size:13px}.tools-page .popup td{padding:3px 8px;border-bottom:1px solid #eee}.tools-page .toast{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:1000;padding:12px 20px;border-radius:100px;font-size:14px;font-weight:600;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 10px 30px #0006}.tools-page .toast.success{border-color:var(--accent);color:var(--accent)}.tools-page .toast.error{border-color:var(--accent-2);color:var(--accent-2)}.tools-page .busy-bar{position:absolute;top:0;left:0;right:0;height:3px;z-index:1001;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:50% 100%;animation:slide 1s linear infinite}@keyframes slide{0%{background-position:-100% 0}to{background-position:200% 0}}.tools-page .editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#03050ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:4vh 4vw}.tools-page .editor-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.tools-page .editor-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.tools-page .editor-head h3{font-size:17px;font-weight:700}.tools-page .editor-actions{display:flex;gap:8px}.tools-page .table-wrap{overflow:auto;padding:14px 22px 22px}.tools-page .attr-table{width:100%;border-collapse:collapse;font-size:13px}.tools-page .attr-table th{text-align:left;padding:8px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}.tools-page .attr-table td{padding:5px 8px;border-bottom:1px solid var(--line)}.tools-page .attr-table input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:7px 9px;border-radius:7px;font-family:var(--font-mono);font-size:12px;width:100%;min-width:110px}.tools-page .attr-table input:focus{outline:none;border-color:var(--accent)}.tools-page ::-webkit-scrollbar{width:9px;height:9px}.tools-page ::-webkit-scrollbar-track{background:var(--bg)}.tools-page ::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.tools-page ::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (max-width: 900px){.tools-page .hero{grid-template-columns:1fr}.tools-page .hero-content{grid-column:1;padding:0 8vw}.tools-page .studio{grid-template-columns:1fr}.tools-page .sidebar{position:absolute;z-index:500;width:86%;height:100%}}.tools-page .full{width:100%;min-height:100vh}.tools-page .grid-page{width:100%;height:100vh;overflow-y:auto;background:radial-gradient(ellipse at 80% -10%,rgba(0,229,176,.1),transparent 50%),radial-gradient(ellipse at 0% 110%,rgba(91,141,239,.1),transparent 45%),var(--bg);padding:48px 6vw 80px}.tools-page .grid-header{max-width:900px;margin:0 auto 38px}.tools-page .grid-header h1{font-size:clamp(30px,4.5vw,54px);font-weight:800;letter-spacing:-1.5px;line-height:1.02}.tools-page .grid-header>p{color:var(--muted);font-size:17px;margin-top:16px;max-width:620px;line-height:1.55}.tools-page .tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tools-page .tab{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:9px 20px;border-radius:100px;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:14px;transition:.15s}.tools-page .tab:hover{color:var(--text);border-color:var(--accent)}.tools-page .tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.tools-page .cards{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.tools-page .tool-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:var(--font-body);color:var(--text)}.tools-page .tool-card:hover{border-color:var(--accent);box-shadow:0 12px 40px #00000059}.tools-page .tool-icon{width:52px;height:52px;border-radius:13px;position:relative;background:color-mix(in srgb,var(--c) 18%,transparent);display:grid;place-items:center;margin-bottom:18px}.tools-page .tool-icon span{font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--c)}.tools-page .tool-icon .arrow{position:absolute;right:7px;bottom:7px;color:var(--c);opacity:.85}.tools-page .tool-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.tools-page .tool-card p{color:var(--muted);font-size:13.5px;line-height:1.5}.tools-page .back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:14px;padding:4px 0;transition:.15s}.tools-page .back:hover{color:var(--accent)}.tools-page .convert-page{width:100%;height:100vh;overflow-y:auto;background:radial-gradient(ellipse at 50% -10%,rgba(0,229,176,.1),transparent 55%),var(--bg);padding:36px 6vw}.tools-page .convert-card{max-width:620px;margin:30px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.tools-page .convert-icon{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--c) 18%,transparent);display:grid;place-items:center;margin-bottom:20px}.tools-page .convert-icon span{font-family:var(--font-mono);font-weight:700;font-size:20px;color:var(--c)}.tools-page .convert-card h1{font-size:30px;font-weight:800;letter-spacing:-1px}.tools-page .convert-desc{color:var(--muted);margin:12px 0 28px;font-size:15px;line-height:1.5}.tools-page .big-drop{width:100%;border:2px dashed var(--line);border-radius:16px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);cursor:pointer;transition:.2s;margin-bottom:22px}.tools-page .big-drop:hover{border-color:var(--accent);color:var(--accent)}.tools-page .big-drop .fname{font-weight:700;color:var(--text);font-size:16px;word-break:break-all}.tools-page .big-drop code{font-family:var(--font-mono);background:var(--panel-2);padding:2px 7px;border-radius:5px;font-size:12px;color:var(--accent)}.tools-page .run-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--accent);color:var(--on-accent);border:none;padding:15px;border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer;transition:.15s}.tools-page .run-btn:hover:not(:disabled){box-shadow:0 0 30px #00e5b066}.tools-page .run-btn:disabled{opacity:.4;cursor:not-allowed}.tools-page .link-btn{background:none;border:none;color:var(--muted);cursor:pointer;margin-top:14px;font-size:14px;font-family:var(--font-body)}.tools-page .link-btn:hover{color:var(--accent)}.tools-page .msg{padding:11px 14px;border-radius:10px;font-size:13.5px;margin-top:16px;width:100%}.tools-page .msg.error{background:#ff54701f;color:var(--accent-2);border:1px solid rgba(255,84,112,.3)}.tools-page .done-box{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:10px}.tools-page .done-box .ok{color:var(--accent)}.tools-page .done-box p{font-weight:700;font-size:17px;margin-bottom:10px}.tools-page .spin{animation:spin .9s linear infinite}.tools-page .map-tool{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 70px)}.tools-page .tool-side{background:var(--panel);border-right:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.tools-page .tool-side h2{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.5px}.tools-page .tool-side-desc{color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:6px}.tools-page .field-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-weight:600;margin-top:4px}.tools-page .field{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:12px;border-radius:10px;font-family:var(--font-mono);font-size:14px;width:100%}.tools-page .field:focus{outline:none;border-color:var(--accent)}.tools-page .divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:8px 0}.tools-page .divider:before,.tools-page .divider:after{content:"";flex:1;height:1px;background:var(--line)}.tools-page .search-row{display:flex;gap:8px}.tools-page .icon-btn{background:var(--accent);border:none;color:var(--on-accent);width:46px;border-radius:10px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.tools-page .spacer{flex:1;min-height:8px}.tools-page .mini-select{width:100%}.tools-page .tool-map{position:relative}.tools-page .tool-map .map-canvas{width:100%;height:100%}.tools-page .coord-display{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px;margin:4px 0}.tools-page .coord-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.tools-page .coord-row:last-child{border-bottom:none}.tools-page .coord-row.pair{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.tools-page .coord-key{font-family:var(--font-mono);font-size:10px;color:var(--muted);width:36px;letter-spacing:1px}.tools-page .coord-val{font-family:var(--font-mono);font-size:14px;color:var(--accent);flex:1;word-break:break-all}.tools-page .copy-btn{background:var(--panel);border:1px solid var(--line);color:var(--muted);width:28px;height:28px;border-radius:7px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.tools-page .copy-btn:hover{color:var(--accent);border-color:var(--accent)}.tools-page .history{display:flex;flex-direction:column;gap:6px}.tools-page .hist-row{font-family:var(--font-mono);font-size:12px;color:var(--muted);padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:.15s}.tools-page .hist-row:hover{color:var(--text);border-color:var(--accent)}.tools-page .hist-row.latest{color:var(--accent);border-color:var(--accent)}@media (max-width: 900px){.tools-page .map-tool{grid-template-columns:1fr;grid-template-rows:auto 1fr}.tools-page .tool-side{max-height:45vh}}.tools-page .export-dd{position:relative}.tools-page .export-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:10;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:6px;min-width:200px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:2px}.tools-page .export-menu-item{display:flex;align-items:center;gap:9px;background:none;border:none;color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:500;padding:10px 12px;border-radius:7px;cursor:pointer;text-align:left;transition:.12s}.tools-page .export-menu-item:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.tools-page .export-menu-item:disabled{opacity:.5;cursor:wait}.tools-page .editor-err{margin:0 22px 4px;padding:10px 14px;border-radius:9px;font-size:13px;background:#ff54701f;color:var(--accent-2);border:1px solid rgba(255,84,112,.3)}.tools-page .folder-btn{margin-top:8px}.tools-page .ro-badge{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);padding:3px 9px;border-radius:100px;margin-top:-6px}.tools-page .coord-input-box{display:flex;flex-direction:column;gap:8px;margin-top:8px}.tools-page .coord-textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px;font-family:var(--font-mono);font-size:12.5px;line-height:1.5;resize:vertical;width:100%}.tools-page .coord-textarea:focus{outline:none;border-color:var(--accent)}.tools-page .coord-input-box .hint code{font-family:var(--font-mono);background:var(--panel-2);padding:1px 6px;border-radius:5px;color:var(--accent);font-size:11px}.tools-page .hero h1,.tools-page .grid-header h1,.tools-page .convert-card h1,.tools-page .tool-card h3,.tools-page .tool-side h2,.tools-page .editor-head h3,.tools-page .done-box p,.tools-page .brand{font-family:var(--font-display)}.tools-page .hero h1,.tools-page .grid-header h1,.tools-page .convert-card h1,.tools-page .tool-side h2{font-weight:700}.tools-page .tool-card,.tools-page .convert-card,.tools-page .layer-item,.tools-page .hist-row{position:relative;overflow:hidden;isolation:isolate}.tools-page .splash-host:before{content:"";position:absolute;top:var(--my, 50%);left:var(--mx, 50%);width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--splash) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1),opacity .4s ease;opacity:0;z-index:-1;pointer-events:none}.tools-page .splash-host:hover:before{width:320px;height:320px;opacity:1}.tools-page .tool-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,var(--accent) 14%,transparent) 50%,transparent 70%);background-size:250% 100%;background-position:150% 0;transition:background-position .7s ease;z-index:-1;pointer-events:none}.tools-page .tool-card:hover:after{background-position:-50% 0}.tools-page .tool-card:hover .tool-icon{transform:scale(1.08) rotate(-4deg)}.tools-page .tool-icon{transition:transform .4s cubic-bezier(.22,1,.36,1)}.tools-page .theme-toggle{position:fixed;top:18px;right:18px;z-index:3000;width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--accent);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px var(--shadow);transition:background .3s,border-color .3s}.tools-page .theme-toggle:hover{border-color:var(--accent)}.tools-page [data-theme=light] .popup td{border-bottom:1px solid var(--line)}.tools-page .tool-page{min-height:100vh;padding:36px 6vw 60px;background:radial-gradient(ellipse at 50% -10%,rgba(51,196,238,.08),transparent 55%),var(--bg)}.tools-page .tool-card-lg{max-width:640px;margin:26px auto 0;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.tools-page .tool-badge{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--c) 18%,transparent);display:grid;place-items:center;margin-bottom:18px}.tools-page .tool-badge span{font-family:var(--font-mono);font-weight:700;font-size:18px;color:var(--c)}.tools-page .tool-card-lg h1{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.5px}.tools-page .tool-desc{color:var(--muted);margin:12px 0 8px;font-size:15px;line-height:1.5}.tools-page .impl-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 14%,transparent);padding:3px 10px;border-radius:100px;margin-bottom:18px}.tools-page .ok-text{color:var(--accent)}.tools-page .file-chips{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:6px}.tools-page .file-chip{display:flex;align-items:center;gap:9px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px}.tools-page .fc-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-page .file-chip button{background:none;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.tools-page .file-chip button:hover{color:var(--accent-2)}.tools-page .opts{width:100%;display:flex;flex-direction:column;gap:14px;margin:6px 0 18px;text-align:left}.tools-page .opts.grid2{display:grid;grid-template-columns:1fr 1fr}.tools-page .opt-field{display:flex;flex-direction:column;gap:6px}.tools-page .opt-field label,.tools-page .opt-field>span{font-size:12px;font-weight:600;color:var(--muted)}.tools-page .opt-check{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer}.tools-page .progress-wrap{width:100%;margin:4px 0 14px}.tools-page .progress-bar{height:8px;background:var(--panel-2);border-radius:100px;overflow:hidden;margin-bottom:6px}.tools-page .progress-bar div{height:100%;background:var(--accent);transition:width .3s}.tools-page .progress-wrap small{color:var(--muted);font-size:12px}.tools-page .editor-page{min-height:100vh;background:var(--bg);padding:18px 3vw 40px}.tools-page .editor-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.tools-page .editor-title{font-family:var(--font-display);font-size:19px;font-weight:600;flex:1;min-width:220px}.tools-page .editor-bar-actions{display:flex;gap:8px;flex-wrap:wrap}.tools-page .pager{display:flex;align-items:center;gap:12px;justify-content:center;margin:8px 0 14px;color:var(--muted);font-size:14px}.tools-page .canvas-stage{display:flex;justify-content:center}.tools-page .canvas-rel{position:relative}.tools-page .edit-canvas{width:100%;display:block;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px var(--shadow);cursor:crosshair}.tools-page .edit-canvas.click{cursor:copy}.tools-page .redact-box{position:absolute;background:#000}.tools-page .redact-box.drawing{background:#00000073;border:1px dashed #fff}.tools-page .stamp-marker{position:absolute;pointer-events:none;color:#111}.tools-page .editor-split{display:grid;grid-template-columns:280px 1fr;gap:20px}.tools-page .editor-tools{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;height:fit-content;display:flex;flex-direction:column;gap:12px}.tools-page .editor-tools h4{display:flex;align-items:center;gap:7px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.tools-page .sig-pad{background:#fff;border:1px solid var(--line);border-radius:10px;cursor:crosshair;touch-action:none}.tools-page .sig-actions{display:flex;gap:8px}.tools-page .stamp-list{display:flex;flex-direction:column;gap:6px}.tools-page .stamp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px}.tools-page .run-btn.inline{width:auto;padding:11px 18px;font-size:14px}.tools-page .big-drop.drag{border-color:var(--accent);color:var(--accent)}.tools-page .topnav{position:fixed;top:0;left:0;right:0;height:56px;z-index:2500;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.tools-page .nav-brand{display:flex;align-items:center;gap:9px;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text)}.tools-page .nav-brand b{color:var(--accent)}.tools-page .brand-logo{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}.tools-page .nav-links{display:flex;gap:6px}.tools-page .nav-link{display:flex;align-items:center;gap:7px;background:none;border:1px solid transparent;color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:14px;padding:8px 16px;border-radius:100px;cursor:pointer;transition:.15s}.tools-page .nav-link:hover{color:var(--text)}.tools-page .nav-link.active{color:var(--accent);border-color:var(--line);background:var(--panel-2)}.tools-page .primary-tabs{margin-top:28px}.tools-page .sub-tabs{margin-top:14px}.tools-page .subtab{background:none;border:1px solid var(--line);color:var(--muted);padding:7px 16px;border-radius:100px;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:13px;transition:.15s}.tools-page .subtab:hover{color:var(--text);border-color:var(--accent)}.tools-page .subtab.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tools-page .card-top{display:flex;align-items:flex-start;justify-content:space-between}.tools-page .domain-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;color:var(--dc);background:color-mix(in srgb,var(--dc) 15%,transparent);border:1px solid color-mix(in srgb,var(--dc) 35%,transparent);padding:4px 9px;border-radius:100px}.tools-page .empty-note{margin-top:40px}.tools-page .hero-tags{display:flex;gap:12px;justify-content:flex-start;margin-bottom:30px;flex-wrap:wrap}.tools-page .htag{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text);background:var(--panel);border:1px solid var(--line);padding:8px 16px;border-radius:100px}.tools-page .has-nav .studio,.tools-page .has-nav .map-tool{height:calc(100vh - 56px)}.tools-page .has-nav .convert-page,.tools-page .has-nav .tool-page,.tools-page .has-nav .editor-page{min-height:calc(100vh - 56px)}.tools{max-width:1320px;margin:0 auto;padding:120px 5vw 80px;position:relative;z-index:1}.tools__header{max-width:900px;margin:0 auto 44px;text-align:center}.tools__eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--accent)}.tools__title{font-family:var(--font-display);font-size:clamp(34px,5.5vw,62px);font-weight:700;letter-spacing:-1.5px;line-height:1.04;margin:16px 0;color:var(--text)}.tools__title-accent{color:var(--accent)}.tools__sub{color:var(--text-muted);font-size:17px;line-height:1.6;max-width:620px;margin:0 auto;font-family:var(--font-body)}.tools__tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.tools__tab{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:10px 24px;border-radius:100px;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:15px;transition:.18s}.tools__tab:hover{color:var(--text);border-color:var(--accent-border)}.tools__tab--active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow)}.tools__subtabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.tools__subtab{background:none;border:1px solid var(--border);color:var(--text-muted);padding:7px 16px;border-radius:100px;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:13px;transition:.15s}.tools__subtab:hover{color:var(--text);border-color:var(--accent-border)}.tools__subtab--active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.tools__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px}.tools__card{text-align:left;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s;font-family:var(--font-body);color:var(--text);position:relative;overflow:hidden;isolation:isolate}.tools__card:hover{border-color:var(--accent-border);box-shadow:var(--card-shadow);transform:translateY(-4px)}.tools__card-top{display:flex;align-items:flex-start;justify-content:space-between}.tools__icon{width:52px;height:52px;border-radius:13px;position:relative;background:color-mix(in srgb,var(--c) 20%,transparent);display:grid;place-items:center;margin-bottom:18px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.tools__icon span:first-child{font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--c)}.tools__icon-arrow{position:absolute;right:6px;bottom:6px;color:var(--c);opacity:.85;display:grid}.tools__card:hover .tools__icon{transform:scale(1.08) rotate(-4deg)}.tools__badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;color:var(--dc);background:color-mix(in srgb,var(--dc) 15%,transparent);border:1px solid color-mix(in srgb,var(--dc) 35%,transparent);padding:4px 9px;border-radius:100px}.tools__card-title{font-family:var(--font-display);font-size:19px;font-weight:600;margin-bottom:8px;color:var(--text)}.tools__card-desc{color:var(--text-muted);font-size:13.5px;line-height:1.5}.tools__empty{text-align:center;color:var(--text-muted);margin-top:50px}.tools__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,var(--accent) 13%,transparent) 50%,transparent 70%);background-size:250% 100%;background-position:150% 0;transition:background-position .7s;z-index:-1;pointer-events:none}.tools__card:hover:after{background-position:-50% 0}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-\[-44px\]{top:-44px}.top-\[60px\]{top:60px}.right-\[-10px\]{right:-10px}.right-\[25px\]{right:25px}.bottom-\[-5px\]{bottom:-5px}.bottom-\[-44px\]{bottom:-44px}.left-1\/2{left:50%}.left-\[-25px\]{left:-25px}.left-\[-40px\]{left:-40px}.left-\[-80px\]{left:-80px}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-\[24px\]{height:24px}.h-\[44px\]{height:44px}.h-\[65px\]{height:65px}.h-\[80px\]{height:80px}.h-\[130px\]{height:130px}.h-\[220px\]{height:220px}.min-h-screen{min-height:100vh}.w-\[50px\]{width:50px}.w-\[65px\]{width:65px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[110px\]{width:110px}.w-\[130px\]{width:130px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[300px\]{width:300px}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-r-\[110px\]{border-top-right-radius:110px;border-bottom-right-radius:110px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[44px\]{border-style:var(--tw-border-style);border-width:44px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.bg-\[\#33c4ee\]{background-color:#33c4ee}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--accent:#05d5ff;--accent-glow:#05d5ff40;--accent-subtle:#05d5ff14;--accent-border:#05d5ff38;--accent2:#7c3aed;--bg:#05050f;--bg-2:#0d0d22;--bg-3:#0a0a1c;--surface:#ffffff08;--surface-hover:#ffffff0e;--border:#ffffff12;--border-hover:#05d5ff38;--text:#fff;--text-muted:#ffffff80;--text-faint:#ffffff40;--text-placeholder:#fff3;--nav-bg:#05050fe0;--nav-border:#05d5ff1a;--card-bg:#ffffff08;--card-border:#ffffff12;--card-shadow:0 20px 60px #00000073;--modal-bg:#0d0d22;--modal-header-bg:#0d0d22;--modal-border:#05d5ff26;--modal-divider:#ffffff0f;--modal-close-bg:#ffffff12;--modal-close-hover:#ffffff21;--input-bg:#ffffff0a;--input-border:#ffffff1a;--input-focus:#05d5ff66;--select-option-bg:#0d0d22;--tech-btn-bg:#ffffff0a;--tech-btn-border:#ffffff1a;--tech-btn-text:#ffffff8c;--ref-tag-bg:#ffffff0d;--ref-tag-border:#ffffff1a;--ref-tag-text:#fff9;--req-card-bg:#ffffff08;--req-card-border:#ffffff12;--scrollbar-thumb:#05d5ff40;--selection-bg:#05d5ff40;--footer-border:#ffffff0d;--footer-text:#ffffff2e;--date-icon-filter:invert(.5)}[data-theme=light]{--accent:#33c4ee;--accent-glow:#05d5ff33;--accent-subtle:#05d5ff1a;--accent-border:#05d5ff59;--accent2:#6d28d9;--bg:#f0f4f8;--bg-2:#fff;--bg-3:#e6ecf3;--surface:#ffffffbf;--surface-hover:#fffffff2;--border:#00000014;--border-hover:#05d5ff66;--text:#0d1117;--text-muted:#0d111794;--text-faint:#0d111759;--text-placeholder:#0d11174d;--nav-bg:#f0f4f8eb;--nav-border:#05d5ff33;--card-bg:#ffffffd9;--card-border:#00000012;--card-shadow:0 8px 32px #0000001a;--modal-bg:#fff;--modal-header-bg:#fff;--modal-border:#05d5ff40;--modal-divider:#00000012;--modal-close-bg:#0000000f;--modal-close-hover:#0000001c;--input-bg:#ffffffe6;--input-border:#00000021;--input-focus:#05d5ff73;--select-option-bg:#fff;--tech-btn-bg:#0000000a;--tech-btn-border:#0000001a;--tech-btn-text:#0d111799;--ref-tag-bg:#0000000a;--ref-tag-border:#00000017;--ref-tag-text:#0d1117a6;--req-card-bg:#fffc;--req-card-border:#00000012;--scrollbar-thumb:#05d5ff66;--selection-bg:#05d5ff33;--footer-border:#00000012;--footer-text:#0000004d;--date-icon-filter:invert(.3)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Fira Code,serif;transition:background .35s,color .35s;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--selection-bg)}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{flex:1}.app__footer{text-align:center;border-top:1px solid var(--footer-border);color:var(--footer-text);z-index:1;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:border-color .35s,color .35s;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.home__ad-section{max-width:1200px;margin:60px auto;padding:0 20px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}