@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#e8e0d4;--bg-secondary:#ddd5c9;--bg-surface:#ffffff73;--bg-hover:#fff9;--surface-dark:#ffffff4d;--border:#ffffff80;--border-hover:#ffffffb3;--border-accent:#2d5a3d4d;--accent:#2d5a3d;--accent-light:#4a7c59;--accent-glow:#2d5a3d1f;--accent-2:#8fbc8f;--accent-3:#c4956a;--accent-4:#7ba496;--warning:#c4956a;--danger:#c0392b;--success:#27ae60;--text-primary:#1a3a2a;--text-secondary:#3d5c4a;--text-muted:#6b8f7a;--cat-image:linear-gradient(135deg, #4a7c59, #7ba496);--cat-pdf:linear-gradient(135deg, #c4956a, #d4a574);--cat-social:linear-gradient(135deg, #5f8a8b, #7ba496);--cat-text:linear-gradient(135deg, #8fbc8f, #a8d5a0);--glass-bg:#ffffff59;--glass-border:#ffffff8c;--glass-blur:blur(20px);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 40px #2d5a3d0f;--nav-height:68px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background-color:#0000;background-image:radial-gradient(at 0 0,#b8c9a3 0%,#0000 50%),radial-gradient(at 100% 0,#d4c5a0 0%,#0000 50%),radial-gradient(at 50% 100%,#c9b896 0%,#0000 50%),radial-gradient(at 80% 40%,#a8c4a0 0%,#0000 40%),radial-gradient(at 20% 60%,#ddd0b8 0%,#0000 40%),linear-gradient(135deg,#c5d5b0 0%,#d8ccb4 30%,#cebfa0 60%,#bcd0b0 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#a8c88c59,#0000 70%);width:60vw;height:60vw;animation:25s ease-in-out infinite alternate orbFloat;top:-10%;left:-10%}body:after{background:radial-gradient(circle,#d2b9964d,#0000 70%);width:50vw;height:50vw;animation:30s ease-in-out infinite alternate orbFloat2;bottom:-15%;right:-10%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(5%,8%)scale(1.1)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}to{transform:translate(-6%,-5%)scale(1.05)}}#app{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%}.navbar{-webkit-backdrop-filter:blur(24px)saturate(1.4);border-radius:var(--radius-full);z-index:1000;background:#ffffff8c;border:1px solid #ffffffb3;width:min(92%,820px);height:54px;transition:all .3s;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0000000f,0 1px 3px #0000000a}.navbar:hover{background:#ffffffa6;box-shadow:0 6px 40px #00000014}.navbar-inner{align-items:center;gap:0;height:100%;padding:0 1rem 0 1.2rem;display:flex}.logo{cursor:pointer;flex-shrink:0;align-items:center;gap:.5rem;margin-right:auto;display:flex}.logo-icon{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#2d5a3d,#4a7c59);justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #2d5a3d40}.logo-text{letter-spacing:-.03em;color:var(--text-primary);font-size:1.05rem;font-weight:700}.logo-text span{color:var(--accent-light);font-weight:600}.nav-links{align-items:center;gap:2px;margin:0 auto;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:.42rem .8rem;font-size:.82rem;font-weight:500;transition:all .25s;display:flex}.nav-link svg{opacity:.6;transition:opacity .25s}.nav-link:hover{color:var(--text-primary);background:#2d5a3d14}.nav-link:hover svg{opacity:1}.nav-link.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #2d5a3d33}.nav-link.active svg{opacity:1;color:#fff}.nav-search-btn{border-radius:var(--radius-full);height:36px;color:var(--text-secondary);background:#2d5a3d14;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;margin-left:auto;padding:0 .7rem;transition:all .25s;display:flex}.search-kbd{color:var(--text-muted);letter-spacing:.03em;background:#0000000f;border-radius:4px;padding:.1rem .35rem;font-size:.6rem;font-weight:600;line-height:1}.nav-search-btn:hover{color:var(--accent);background:#2d5a3d26}.nav-search{display:none}.hamburger{color:var(--text-primary);background:0 0;border:none;padding:.4rem;display:none}.search-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;opacity:0;pointer-events:none;background:#0000004d;justify-content:center;align-items:flex-start;padding-top:12vh;transition:opacity .2s;display:flex;position:fixed;inset:0}.search-overlay.open{opacity:1;pointer-events:all}.search-modal{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#ffffffe0;border:1px solid #fffc;width:min(92%,560px);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(-14px)scale(.97);box-shadow:0 16px 64px #00000024,inset 0 0 0 1px #ffffff4d}.search-overlay.open .search-modal{transform:translateY(0)scale(1)}.search-input-row{border-bottom:1px solid #0000000f;align-items:center;gap:.7rem;padding:.85rem 1.1rem;display:flex}.search-input-row .search-icon{color:var(--text-muted);flex-shrink:0}.search-input-row input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem;font-weight:500}.search-input-row input::placeholder{color:var(--text-muted);font-weight:400}.search-esc{color:var(--text-muted);cursor:pointer;background:#0000000f;border:1px solid #00000014;border-radius:5px;padding:.2rem .45rem;font-family:inherit;font-size:.65rem;font-weight:600;line-height:1;transition:all .15s}.search-esc:hover{color:var(--danger);background:#c0392b14;border-color:#c0392b26}.search-results{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0000001f transparent;max-height:360px;padding:.35rem;overflow-y:auto}.search-results::-webkit-scrollbar{width:5px}.search-results::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}.search-placeholder{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.search-placeholder p{color:var(--text-muted);font-size:.85rem}.search-placeholder .empty-icon{font-size:2rem}.search-placeholder .empty-hint{color:var(--text-muted);opacity:.7;font-size:.75rem}.search-result{border-radius:var(--radius-md);color:inherit;cursor:pointer;align-items:center;gap:.75rem;padding:.65rem .85rem;text-decoration:none;transition:background .12s;display:flex}.search-result.active,.search-result:hover{background:#2d5a3d14}.search-result.active{box-shadow:inset 3px 0 0 var(--accent)}.sr-icon{border-radius:var(--radius-sm);background:#fff9;border:1px solid #fffc;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;display:flex}.sr-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.sr-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.sr-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sr-cat{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);background:color-mix(in srgb, var(--cat-clr) 12%, transparent);color:var(--cat-clr);white-space:nowrap;flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:600}.search-result mark{color:var(--accent);background:#2d5a3d26;border-radius:2px;padding:0 1px}.hero{padding:calc(var(--nav-height) + 5rem) 1.5rem 3rem;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:var(--accent);background:#ffffff80;border:1px solid #ffffffb3;align-items:center;gap:.5rem;margin-bottom:1.8rem;padding:.5rem 1.4rem;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #0000000a}.hero h1{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:2rem;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;line-height:1.08}.gradient{background:linear-gradient(135deg,#2d5a3d,#7ba496,#c4956a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal-word{opacity:0;transform-origin:bottom;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(24px)rotateX(40deg)}.reveal-word.revealed{opacity:1;transform:translateY(0)rotateX(0)}.reveal-br{height:0;display:block}.sr-fade-up{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.sr-fade-up.revealed{opacity:1;transform:translateY(0)}.sr-fade-down{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(-30px)}.sr-fade-down.revealed{opacity:1;transform:translateY(0)}.sr-slide-left{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translate(-50px)}.sr-slide-left.revealed{opacity:1;transform:translate(0)}.sr-slide-right{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translate(50px)}.sr-slide-right.revealed{opacity:1;transform:translate(0)}.sr-scale-in{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:scale(.85)}.sr-scale-in.revealed{opacity:1;transform:scale(1)}.sr-blur-in{opacity:0;filter:blur(10px);transition:opacity .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.sr-blur-in.revealed{opacity:1;filter:blur();transform:translateY(0)}.sr-delay-1{transition-delay:80ms}.sr-delay-2{transition-delay:.16s}.sr-delay-3{transition-delay:.24s}.sr-delay-4{transition-delay:.32s}.sr-delay-5{transition-delay:.4s}.sr-delay-6{transition-delay:.48s}.sr-delay-7{transition-delay:.56s}.sr-delay-8{transition-delay:.64s}.sr-delay-9{transition-delay:.72s}.sr-delay-10{transition-delay:.8s}.hero-search{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-full);background:#ffffff80;border:1px solid #ffffffb3;align-items:center;gap:.75rem;max-width:440px;margin:0 auto 3rem;padding:.75rem 1.3rem;transition:all .3s;animation:.6s ease-out .2s both fadeInDown;display:flex;box-shadow:0 4px 20px #0000000d}.hero-search:focus-within{background:#ffffffb3;border-color:#2d5a3d4d;box-shadow:0 4px 24px #2d5a3d14}.hero-search svg{color:var(--text-muted);flex-shrink:0}.hero-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.92rem}.hero-search input::placeholder{color:var(--text-muted)}.hero-stats{justify-content:center;gap:1.2rem;display:flex}.hero-stat{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#ffffff73;border:1px solid #fff9;align-items:center;gap:.75rem;min-width:175px;padding:1rem 1.4rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000a}.hero-stat:hover{background:#fff9;transform:translateY(-2px);box-shadow:0 6px 24px #0000000f}.stat-icon{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--accent);background:#2d5a3d1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-content{text-align:left}.hero-stat .num{color:var(--text-primary);font-size:1.4rem;font-weight:800;line-height:1.2}.hero-stat .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:500}.category-tabs{max-width:var(--max-width);scrollbar-width:none;gap:.5rem;margin:1rem auto .5rem;padding:1.5rem;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff6;border:1px solid #fff9;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.82rem;font-weight:500;transition:all .25s;display:flex}.cat-tab:hover{color:var(--text-primary);background:#fff9;border-color:#fffc}.cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 16px #2d5a3d33}.cat-tab .count{border-radius:var(--radius-full);text-align:center;background:#00000014;min-width:20px;padding:.1rem .4rem;font-size:.72rem}.cat-tab.active .count{background:#ffffff40}.tools-section{max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem 4rem}.tools-category{margin-bottom:3rem}.tools-category-header{border-bottom:1px solid #0000000f;align-items:center;gap:.75rem;margin-bottom:1.2rem;padding-bottom:.75rem;display:flex}.cat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.cat-icon.image{background:#4a7c591f}.cat-icon.pdf{background:#c4956a26}.cat-icon.social{background:#5f8a8b1f}.cat-icon.text{background:#8fbc8f26}.tools-category-header h2{color:var(--text-primary);flex:1;font-size:1.15rem;font-weight:700}.cat-count{color:var(--text-muted);border-radius:var(--radius-full);background:#fff6;padding:.2rem .6rem;font-size:.78rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.tool-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);cursor:pointer;background:#ffffff73;border:1px solid #fff9;flex-direction:column;padding:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity .3s;position:absolute;inset:0}.tool-card.image-tool:before{background:linear-gradient(135deg,#4a7c5914,#7ba49614)}.tool-card.pdf-tool:before{background:linear-gradient(135deg,#c4956a14,#d4a57414)}.tool-card.social-tool:before{background:linear-gradient(135deg,#5f8a8b14,#7ba49614)}.tool-card.text-tool:before{background:linear-gradient(135deg,#8fbc8f14,#a8d5a014)}.tool-card:hover{box-shadow:0 8px 32px #00000014, var(--shadow-glow);background:#fff9;border-color:#fffc;transform:translateY(-4px)}.tool-card:hover:before{opacity:1}.tool-card-icon{z-index:1;margin-bottom:.75rem;font-size:1.8rem;position:relative}.tool-card h3{z-index:1;color:var(--text-primary);margin-bottom:.35rem;font-size:.95rem;font-weight:600;position:relative}.tool-card p{color:var(--text-muted);z-index:1;font-size:.8rem;line-height:1.5;position:relative}.tool-badge{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-radius:var(--radius-full);z-index:2;padding:.15rem .5rem;font-size:.65rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.tool-page{max-width:720px;padding:calc(var(--nav-height) + 3.5rem) 1.5rem 4rem;margin:0 auto}.breadcrumb{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.82rem;display:flex}.breadcrumb a{color:var(--accent);transition:color .2s}.breadcrumb a:hover{color:var(--accent-light)}.breadcrumb span{color:var(--text-muted)}.tool-page-header{border-bottom:1px solid #0000000f;margin-bottom:2rem;padding-bottom:1.5rem}.tool-page-header h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.tool-desc{color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:1.2rem}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff80;border:1px solid #fff9;outline:none;padding:.7rem 1rem;font-size:.9rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffffb3}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;appearance:auto}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row .form-group{flex:1;min-width:140px}.form-range{width:100%;accent-color:var(--accent);margin-top:.3rem}.checkbox-group{flex-wrap:wrap;gap:.75rem;margin-bottom:1.2rem;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:#fff6;border:1px solid #fff9;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.85rem;transition:all .2s;display:flex}.checkbox-label:has(input:checked){border-color:var(--accent);background:var(--accent-glow);color:var(--text-primary)}.checkbox-label input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.actions-row{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent), #1a5a2e);color:#fff;box-shadow:0 2px 12px #2d5a3d40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #2d5a3d59}.btn-secondary{color:var(--text-primary);background:#ffffff80;border:1px solid #fff9}.btn-secondary:hover{background:#ffffffb3;border-color:#fffc}.btn-success{background:linear-gradient(135deg, var(--success), #2ecc71);color:#fff;box-shadow:0 2px 12px #27ae6040}.btn-danger{background:linear-gradient(135deg, var(--danger), #e74c3c);color:#fff}.drop-zone{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;cursor:pointer;background:#ffffff4d;border:2px dashed #2d5a3d33;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:3rem 2rem;transition:all .3s;display:flex;position:relative}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:#2d5a3d0d;box-shadow:0 0 32px #2d5a3d0f}.drop-zone-icon{margin-bottom:.75rem;font-size:2.5rem}.drop-zone h3{color:var(--text-primary);margin-bottom:.3rem;font-size:1rem;font-weight:600}.drop-zone p{color:var(--text-muted);font-size:.8rem}.drop-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.result-area{opacity:1;margin:1.5rem 0;transition:opacity .3s}.result-area.visible{opacity:1}.preview-area{border-radius:var(--radius-lg);text-align:center;background:#ffffff59;border:1px solid #ffffff80;margin-top:1rem;padding:1rem}.preview-area img,.preview-area canvas{border-radius:var(--radius-sm);max-width:100%}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);text-align:center;background:#fff6;border:1px solid #fff9;padding:1rem;transition:all .25s}.stat-card:hover{background:#fff9;border-color:#2d5a3d33}.stat-value{color:var(--accent);font-size:1.6rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.72rem}.tag-pill{border-radius:var(--radius-full);color:var(--text-primary);background:#fff6;border:1px solid #fff9;padding:.4rem .85rem;font-size:.85rem;font-weight:500;animation:.3s ease-out both fadeIn;display:inline-block}.tag-pill:nth-child(2n){border-color:#2d5a3d33}.tag-pill:nth-child(3n){border-color:#8fbc8f4d}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.credit-card{border-radius:var(--radius-lg);color:#fff;max-width:380px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1a3a2a,#2d5a3d);margin:0 auto;padding:1.8rem;position:relative;overflow:hidden}.credit-card:after{content:"";background:radial-gradient(circle,#ffffff14,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.card-chip{margin-bottom:1.2rem;font-size:2rem}.card-number{letter-spacing:3px;z-index:1;margin-bottom:1rem;font-family:monospace;font-size:1.35rem;position:relative}.card-footer{z-index:1;justify-content:space-between;font-size:.85rem;display:flex;position:relative}.card-footer-label{color:#fff9;letter-spacing:.06em;margin-bottom:.15rem;font-size:.65rem}.slider-container{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.slider-row{align-items:center;gap:.75rem;display:flex}.slider-row label{color:var(--text-secondary);min-width:70px;font-size:.82rem}.slider-row input[type=range]{accent-color:var(--accent);flex:1}.slider-row .slider-val{color:var(--text-muted);text-align:right;min-width:40px;font-size:.82rem}.tweet-preview{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);max-width:500px;color:var(--text-primary);background:#ffffff80;border:1px solid #fff9;margin:0 auto;padding:1rem}.tweet-header{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.tweet-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex}.tweet-name{font-weight:700}.tweet-handle{color:var(--text-muted);font-size:.9rem}.tweet-text{margin:.75rem 0;line-height:1.5}.tweet-metrics{color:var(--text-muted);border-top:1px solid #0000000f;gap:1.5rem;padding-top:.75rem;font-size:.85rem;display:flex}.insta-post{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#ffffff80;border:1px solid #fff9;max-width:400px;margin:0 auto;overflow:hidden}.insta-header{border-bottom:1px solid #0000000f;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.insta-avatar{border:2px solid var(--accent-3);width:32px;height:32px;color:var(--text-primary);background:#ffffff80;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.insta-image-area{aspect-ratio:1;text-align:center;color:var(--text-secondary);background:#ffffff4d;justify-content:center;align-items:center;padding:2rem;font-size:1.1rem;display:flex}.insta-actions{padding:.5rem 1rem}.insta-likes{padding:0 1rem .25rem;font-size:.9rem;font-weight:700}.insta-caption{color:var(--text-primary);padding:0 1rem .75rem;font-size:.85rem}.insta-caption .handle{font-weight:700}.thumbnail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.thumbnail-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #ffffff80;transition:transform .2s;position:relative;overflow:hidden}.thumbnail-item:hover{transform:scale(1.02)}.thumbnail-item img{width:100%;display:block}.thumbnail-item .thumb-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;color:#fff;background:#00000080;padding:.5rem;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.file-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#fff6;border:1px solid #fff9;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.file-info-icon{font-size:1.5rem}.file-info-text{flex:1}.file-info-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.file-info-size{color:var(--text-muted);font-size:.8rem}.metadata-table{border-collapse:collapse;border-radius:var(--radius-md);width:100%;overflow:hidden}.metadata-table th,.metadata-table td{text-align:left;border-bottom:1px solid #0000000f;padding:.65rem 1rem;font-size:.85rem}.metadata-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:#ffffff59;font-size:.75rem;font-weight:600}.metadata-table td{color:var(--text-primary)}.metadata-table tbody tr:hover{background:#ffffff4d}.cropper-container{border-radius:var(--radius-md);max-width:100%;display:inline-block;position:relative;overflow:hidden}.pdf-pages-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin:1rem 0;display:grid}.pdf-page-thumb{border-radius:var(--radius-sm);cursor:pointer;text-align:center;color:var(--text-primary);background:#fff6;border:2px solid #ffffff80;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .2s;position:relative}.pdf-page-thumb:hover{border-color:var(--accent)}.pdf-page-thumb.selected{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 12px #2d5a3d26}.footer{text-align:center;color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-top:1px solid #0000000f;padding:2.5rem 1.5rem;font-size:.82rem}.footer strong{color:var(--text-primary)}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);background:#fffc;border:1px solid #ffffffb3;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:500;transition:opacity .3s;animation:.3s ease-out slideInRight;display:flex}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--accent-4)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}@media (width<=768px){.navbar{width:95%;top:8px}.navbar-inner{padding:0 .75rem}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);z-index:999;background:#ffffffd9;border:1px solid #ffffffb3;flex-direction:column;padding:.75rem;display:none;position:fixed;top:80px;left:4%;right:4%;box-shadow:0 8px 32px #0000001a}.nav-links.open{display:flex}.nav-search-btn{display:none}.hamburger{display:block}.hero{padding:calc(var(--nav-height) + 2.5rem) 1rem 2rem}.hero h1{font-size:2rem}.hero-stats{flex-direction:column;align-items:center;gap:.75rem}.hero-stat{min-width:240px}.category-tabs,.tools-section{padding:1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.tool-page{padding:calc(var(--nav-height) + 2rem) 1rem 3rem}.tool-page-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}}@media (width<=480px){.tools-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:.75rem}.hero-stat{min-width:unset;width:100%}.stats-grid{grid-template-columns:1fr 1fr}}::selection{color:var(--text-primary);background:#2d5a3d33}.password-field{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.password-field input{flex:1}.password-field .toggle-pw{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#fff6;border:1px solid #fff9;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.password-field .toggle-pw:hover{border-color:var(--accent);color:var(--accent)}.sliced-grid{gap:.5rem;margin:1rem 0;display:grid}.sliced-grid img{border-radius:var(--radius-sm);border:1px solid #ffffff80;width:100%;display:block}.progress-bar{background:#ffffff4d;border-radius:3px;width:100%;height:6px;margin:.5rem 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%;transition:width .3s}.spinner{border:2px solid #00000014;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.password-display{word-break:break-all;-webkit-user-select:all;user-select:all}.pulse{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #27ae6066}50%{opacity:.7;box-shadow:0 0 0 8px #27ae6000}}