:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#11182799;--bg-card-hover:#111827cc;--bg-glass:#ffffff0a;--bg-glass-border:#ffffff14;--accent-cyan:#00f0ff;--accent-cyan-dim:#00f0ff26;--accent-purple:#a855f7;--accent-purple-dim:#a855f726;--accent-pink:#ec4899;--accent-green:#22c55e;--accent-amber:#f59e0b;--accent-red:#ef4444;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--glow-cyan:0 0 20px #00f0ff4d, 0 0 60px #00f0ff1a;--glow-purple:0 0 20px #a855f74d, 0 0 60px #a855f71a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% -20%,#00f0ff14 0%,#0000 60%),radial-gradient(60% 50% at 80%,#a855f70f 0%,#0000 60%),radial-gradient(60% 50% at 20% 80%,#ec48990a 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-purple)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00f0ff33}50%{box-shadow:0 0 40px #00f0ff66,0 0 80px #00f0ff1a}}@keyframes fadeBlink{0%,to{opacity:.2}50%{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) both}.animate-fade-in{animation:.4s both fadeIn}.container{width:100%;max-width:960px;margin:0 auto;padding:0 24px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.header{border-bottom:1px solid var(--bg-glass-border);-webkit-backdrop-filter:blur(20px);animation:fadeIn .8s var(--ease-out) both;background:#0a0e1a99;margin-bottom:24px;padding:14px 0}.header__nav{justify-content:space-between;align-items:center;gap:20px;display:flex}.header__left{flex:none;align-items:center;display:flex}.header__center{flex:1;justify-content:center;display:flex}.header__right{flex:none;justify-content:flex-end;display:flex}.header__brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.header__logo-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.header__logo-img{object-fit:cover;border:1px solid #00f0ff4d;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 14px #00f0ff66,0 0 24px #a855f74d}.header__brand-text{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.header__logo-title{letter-spacing:-.01em;white-space:nowrap;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.logo-bracket{color:var(--accent-cyan);opacity:.85;font-family:monospace,sans-serif;font-weight:500}.logo-word-ordinary{color:#fff;font-weight:800}.logo-word-tools{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:1px;font-weight:800}.logo-subtitle{color:var(--text-muted);font-family:var(--font-primary,-apple-system, BlinkMacSystemFont, "Inter", sans-serif);letter-spacing:.03em;opacity:.85;white-space:nowrap;text-align:center;margin-top:6px;font-size:.65rem;font-weight:600}.header__menu{align-items:center;gap:32px;display:flex}.header__menu-link{color:var(--text-secondary);transition:all .3s var(--ease-out);padding:4px 0;font-size:.9rem;font-weight:500;position:relative}.header__menu-link:after{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));width:0;height:2px;transition:width .3s var(--ease-out);border-radius:99px;position:absolute;bottom:0;left:0}.header__menu-link:hover{color:var(--text-primary)}.header__menu-link:hover:after,.header__menu-link.active:after{width:100%}.header__menu-link.active{color:var(--text-primary)}.header__dropdown-container{display:inline-block;position:relative}.header__dropdown-container .header__menu-link{cursor:pointer;align-items:center;gap:6px;display:flex}.header__dropdown-container .header__menu-link svg{font-size:.8rem;transition:transform .2s}.header__dropdown-container:hover .header__menu-link svg{transform:rotate(180deg)}.header__dropdown-menu{border-radius:var(--radius-md);width:290px;box-shadow:0 16px 40px #0009, 0 0 0 1px var(--bg-glass-border);z-index:100;flex-direction:column;gap:4px;padding:8px;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.header__dropdown-menu:before{content:"";width:100%;height:12px;position:absolute;top:-12px;left:0}.dropdown-item{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{background:#ffffff14;transform:translate(3px)}.dropdown-item__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.dropdown-item__title{color:var(--text-primary);font-size:.9rem;font-weight:600}.dropdown-item__desc{color:var(--text-secondary);font-size:.75rem}.dropdown-divider{background:var(--bg-glass-border);height:1px;margin:4px 0}.dropdown-item--view-all{color:var(--accent-cyan);justify-content:center;gap:8px;padding:8px;font-size:.85rem;font-weight:600}@media (width<=768px){.header__center{display:none}}@media (width>=640px){.logo-subtitle{font-size:5px}}@media (width>=768px){.logo-subtitle{font-size:6px}}@media (width>=1024px){.logo-subtitle{margin-top:0;font-size:7px}}.header__icon{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--glow-cyan);justify-content:center;align-items:center;font-size:24px;display:flex}.header__icon svg{width:60%;height:60%}.header__hero{text-align:center;margin-bottom:32px}.header__title{letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.8rem;font-weight:800}.header__subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;font-weight:400}.centered-subtitle{text-align:center;margin:0 auto}.url-section{animation:fadeInUp .6s var(--ease-out) .1s both;padding:8px 0 32px}.url-form{align-items:stretch;gap:12px;display:flex}.url-input-wrapper{flex:1;position:relative}.url-input{background:var(--bg-card);border:1.5px solid var(--bg-glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all .3s var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;padding:16px 20px 16px 48px;font-family:inherit;font-size:1rem}.url-input::placeholder{color:var(--text-muted)}.url-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim), var(--glow-cyan)}.url-input:focus+.url-input__icon{color:var(--accent-cyan)}.url-input__icon{color:var(--text-muted);pointer-events:none;font-size:1.2rem;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.url-input__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;font-size:1.1rem;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.url-input__clear:hover{color:var(--text-primary)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--ease-out);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--accent-cyan), #0ea5e9);color:#0a0e1a;box-shadow:0 4px 15px #00f0ff4d}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00f0ff66}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--bg-glass-border)}.btn--secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.btn--small{border-radius:var(--radius-sm);padding:8px 16px;font-size:.82rem}.btn--download{background:linear-gradient(135deg, var(--accent-green), #16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.btn--download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #22c55e66}.spinner{border:2.5px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.video-preview{animation:fadeInUp .5s var(--ease-out) both;padding:0 0 32px}.video-preview__card{gap:24px;padding:20px;display:flex}.video-preview__thumbnail-wrapper{border-radius:var(--radius-md);flex-shrink:0;width:280px;position:relative;overflow:hidden}.video-preview__thumbnail{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);width:100%;transition:transform .5s var(--ease-out);display:block}.video-preview__thumbnail-wrapper--vertical{width:160px}.video-preview__thumbnail-wrapper--vertical .video-preview__thumbnail{aspect-ratio:9/16}.video-preview__duration-badge{color:#fff;letter-spacing:.02em;background:#000c;border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:600;position:absolute;bottom:8px;right:8px}.video-preview__info{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.video-preview__title{color:var(--text-primary);font-size:1.2rem;font-weight:700;line-height:1.4}.video-preview__channel{color:var(--accent-cyan);font-size:.95rem;font-weight:500}.video-preview__meta{flex-wrap:wrap;gap:16px;display:flex}.video-preview__meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.video-preview__meta-icon{font-size:1rem}.format-section{animation:fadeInUp .5s var(--ease-out) .1s both;padding:0 0 32px}.format-section__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.format-section__title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.format-section__filters{gap:6px;display:flex}.filter-chip{border:1px solid var(--bg-glass-border);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;border-radius:99px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.filter-chip:hover{color:var(--text-primary);border-color:#ffffff26}.filter-chip--active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan)}.format-table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.format-table{border-collapse:collapse;width:100%;font-size:.88rem}.format-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--bg-glass-border);background:var(--bg-secondary);padding:14px 16px;font-size:.78rem;font-weight:600;position:sticky;top:0}.format-table tbody tr{border-bottom:1px solid #ffffff08;transition:background .2s}.format-table tbody tr:hover{background:#ffffff08}.format-table td{color:var(--text-secondary);vertical-align:middle;padding:12px 16px}.format-table td:last-child{text-align:right}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge--combined{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.badge--video{background:var(--accent-purple-dim);color:var(--accent-purple)}.badge--audio{color:var(--accent-amber);background:#f59e0b26}.badge--ext{color:var(--text-secondary);background:#ffffff0f;font-size:.7rem}.download-progress{padding:0 0 32px;animation:.3s both fadeIn}.download-progress__card{text-align:center;padding:24px}.download-progress__label{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.download-progress__bar-wrapper{background:#ffffff0f;border-radius:99px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.download-progress__bar{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));border-radius:99px;height:100%;transition:width .3s;position:relative}.download-progress__bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.download-progress__percent{color:var(--accent-cyan);font-size:1.5rem;font-weight:700}.download-progress__indeterminate{flex-direction:column;align-items:center;gap:16px;display:flex}.download-progress__spinner{border:3px solid var(--bg-glass-border);border-top-color:var(--accent-cyan);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.error-banner{padding:0 0 24px;animation:.3s both fadeIn}.error-banner__card{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef44444d;align-items:center;gap:12px;padding:16px 20px;display:flex}.error-banner__icon{flex-shrink:0;font-size:1.3rem}.error-banner__text{color:#fca5a5;flex:1;font-size:.9rem}.error-banner__close{color:#fca5a5;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;transition:color .2s}.error-banner__close:hover{color:#fff}.back-nav{justify-content:flex-start;padding:1.5rem 0 .5rem;display:flex}.footer{text-align:center;border-top:1px solid var(--bg-glass-border);margin-top:auto;padding:32px 0;animation:.5s .3s both fadeIn}.footer__text{color:var(--text-muted);font-size:.82rem}.footer-heart{vertical-align:middle;margin:0 3px;animation:1.8s ease-in-out infinite heartPulse;display:inline-block}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.footer-link{color:var(--accent-cyan);font-weight:600;text-decoration:none;transition:color .2s,text-shadow .2s}.footer-link:hover{color:#fff;text-shadow:0 0 10px #00f0ff99;text-decoration:underline}.disclaimer-banner{text-align:center;z-index:10;width:100%;position:relative}.disclaimer-pill{color:var(--accent-amber);border-radius:var(--radius-md);text-shadow:0 0 10px #f59e0b33;letter-spacing:.01em;text-align:center;background:#f59e0b0d;border:1px solid #f59e0b26;width:fit-content;max-width:min(85vw,800px);margin:8px auto 0;padding:6px 16px;font-size:.72rem;line-height:1.5;animation:4s ease-in-out infinite fadeBlink;display:inline-block}@media (width<=768px){.header__title{font-size:1.8rem}.url-form{flex-direction:column}.video-preview__card{text-align:center;flex-direction:column;align-items:center}.video-preview__thumbnail-wrapper{width:100%;max-width:400px}.video-preview__meta{justify-content:center}.format-section__header{flex-direction:column;align-items:flex-start;gap:12px}.format-table{font-size:.8rem}.format-table thead th,.format-table td{padding:10px 8px}.container{padding:0 16px}}@media (width<=480px){.header{padding:32px 0 16px}.header__title{font-size:1.5rem}.header__icon{width:40px;height:40px;font-size:20px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.gradient-text{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 50%, var(--accent-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hub-breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.breadcrumb-link{color:var(--text-secondary);transition:color .2s}.breadcrumb-link:hover{color:var(--accent-cyan)}.breadcrumb-sep{opacity:.4}.breadcrumb-current{color:var(--text-primary);font-weight:500}.subtool-pill{color:#ff4d4d;letter-spacing:.08em;text-transform:uppercase;background:#ff00001f;border:1px solid #ff000040;border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.subtool-pill--cyan{background:var(--accent-cyan-dim);color:var(--accent-cyan);border-color:#00f0ff40}.subtool-pill--purple{background:var(--accent-purple-dim);color:var(--accent-purple);border-color:#a855f740}.landing-welcome-section{text-align:center;flex-direction:column;align-items:center;max-width:860px;margin:0 auto;padding:56px 16px 80px;display:flex}.welcome-pill{color:var(--accent-cyan);letter-spacing:.02em;background:#00f0ff14;border:1px solid #00f0ff40;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.welcome-pill__dot{background:var(--accent-cyan);width:7px;height:7px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%}.welcome-hero__title{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:18px;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.18}.welcome-hero__subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto 40px;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.65}.privacy-feature-card{border-radius:var(--radius-xl);text-align:left;background:#121a2ba6;border:1px solid #00f0ff40;align-items:flex-start;gap:24px;width:100%;margin-bottom:40px;padding:32px 36px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 20px 40px #00000059,0 0 30px #00f0ff0f}.privacy-feature-card:hover{border-color:#00f0ff66;box-shadow:0 24px 48px #00000073,0 0 36px #00f0ff1f}.privacy-feature-card__icon{border-radius:var(--radius-lg);background:var(--accent-cyan-dim);width:56px;height:56px;color:var(--accent-cyan);border:1px solid #00f0ff4d;flex-shrink:0;justify-content:center;align-items:center;font-size:1.85rem;display:flex}.privacy-feature-card__content{flex:1}.privacy-feature-card__title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:10px;font-size:1.35rem;font-weight:700}.privacy-feature-card__desc{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.privacy-feature-card__points{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px;display:grid}.privacy-point{align-items:flex-start;gap:10px;display:flex}.privacy-point__icon{color:var(--accent-cyan);flex-shrink:0;margin-top:2px;font-size:1.15rem}.privacy-point__text{flex-direction:column;gap:3px;display:flex}.privacy-point__text strong{color:var(--text-primary);font-size:.88rem;font-weight:600}.privacy-point__text span{color:var(--text-muted);font-size:.78rem;line-height:1.45}.welcome-cta{justify-content:center;align-items:center;display:flex}@media (width<=768px){.landing-welcome-section{padding:36px 12px 60px}.privacy-feature-card{flex-direction:column;gap:18px;padding:24px 20px}.privacy-feature-card__points{grid-template-columns:1fr;gap:14px}}.hub-hero-simple{text-align:center;margin-bottom:40px}.simple-tools-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:960px;margin:0 auto 60px;display:grid}.simple-tool-card{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:transform .25s var(--ease-out), border-color .25s, box-shadow .25s;outline:none;flex-direction:column;align-items:center;padding:32px 24px;display:flex;position:relative}.simple-tool-card:hover,.simple-tool-card:focus-visible{border-color:#00f0ff66;transform:translateY(-6px);box-shadow:0 16px 36px #0006,0 0 20px #00f0ff1a}.simple-tool-card--disabled{opacity:.52;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(25%)}.simple-tool-card--disabled:hover,.simple-tool-card--disabled:focus-visible{border-color:var(--border-color)!important;box-shadow:none!important;transform:none!important}.simple-tool-card--disabled .simple-tool-arrow{color:var(--text-muted);opacity:.5}.simple-tool-card--disabled .simple-tool-icon{transform:none!important}.simple-card-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:3px 8px;font-size:.68rem;font-weight:700;position:absolute;top:14px;right:14px}.simple-tool-icon{border-radius:var(--radius-md);width:64px;height:64px;transition:transform .25s var(--ease-out);justify-content:center;align-items:center;margin-bottom:18px;font-size:1.8rem;display:flex}.simple-tool-card:hover .simple-tool-icon{transform:scale(1.08)}.icon--video{color:#ff4d4d;background:#ff00001f;border:1px solid #ff000040}.icon--pdf{background:var(--accent-cyan-dim);color:var(--accent-cyan);border:1px solid #00f0ff40}.icon--key{background:var(--accent-purple-dim);color:var(--accent-purple);border:1px solid #a855f740}.icon--zap{color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.icon--image{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.icon--tools{background:var(--accent-purple-dim);color:var(--accent-purple);border:1px solid #a855f740}.badge--red{color:#ff4d4d;background:#ff00001f;border:1px solid #ff000040}.badge--cyan{background:var(--accent-cyan-dim);color:var(--accent-cyan);border:1px solid #00f0ff40}.badge--purple{background:var(--accent-purple-dim);color:var(--accent-purple);border:1px solid #a855f740}.badge--amber{color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.badge--green{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.simple-tool-title{color:var(--text-primary);margin-bottom:6px;font-size:1.35rem;font-weight:700}.simple-tool-sub{color:var(--text-secondary);margin-bottom:22px;font-size:.85rem}.simple-tool-arrow{color:var(--accent-cyan);opacity:.85;align-items:center;gap:6px;margin-top:auto;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.simple-tool-card:hover .simple-tool-arrow{opacity:1;transform:translate(3px)}.disclaimer-banner{justify-content:center;margin-top:14px;display:flex}.disclaimer-pill{color:#fbbf24;text-align:center;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:99px;align-items:center;gap:8px;max-width:680px;padding:6px 16px;font-size:.78rem;line-height:1.4;display:inline-flex}.video-downloader-hub{padding-bottom:60px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;max-width:900px;margin:32px auto 0;padding:0;display:grid}.tool-card{border-radius:var(--radius-xl);text-align:center;cursor:pointer;background:var(--bg-card);border:1px solid var(--bg-glass-border);-webkit-backdrop-filter:blur(16px);transition:transform .35s var(--ease-out), border-color .35s, box-shadow .35s;outline:none;flex-direction:column;align-items:center;padding:40px 32px 32px;display:flex;position:relative;overflow:hidden}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-8px)}.tool-card:before{content:"";pointer-events:none;opacity:.7;background:radial-gradient(circle at top,#ffffff14,#0000 70%);height:140px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tool-card:hover:before{opacity:1}.tool-card--youtube:hover,.tool-card--youtube:focus-visible{border-color:#ff3b3073;box-shadow:0 20px 40px #00000073,0 0 35px #ff00002e}.tool-card--instagram:hover,.tool-card--instagram:focus-visible{border-color:#e1306c73;box-shadow:0 20px 40px #00000073,0 0 35px #e1306c33}.tool-card__icon{width:76px;height:76px;transition:transform .35s var(--ease-out), filter .35s, border-color .35s;border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.tool-card:hover .tool-card__icon{transform:scale(1.1)rotate(2deg)}.tool-card__icon svg{fill:currentColor;width:44px;height:44px}.tool-card__icon.youtube{color:#f33;background:radial-gradient(circle,#ff00002e 0%,#ff00000a 100%);border:1px solid #ff000040;box-shadow:0 0 24px #ff000026}.tool-card:hover .tool-card__icon.youtube{color:#ff1a1a;border-color:#ff000080;box-shadow:0 0 32px #ff00004d}.tool-card__icon.instagram{color:#f43f5e;background:radial-gradient(circle,#e1306c33 0%,#833ab40d 100%);border:1px solid #e1306c40;box-shadow:0 0 24px #e1306c26}.tool-card:hover .tool-card__icon.instagram{color:#ff2d6c;border-color:#e1306c80;box-shadow:0 0 32px #e1306c4d}.tool-card__badge{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:18px;right:18px}.tool-card__badge--popular{color:#ff6b6b;background:#ff00001f;border:1px solid #ff000040}.tool-card__badge--new{color:#f472b6;background:#ec48991f;border:1px solid #ec489940}.tool-card__title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px;font-size:1.55rem;font-weight:700}.tool-card__desc{color:var(--text-secondary);max-width:320px;margin-bottom:20px;font-size:.92rem;line-height:1.55}.tool-card__features{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 26px;display:flex}.feature-tag{color:var(--text-secondary);border:1px solid var(--bg-glass-border);background:#ffffff0a;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.tool-card:hover .feature-tag{color:var(--text-primary);background:#ffffff12;border-color:#ffffff24}.tool-card__action{width:100%;margin-top:auto}.tool-card__action .btn{border-radius:var(--radius-md);width:100%;transition:all .25s var(--ease-out);justify-content:center;padding:12px 20px;font-size:.95rem;font-weight:600}.tool-card:hover .tool-card__action .btn svg{transform:translate(4px)}.tool-card--youtube:hover .tool-card__action .btn--primary{background:linear-gradient(135deg,#ff1a1a 0%,#c00 100%);box-shadow:0 8px 24px #ff000059}.tool-card--instagram:hover .tool-card__action .btn--primary{background:linear-gradient(135deg,#f43f5e 0%,#e1306c 50%,#833ab4 100%);box-shadow:0 8px 24px #e1306c59}.btn--full{justify-content:center;width:100%}.hub-back-btn{border-radius:99px;padding:10px 22px;font-size:.9rem;transition:all .2s}.hub-back-btn:hover{border-color:var(--accent-cyan);box-shadow:0 0 16px #00f0ff26}@media (width<=640px){.tool-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}.tool-card{padding:30px 20px 24px}.tool-card__title{font-size:1.35rem}}.pdf-tabs-nav{border-radius:var(--radius-md);gap:6px;margin-bottom:28px;padding:6px;display:flex;overflow-x:auto}.pdf-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.pdf-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.pdf-tab-btn.active{background:var(--bg-card);color:var(--accent-cyan);border:1px solid var(--bg-glass-border);box-shadow:0 4px 12px #0003}.pdf-panel{border-radius:var(--radius-lg);margin-bottom:40px;padding:36px}.pdf-panel__header{margin-bottom:28px}.pdf-panel__title-box{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:8px;font-size:1.5rem;display:flex}.pdf-panel__subtitle{color:var(--text-secondary);font-size:.9rem}.pdf-dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .3s var(--ease-out);background:#00f0ff05;border:2px dashed #00f0ff4d;margin-bottom:24px;padding:48px 24px}.pdf-dropzone:hover{border-color:var(--accent-cyan);background:#00f0ff0d;transform:translateY(-2px)}.pdf-dropzone__icon{color:var(--accent-cyan);margin-bottom:12px;font-size:2.5rem}.pdf-dropzone__title{color:var(--text-primary);margin-bottom:6px;font-size:1.15rem;font-weight:700}.pdf-dropzone__hint{color:var(--text-muted);font-size:.85rem}.pdf-file-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.pdf-file-list__header{color:var(--text-secondary);border-bottom:1px solid var(--bg-glass-border);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.pdf-file-row{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:14px;padding:12px 16px;transition:background .2s;display:flex}.pdf-file-row:hover{background:#ffffff0f}.pdf-file-row__index{color:var(--accent-cyan);width:20px;font-size:.8rem;font-weight:700}.pdf-file-row__icon{color:var(--accent-red);font-size:1.4rem}.pdf-file-row__details{flex:1;min-width:0}.pdf-file-row__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.pdf-file-row__meta{color:var(--text-muted);font-size:.75rem}.pdf-file-row__actions{gap:6px;display:flex}.btn-icon{border:1px solid var(--bg-glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover:not(:disabled){color:var(--text-primary);background:#ffffff1f}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon--danger:hover:not(:disabled){color:var(--accent-red);background:#ef444433;border-color:#ef444466}.pdf-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-top:24px;display:flex}.pdf-config-box{flex-direction:column;gap:24px;display:flex}.pdf-selected-file{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);background:#ffffff0a;align-items:center;gap:14px;padding:16px 20px;display:flex}.pdf-range-input-group{flex-direction:column;gap:10px;display:flex}.pdf-input-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.pdf-input-hint{color:var(--text-muted);font-size:.8rem;font-weight:400}.pdf-text-input{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#0000004d;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s}.pdf-text-input:focus{border-color:var(--accent-cyan)}.page-range-quick-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag-btn{border:1px solid var(--bg-glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:99px;padding:4px 12px;font-size:.75rem;transition:all .2s}.tag-btn:hover{color:var(--accent-cyan);background:#ffffff1a}.rotate-controls-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.rotate-control-block{flex-direction:column;gap:10px;display:flex}.angle-picker{flex-wrap:wrap;gap:8px;display:flex}.angle-btn{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);min-width:100px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;flex:1;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.angle-btn:hover{color:var(--text-primary);background:#ffffff14}.angle-btn.active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan)}.metadata-table-wrapper{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);background:#0003;overflow:hidden}.metadata-table{border-collapse:collapse;width:100%}.metadata-table td{border-bottom:1px solid var(--bg-glass-border);padding:12px 18px;font-size:.9rem}.metadata-table tr:last-child td{border-bottom:none}.metadata-table td:first-child{color:var(--text-secondary);width:35%;font-weight:500}.metadata-table td:last-child{color:var(--text-primary)}.status-banner{border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 20px;font-size:.9rem;display:flex}.status-banner--success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.status-banner--error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.status-banner--info{color:var(--accent-cyan);background:#00f0ff26;border:1px solid #00f0ff4d}.status-close{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:1rem}.password-simple-card{border-radius:var(--radius-lg);max-width:680px;margin:0 auto 40px;padding:36px 32px}.password-input-section{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.password-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.password-input-row{flex-wrap:wrap;gap:12px;display:flex}.password-text-input{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);min-width:260px;color:var(--text-primary);background:#00000059;outline:none;flex:1;padding:13px 18px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.password-text-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 16px #00f0ff26}.password-generate-btn{white-space:nowrap;align-items:center;gap:8px;padding:13px 24px;display:inline-flex}.password-suggestions-box{margin-top:10px}.suggestions-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.88rem;display:flex}.suggestions-title{color:var(--text-primary);font-weight:700}.suggestions-hint{color:var(--text-muted);font-size:.8rem}.suggestions-list{flex-direction:column;gap:12px;display:flex}.suggestion-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--bg-glass-border);transition:all .2s var(--ease-out);align-items:center;gap:16px;padding:16px 20px;display:flex}.suggestion-item:hover{background:#ffffff0f;border-color:#fff3;transform:translate(3px)}.suggestion-item.selected{border-color:var(--accent-cyan);background:#00f0ff0f;box-shadow:0 0 20px #00f0ff1f}.suggestion-radio{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.suggestion-item.selected .suggestion-radio{border-color:var(--accent-cyan)}.radio-dot{background:0 0;border-radius:50%;width:10px;height:10px;transition:background .2s}.radio-dot.active{background:var(--accent-cyan)}.suggestion-content{flex:1;min-width:0}.suggestion-password{color:var(--text-primary);word-break:break-all;margin-bottom:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.15rem;font-weight:700}.suggestion-item.selected .suggestion-password{color:var(--accent-cyan)}.suggestion-meta{align-items:center;gap:10px;font-size:.75rem;display:flex}.meta-style{color:var(--text-secondary)}.meta-badge{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:99px;padding:1px 8px;font-weight:600}.password-empty-state{text-align:center;color:var(--text-secondary);border:1px dashed var(--bg-glass-border);border-radius:var(--radius-md);padding:32px 16px;font-size:.95rem}@media (width<=640px){.password-input-row{flex-direction:column}.password-generate-btn{justify-content:center;width:100%}.suggestion-item{flex-wrap:wrap;gap:12px}}.btn--ghost{border:1px solid var(--bg-glass-border);color:var(--text-secondary);background:0 0}.btn--ghost:hover{color:var(--text-primary);background:#ffffff14}.btn--success{background:var(--accent-green);color:#fff}.editor-container{width:100%;max-width:1400px}.pdf-editor-toolbar{border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 18px;display:flex}.toolbar-left,.toolbar-center,.toolbar-right{align-items:center;gap:12px;display:flex}.toolbar-file-info{align-items:center;gap:8px;font-size:.85rem;display:flex}.file-badge{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.btn-link{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.toolbar-file-empty{color:var(--text-muted);font-size:.85rem}.toolbar-group{border-radius:var(--radius-sm);border:1px solid var(--bg-glass-border);background:#00000040;align-items:center;gap:4px;padding:3px 6px;display:flex}.toolbar-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.toolbar-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-page-indicator,.toolbar-zoom-indicator{color:var(--text-primary);text-align:center;min-width:48px;padding:0 6px;font-size:.82rem;font-weight:600}.toolbar-divider{background:var(--bg-glass-border);width:1px;height:20px}.pdf-editor-workspace{grid-template-columns:290px 1fr;align-items:start;gap:16px;margin-bottom:40px;display:grid}.workspace-properties-panel{border-radius:var(--radius-md);flex-direction:column;max-height:calc(100vh - 100px);padding:20px 16px;display:flex;position:sticky;top:80px;overflow-y:auto;box-shadow:0 8px 32px #00000059}.panel-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:14px;font-size:.75rem;font-weight:700}.properties-content{flex-direction:column;gap:16px;display:flex}.property-group{flex-direction:column;gap:6px;display:flex}.property-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.property-badge{background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);color:var(--accent-cyan);width:fit-content;padding:3px 8px;font-size:.75rem;font-weight:700}.rotation-control-row,.property-actions-row{align-items:center;gap:10px;display:flex}.rotation-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.property-range{width:100%;accent-color:var(--accent-cyan)}.properties-empty{color:var(--text-muted);text-align:center;padding:36px 12px;font-size:.85rem;line-height:1.5}.workspace-center-column{flex-direction:column;gap:14px;min-width:0;display:flex}.workspace-tools-horizontal{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-glass-border);background:#0a0e1acc;align-items:center;gap:14px;padding:10px 16px;display:flex;overflow:visible;box-shadow:0 4px 20px #00000040}.tools-horizontal-header{flex-direction:column;justify-content:center;align-items:center;padding:0 4px;display:flex}.tools-horizontal-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);white-space:nowrap;font-size:.75rem;font-weight:800}.tools-horizontal-divider{background:var(--bg-glass-border);flex-shrink:0;align-self:stretch;width:1px;min-height:48px}.tools-horizontal-group{flex:1;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(5,1fr);gap:6px 8px;width:100%;display:grid}.workspace-tool-btn-horizontal{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#ffffff0a;justify-content:center;align-items:center;gap:7px;width:100%;padding:6px 10px;transition:all .15s ease-out;display:inline-flex}.workspace-tool-btn-horizontal:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:#fff3}.workspace-tool-btn-horizontal.active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 14px #00f0ff47}.workspace-tool-btn-horizontal:disabled{opacity:.3;cursor:not-allowed}.workspace-tool-btn-horizontal .tool-btn-icon{font-size:1.05rem;line-height:1}.workspace-tool-btn-horizontal .tool-btn-label{letter-spacing:.02em;font-size:.75rem;font-weight:600}.workspace-center-canvas{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);background:#0000004d;justify-content:center;align-items:flex-start;min-height:540px;padding:24px;display:flex;position:relative;overflow:auto}.pdf-canvas-container{transition:transform .2s ease-out}.pdf-page-placeholder{color:#333;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:595px;height:842px;display:flex;box-shadow:0 10px 30px #0009}.placeholder-content{text-align:center}.placeholder-content svg{color:var(--accent-red);margin-bottom:12px;font-size:3rem}.pdf-upload-empty-state{text-align:center;cursor:pointer;border:2px dashed #00f0ff59;max-width:500px;margin:auto;padding:48px 36px;transition:all .3s}.pdf-upload-empty-state:hover{border-color:var(--accent-cyan);background:#00f0ff0a}.empty-upload-icon{color:var(--accent-cyan);margin-bottom:16px;font-size:3rem}.workspace-thumbnails-bar{border-radius:var(--radius-md);padding:12px 18px}.thumbnails-scroll-container{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.thumbnail-card{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.thumbnail-preview{color:#333;background:#fff;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:60px;height:80px;font-size:.85rem;font-weight:700;transition:border-color .2s;display:flex}.thumbnail-card.active .thumbnail-preview{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff66}.thumbnail-label{color:var(--text-muted);font-size:.72rem}@media (width<=960px){.pdf-editor-workspace{grid-template-columns:1fr}.workspace-properties-panel{order:2;max-height:none;position:static}.workspace-center-column{order:1}}.pdf-viewer-canvas-wrapper{background:#fff;border-radius:4px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 16px 40px #0009}.pdf-main-canvas{background:#fff;display:block}.canvas-render-spinner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--bg-glass-border);color:var(--accent-cyan);z-index:10;background:#0a0e1ad9;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #0000004d}.spinner-dot{background:var(--accent-cyan);border-radius:50%;width:8px;height:8px}.pulse-animation{animation:1.5s infinite pulse}.canvas-render-error{color:#ff6b6b;border-radius:var(--radius-sm);z-index:10;background:#ef444433;border-color:#ef444466;padding:8px 14px;font-size:.8rem;position:absolute;top:16px;left:16px}.pdf-loading-state,.pdf-error-state{text-align:center;border-radius:var(--radius-md);max-width:440px;margin:auto;padding:40px 32px}.pdf-loading-state h3,.pdf-error-state h3{color:var(--text-primary);margin:12px 0 6px;font-size:1.15rem;font-weight:700}.pdf-loading-state p,.pdf-error-state p{color:var(--text-secondary);font-size:.88rem}.error-icon{font-size:2.2rem}.drag-over{border-color:var(--accent-cyan)!important;background:#00f0ff14!important}.upload-limits-note{color:var(--text-muted);margin-top:6px;font-size:.75rem}.thumbnail-canvas{object-fit:contain;width:100%;height:100%;display:block}.pdf-page-composite-wrapper{border-radius:4px;display:inline-block;position:relative;box-shadow:0 16px 48px #000000b3}.pdf-overlay-canvas{-webkit-user-select:none;user-select:none;z-index:5;position:absolute;top:0;left:0;overflow:visible}.pdf-overlay-canvas.tool-text-active{cursor:crosshair}.overlay-object{cursor:grab;transform-origin:50%;box-sizing:border-box;position:absolute;top:0;left:0}.overlay-object:active{cursor:grabbing}.text-object-content{white-space:pre-wrap;word-break:break-word;box-sizing:border-box;width:100%;height:100%;padding:4px;line-height:1.25}.inline-text-editor{color:#000;border:1px solid var(--accent-cyan);resize:none;width:100%;height:100%;font:inherit;box-sizing:border-box;background:#fffffff2;border-radius:2px;outline:none;padding:4px}.selection-frame{border:1.5px dashed var(--accent-cyan);box-sizing:border-box;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.rotation-handle{pointer-events:auto;cursor:grab;flex-direction:column;align-items:center;display:flex;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.rotation-stem{background:var(--accent-cyan);width:1.5px;height:16px}.rotation-knob{background:var(--accent-cyan);color:#0a0e1a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0006}.rotation-handle:hover .rotation-knob{transform:scale(1.2)}.rotation-angle-badge{color:#0a0e1a;white-space:nowrap;background:#00f0ffe6;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700;position:absolute;top:-24px}.resize-handle{border:2px solid var(--accent-cyan);box-sizing:border-box;pointer-events:auto;background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.handle-nw{cursor:nwse-resize;top:-5px;left:-5px}.handle-ne{cursor:nesw-resize;top:-5px;right:-5px}.handle-se{cursor:nwse-resize;bottom:-5px;right:-5px}.handle-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.property-header-actions{border-bottom:1px solid var(--bg-glass-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.header-action-btns{gap:6px;display:flex}.property-textarea{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;background:#0000004d;outline:none;padding:8px 10px;font-family:inherit;font-size:.85rem}.property-textarea:focus,.property-select:focus{border-color:var(--accent-cyan)}.property-select{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#0000004d;outline:none;padding:8px 10px;font-size:.85rem}.property-row{align-items:flex-end;gap:12px;display:flex}.flex-1{flex:1}.style-button-group{gap:4px;display:flex}.style-toggle-btn{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.style-toggle-btn:hover{color:var(--text-primary);background:#ffffff1a}.style-toggle-btn.active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan)}.color-palette-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.color-preset-circle{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s,border-color .15s}.color-preset-circle:hover{transform:scale(1.15)}.color-preset-circle.active{border-color:#fff;box-shadow:0 0 8px #fff9}.color-custom-input{cursor:pointer;background:0 0;border:none;width:26px;height:26px;padding:0}.property-label-row{justify-content:space-between;align-items:center;display:flex}.property-value-badge{color:var(--accent-cyan);font-size:.75rem;font-weight:700}.property-number-input{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);width:58px;color:var(--accent-cyan);text-align:right;background:#ffffff0f;outline:none;padding:2px 6px;font-size:.78rem;font-weight:700;transition:border-color .15s,background .15s}.property-number-input:focus{border-color:var(--accent-cyan);background:#ffffff1f}.rotation-presets-row{gap:4px;margin-top:6px;display:flex}.angle-preset-btn{border:1px solid var(--bg-glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:4px;flex:1;padding:4px 2px;font-size:.75rem;font-weight:600;transition:all .15s}.angle-preset-btn:hover{color:var(--text-primary);background:#ffffff14}.angle-preset-btn.active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan)}.pdf-overlay-canvas.tool-draw-active,.pdf-overlay-canvas.tool-redact-active{cursor:crosshair}.shape-selection-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.shape-choice-btn{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;transition:all .15s;display:flex}.shape-choice-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.shape-choice-btn.active{background:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan)}.shape-choice-btn .shape-icon{margin-bottom:2px;font-size:1.1rem;line-height:1}.shape-choice-btn .shape-label{font-size:.65rem;font-weight:600}.redaction-info-box{border-radius:var(--radius-sm);color:var(--text-secondary);background:#ef444414;border:1px solid #ef444440;gap:8px;padding:8px 10px;font-size:.72rem;line-height:1.35;display:flex}.redaction-info-box .info-icon{flex-shrink:0;font-size:1.1rem}.redact-tag{letter-spacing:.12em;opacity:.85;font-size:.7rem;font-weight:800}.property-hint{color:var(--text-muted);font-size:.68rem;font-style:italic}.active-text{font-weight:700;color:var(--accent-cyan)!important}.signature-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.signature-modal-content{border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);background:#11141c;flex-direction:column;gap:18px;width:100%;max-width:580px;padding:24px;display:flex;box-shadow:0 20px 50px #000000b3}.signature-modal-header{justify-content:space-between;align-items:center;display:flex}.signature-modal-header h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.signature-tabs{border-radius:var(--radius-md);border:1px solid var(--bg-glass-border);background:#ffffff0a;gap:8px;padding:4px;display:flex}.signature-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.signature-tab-btn:hover{color:var(--text-primary)}.signature-tab-btn.active{background:var(--accent-cyan);color:#0b0f19}.signature-draw-pane,.signature-type-pane,.signature-upload-pane{flex-direction:column;gap:14px;display:flex}.signature-canvas-wrapper{border-radius:var(--radius-md);border:1px solid var(--bg-glass-border);background:#fff;width:100%;height:200px;position:relative;overflow:hidden}.signature-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%}.signature-canvas-placeholder{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.signature-tools-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pen-color-options,.pen-width-options{align-items:center;gap:6px;display:flex}.typed-font-choices{flex-direction:column;gap:8px;display:flex}.font-choice-card{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:#ffffff0a;padding:12px 16px;transition:all .2s}.font-choice-card:hover{background:#ffffff14}.font-choice-card.active{border-color:var(--accent-cyan);background:var(--accent-cyan-dim)}.font-choice-preview{color:var(--text-primary);font-size:1.6rem}.signature-upload-box{width:100%}.signature-file-dropzone{border-radius:var(--radius-md);cursor:pointer;border:2px dashed #fff3;justify-content:center;align-items:center;height:160px;transition:border-color .2s;display:flex}.signature-file-dropzone:hover{border-color:var(--accent-cyan)}.dropzone-content{text-align:center;color:var(--text-secondary)}.dropzone-content .upload-icon{margin-bottom:6px;font-size:2rem;display:block}.dropzone-content .upload-note{color:var(--text-muted);font-size:.75rem}.signature-preview-uploaded{text-align:center;border-radius:var(--radius-md);background:#fff;padding:16px}.signature-preview-uploaded img{object-fit:contain;max-width:100%;max-height:120px}.signature-modal-footer{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}