:root{--bg-main: #f8fafc;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent-primary: #7dd3fc;--accent-hover: #38bdf8;--accent-glow: rgba(56, 189, 248, .28);--border-color: #e2e8f0;--radius-md: 16px;--radius-lg: 32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;margin:0;display:flex;flex-direction:column;overflow-x:hidden}.app-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;background:var(--bg-card);padding:1rem 2rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000000d;border:1px solid var(--border-color)}.header h1{font-size:1.5rem;font-weight:800;color:var(--accent-hover)}.header p{color:var(--text-secondary);font-size:.9rem;margin-left:auto}.dropzone{margin-top:1.5rem;border:3px dashed #cbd5e1;border-radius:var(--radius-lg);padding:6rem 2rem;text-align:center;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent-primary);background:#f0f9ff;transform:translateY(-4px);box-shadow:0 12px 30px var(--accent-glow)}.dropzone-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.upload-icon{color:var(--accent-primary);margin-bottom:1.5rem;transition:transform .3s ease}.dropzone:hover .upload-icon{transform:scale(1.1)}.upload-title{font-size:1.2rem;font-weight:600}.upload-subtitle{color:var(--text-secondary);font-size:.9rem}.processing-container{background:#ffffffeb;padding:3rem;border-radius:24px;border:1px solid #dbeafe;text-align:center;box-shadow:0 10px 24px #0f172a0d}.loading-state p{font-size:1.2rem;font-weight:500;margin-bottom:1.5rem;color:var(--accent-primary)}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.progress-fill{height:100%;background:var(--accent-hover);transition:width .2s ease-out;border-radius:6px}.frame-grid-container{margin-top:2rem}.frame-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 1rem}.frame-grid-header h2{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.frame-item{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);aspect-ratio:16/9;box-shadow:0 10px 20px #0000000d;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.frame-item:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 20px 40px #8b5cf633;z-index:10}.frame-item img{width:100%;height:100%;object-fit:cover;display:block}.frame-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0000 50%);opacity:0;transition:opacity .2s;display:flex;justify-content:space-between;align-items:flex-end;padding:1rem}.frame-item:hover .frame-overlay{opacity:1}.frame-timestamp{font-size:.85rem;font-weight:600;padding:4px 8px;background:#00000080;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-primary{display:flex;align-items:center;gap:.5rem;background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{background:#0000000d;color:#0f172a;border:none;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;text-decoration:none}.btn-icon:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1) rotate(5deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-processor{animation:fadeIn .5s ease-out}.tabs{display:flex;flex-wrap:wrap;row-gap:.5rem;column-gap:1rem;margin-left:2rem}.sub-tabs{margin-left:0;justify-content:center;margin-bottom:2rem;padding:0 1rem}.tab-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-secondary);border:2px solid transparent;padding:.5rem 1rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--text-primary);background:#00000008}.tab-btn.active{color:var(--accent-primary);background:#e0f2fe;border-color:#bae6fd}.header-title{display:flex;align-items:center;gap:1rem}.brand-logo{display:inline-flex;align-items:center;gap:.9rem;text-decoration:none;color:inherit}.brand-logo-mark{position:relative;width:52px;height:52px;border-radius:14px;background:#0f172a;box-shadow:0 10px 20px #0f172a1f;flex-shrink:0}.brand-logo-play{position:absolute;left:20px;top:15px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #f8fafc}.brand-logo-dot{position:absolute;right:6px;top:6px;width:10px;height:10px;border-radius:999px;background:#38bdf8}.brand-logo-copy{display:flex;flex-direction:column;gap:.15rem}.brand-logo-title{font-size:1.5rem;font-weight:800;color:var(--accent-hover);line-height:1}.brand-logo-subtitle{font-size:.78rem;color:var(--text-secondary)}.brand-logo-sm .brand-logo-mark{width:38px;height:38px;border-radius:11px}.brand-logo-sm .brand-logo-play{left:15px;top:10px;border-top-width:9px;border-bottom-width:9px;border-left-width:13px}.brand-logo-sm .brand-logo-dot{width:8px;height:8px;right:5px;top:5px}.brand-logo-sm .brand-logo-title{font-size:1.05rem}.tool-brand-lockup{display:flex;align-items:center;gap:1rem;min-width:0}.tool-catalog-page{max-width:1200px;margin:0 auto}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem 0;width:100%}.catalog-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.75rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;text-align:left;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card-header{display:flex;align-items:center;gap:.75rem;width:100%}.card-header span{font-size:1.1rem;font-weight:700}.card-desc{font-size:.9rem;font-weight:400;color:var(--text-secondary);line-height:1.5;margin:0}.catalog-card svg{color:var(--accent-primary);transition:all .3s ease;width:24px;height:24px;flex-shrink:0}.catalog-card:hover{background:var(--bg-card);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 10px 25px -10px var(--accent-glow)}.catalog-card:hover svg{transform:scale(1.1)}.dedicated-tool-page{padding:0 0 3rem;max-width:100vw}.dedicated-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 2rem;background:#f8fafce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(186,230,253,.9);box-shadow:0 10px 25px #0f172a0f}.dedicated-header-left{display:flex;align-items:center;gap:1rem}.dedicated-header-right{justify-content:flex-end}.tool-brand-divider{width:1px;height:28px;background:var(--border-color)}.tool-page-main{padding:2rem;max-width:1200px;margin:0 auto}.dedicated-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem;margin-bottom:1.5rem}.dedicated-hero-copy,.dedicated-hero-meta{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0f172a0a}.dedicated-hero-copy{padding:2rem}.dedicated-hero-copy h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin-bottom:1rem}.dedicated-hero-copy p:last-child{color:var(--text-secondary);line-height:1.7;max-width:68ch}.dedicated-hero-meta{padding:1rem;display:grid;gap:.75rem;align-content:start}.tool-meta-card{padding:1rem;border-radius:20px;background:#f8fbff;border:1px solid #dbeafe}.tool-meta-label{display:block;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0284c7;margin-bottom:.45rem}.tool-workspace{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border-color);border-radius:32px;padding:1.5rem;box-shadow:0 18px 42px #0f172a0f}.tool-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(226,232,240,.9)}.tool-workspace-kicker{color:#0284c7;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.tool-workspace-header h2{font-size:1.4rem;margin:0}.tool-workspace-header .btn-secondary{flex-shrink:0}.tool-stack{width:100%;display:flex;flex-direction:column;gap:1.5rem}.tool-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8fbff;padding:1rem 1.25rem;border-radius:18px;border:1px solid #dbeafe}.tool-topbar-left,.tool-actions-row{display:flex;align-items:center;gap:.75rem}.tool-icon-badge{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#e0f2fe;color:#0284c7;flex-shrink:0}.tool-topbar h3{margin:0;font-size:1.05rem}.tool-two-column{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:1.25rem;min-height:400px}.tool-main-panel,.tool-side-panel,.tool-soft-panel,.tool-note-card{border-radius:18px;border:1px solid #dbeafe;background:#fff}.tool-main-panel{padding:1rem}.tool-side-panel{padding:1.1rem;display:flex;flex-direction:column;gap:1rem;background:#f8fbff}.tool-side-panel h4,.tool-note-card h4{margin:0 0 .75rem;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.tool-soft-panel{padding:1.1rem;background:#f8fbff}.tool-note-card{padding:1.1rem;background:#eff6ff}.tool-note-card h4{color:#0369a1}.tool-note-card p{margin:0;color:#0f172a;font-size:.88rem;line-height:1.6}.tool-button-stack{display:flex;flex-direction:column;gap:.75rem}.tool-textarea-dark{width:100%;min-height:320px;padding:1.25rem;border-radius:18px;border:2px solid #cbd5e1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;line-height:1.6;resize:none;outline:none;transition:border-color .2s,box-shadow .2s;background:#0f172a;color:#f8fafc}.tool-textarea-dark:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.tool-error{display:flex;align-items:center;gap:.5rem;color:#b91c1c;font-size:.85rem;padding:.75rem .9rem;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.tool-file-summary{display:grid;gap:.75rem;padding:1.25rem;border-radius:18px;border:1px solid #dbeafe;background:#f8fbff}.tool-file-summary-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;align-items:flex-start}.tool-file-summary-row span:first-child{color:var(--text-secondary)}.tool-success-text{color:#0369a1;font-weight:700}.tool-split-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:1.5rem;width:100%;align-items:stretch}.tool-preview-panel{display:flex;flex-direction:column;background:#f8fbff;padding:1.5rem;border-radius:24px;border:1px solid #dbeafe;min-height:400px}.tool-dark-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:2rem;position:relative}.tool-side-column{display:flex;flex-direction:column;gap:1rem}.tool-info-card{background:#fff;padding:1.25rem;border-radius:18px;border:1px solid #dbeafe;display:flex;flex-direction:column;gap:1rem}.tool-info-card h4{margin:0;color:#0f172a;display:flex;align-items:center;gap:.5rem}.tool-muted-note{padding:.85rem 1rem;background:#f8fbff;border-radius:12px;font-size:.9rem;color:#475569;line-height:1.6;border:1px solid #dbeafe}.tool-accent-note{background:#eff6ff;padding:1rem;border-radius:16px;border:1px solid #bfdbfe}.tool-accent-note p{margin:0;font-size:.82rem;color:#1e3a8a;line-height:1.6}.tool-danger-note{font-size:.8rem;color:#b91c1c;text-align:center;margin-top:.5rem;background:#fef2f2;padding:.65rem;border-radius:10px;border:1px solid #fecaca;line-height:1.4}.tool-stat-block{background:#f8fbff;padding:1rem;border-radius:12px}.tool-stat-label{font-size:.75rem;color:#64748b;margin-bottom:.25rem}.tool-stat-value{font-size:1.05rem;font-weight:700;color:#0f172a}.tool-action-footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.tool-layer-list{background:#fff;border-radius:18px;border:1px solid #dbeafe;overflow:hidden}.tool-layer-header{background:#f8fbff;padding:.85rem 1rem;border-bottom:1px solid #dbeafe;font-weight:600;color:#0f172a;font-size:.9rem}.tool-control-card{background:#eff6ff;padding:1rem;border-radius:18px;border:1px solid #bfdbfe}.tool-media-frame{width:100%;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 10px 30px #0000001a}.tool-preview-caption{margin-top:1rem;text-align:center;color:#64748b;font-size:.9rem;font-weight:500}.tool-scroll-region{max-height:250px;overflow-y:auto}.tool-layer-row{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.tool-layer-name{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-layer-actions{display:flex;gap:.25rem;flex-shrink:0}@media(max-width:900px){.tool-two-column,.tool-split-layout{grid-template-columns:1fr}.tool-media-frame video,.tool-media-frame img{width:100%;height:auto;max-height:60vh;object-fit:contain}}.seo-content{margin:1.5rem 0 2rem;text-align:left}.seo-content-hero{background:#f0f9ff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 10px 30px #0f172a0a}.seo-eyebrow{color:var(--accent-primary);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.seo-content-hero h1{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:1rem}.seo-content-hero p{color:var(--text-secondary);line-height:1.7;max-width:75ch;margin-top:.75rem}.seo-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.seo-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 8px 24px #0f172a0a}.seo-card-wide{grid-column:1 / -1}.seo-card h2{font-size:1.1rem;margin-bottom:.9rem}.seo-card h3{font-size:.95rem;margin:.9rem 0 .4rem}.seo-card p{color:var(--text-secondary);line-height:1.7}.seo-list{padding-left:1.25rem;color:var(--text-secondary);line-height:1.7}.seo-list-numbered li+li{margin-top:.5rem}.seo-link-list{display:flex;flex-wrap:wrap;gap:.75rem}.seo-link-chip{display:inline-flex;align-items:center;min-height:40px;padding:.65rem .9rem;border-radius:999px;text-decoration:none;background:#e0f2fe;color:#0369a1;font-weight:600;border:1px solid #bae6fd}.seo-link-chip:hover{background:#bae6fd}.not-found-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem}.not-found-card{max-width:720px;width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;text-align:left;box-shadow:0 12px 32px #0f172a0f}.not-found-code{color:var(--accent-primary);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.not-found-card h1{font-size:2rem;margin-bottom:.75rem}.not-found-card p{color:var(--text-secondary);line-height:1.7}.not-found-links{display:flex;gap:1rem;margin-top:1.5rem}.watermark-remover{animation:fadeIn .5s ease-out}.editor-container{background:#ffffffeb;padding:2rem;border-radius:24px;border:1px solid #dbeafe;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 10px 24px #0f172a0d}.image-workspace{position:relative;max-width:100%;max-height:70vh;min-height:200px;border-radius:var(--radius-md);overflow:auto;box-shadow:0 10px 30px #0000001a;background:url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><rect width="10" height="10" fill="%23f1f5f9"/><rect x="10" width="10" height="10" fill="%23e2e8f0"/><rect y="10" width="10" height="10" fill="%23e2e8f0"/><rect x="10" y="10" width="10" height="10" fill="%23f1f5f9"/></svg>');-webkit-user-select:none;user-select:none;cursor:crosshair}.target-image{max-width:max-content;display:block;pointer-events:none}.selection-box{position:absolute;border:3px solid var(--accent-primary);background:#38bdf82e;pointer-events:none;box-shadow:0 0 0 9999px #fff9}.actions{display:flex;gap:1rem;justify-content:center;width:100%;flex-wrap:wrap}.btn-secondary{background:#f8fafc;color:var(--text-primary);border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.instruction{color:var(--text-secondary);font-size:.95rem}.result-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.result-container h3{color:var(--accent-primary)}.compression-details{display:flex;flex-direction:column;align-items:center;gap:.5rem}.compression-details h3{color:var(--text-primary);margin-bottom:1rem}.stats{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:1.1rem}.seo-writeup{margin-bottom:2rem;padding:1.5rem 2rem;background:#eff6ff;border-radius:var(--radius-md);border-left:4px solid var(--accent-primary);text-align:left}.seo-writeup h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:.75rem}.seo-writeup p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media screen and (max-width:768px){.app-container{padding:1rem}.header{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem}.header h1{font-size:1.25rem}.header p{margin-left:0;margin-top:.5rem}.tabs{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;white-space:nowrap}.brand-logo{gap:.7rem}.brand-logo-mark{width:44px;height:44px;border-radius:12px}.brand-logo-play{left:17px;top:13px;border-top-width:9px;border-bottom-width:9px;border-left-width:14px}.brand-logo-title{font-size:1.15rem}.tool-brand-lockup{width:100%;gap:.75rem}.tool-brand-lockup h2{min-width:0;font-size:1rem!important;line-height:1.2}.tool-brand-divider{display:none}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:1.1rem}.dropzone{padding:2.5rem 1rem;border-radius:24px}.dropzone-label{gap:.75rem}.upload-icon{margin-bottom:.75rem}.upload-title{font-size:1rem}.upload-subtitle{font-size:.82rem}.processing-container{padding:1.5rem}.editor-container{padding:1rem}.dedicated-header-left{flex-direction:column;align-items:flex-start!important;gap:1rem!important}.dedicated-header{padding:1rem;align-items:flex-start}.dedicated-header-right{width:100%;justify-content:flex-start}.tool-page-main{padding:1rem}.dedicated-hero{grid-template-columns:1fr}.dedicated-hero-copy,.dedicated-hero-meta{padding:1.25rem;border-radius:24px}.dedicated-hero-copy h1{font-size:1.75rem;line-height:1.1}.tool-workspace{padding:1rem;border-radius:24px}.tool-workspace-header{flex-direction:column;align-items:flex-start}.tool-workspace-header .btn-secondary,.btn-primary,.btn-secondary{width:100%;justify-content:center}.tool-topbar{flex-direction:column;align-items:stretch;padding:1rem}.tool-topbar-left{align-items:flex-start}.tool-actions-row{width:100%;justify-content:stretch;flex-wrap:wrap}.tool-actions-row>*{flex:1 1 48px}.tool-two-column,.tool-split-layout{gap:1rem}.tool-preview-panel,.tool-info-card,.tool-soft-panel,.tool-note-card,.tool-control-card,.tool-side-panel{padding:1rem;border-radius:18px}.tool-dark-stage{padding:1rem;min-height:260px}.tool-textarea-dark{min-height:240px;font-size:.9rem}.tool-file-summary{padding:1rem}.tool-file-summary-row{flex-direction:column;gap:.2rem}.frame-grid-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:0}.frame-grid{grid-template-columns:1fr}.actions{flex-direction:column}.tool-preview-caption{font-size:.84rem}.seo-content-hero,.seo-card{padding:1.25rem}.not-found-card{padding:1.5rem}.not-found-links{flex-direction:column;align-items:stretch}}@media screen and (max-width:480px){.app-container{padding:.75rem}.header,.tool-workspace,.seo-content-hero,.seo-card,.not-found-card{border-radius:20px}.header{margin-bottom:1.5rem}.brand-logo-copy{gap:.05rem}.brand-logo-title{font-size:1rem}.tabs{column-gap:.5rem}.tab-btn{padding:.45rem .8rem;font-size:.9rem}.card-header span{font-size:1rem}.card-desc{font-size:.85rem}.dedicated-header{padding:.75rem}.dedicated-hero-copy h1{font-size:1.55rem}.tool-workspace-header h2,.seo-card h2,.seo-writeup h2{font-size:1.15rem}.dropzone{padding:2rem .85rem}.tool-layer-row{flex-wrap:wrap;align-items:flex-start}.tool-layer-name{min-width:0;width:calc(100% - 44px)}.tool-layer-actions{width:100%;justify-content:flex-end}.tool-scroll-region{max-height:220px}}.home-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.home-navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(226,232,240,.6)}.home-logo{flex-shrink:0}.home-nav-launch{background:var(--text-primary);color:#fff;padding:.6rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.home-nav-launch:hover{background:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;position:relative;overflow:hidden}.hero-bg-blob{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:100vw;height:100vw;max-width:1000px;max-height:1000px;background:radial-gradient(circle,#7dd3fc47,#fff0 70%);z-index:0;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:900px;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.hero-title-highlight{color:var(--accent-hover)}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-secondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-cta{display:inline-flex;align-items:center;gap:.75rem;background:var(--accent-hover);color:#fff;font-size:1.25rem;font-weight:700;padding:1rem 3rem;border-radius:9999px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 30px #38bdf859}.hero-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #38bdf873}.features-section{padding:5rem 5%;background:transparent;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px}.feature-card{background:var(--bg-card);border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #00000008;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;text-decoration:none;color:inherit}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-gradient, #cbd5e1);opacity:.8;transition:opacity .3s ease}.feature-card.video,.feature-card.audio,.feature-card.image,.feature-card.code,.feature-card.text{--card-gradient: #7dd3fc}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--text-primary);margin-bottom:.5rem;transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.feature-card.video .feature-icon-wrapper,.feature-card.audio .feature-icon-wrapper,.feature-card.image .feature-icon-wrapper,.feature-card.code .feature-icon-wrapper,.feature-card.text .feature-icon-wrapper{background:#7dd3fc2e;color:#0284c7}.feature-card h3{font-size:1.5rem;font-weight:700;margin:0}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}.feature-tools-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem}.feature-tool-tag{font-size:.75rem;padding:.3rem .6rem;background:var(--bg-main);border-radius:6px;color:var(--text-secondary);font-weight:500;border:1px solid var(--border-color)}.home-footer{margin-top:auto;text-align:center;padding:3rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:.9rem}.home-footer p{display:flex;align-items:center;justify-content:center;gap:.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.home-navbar{padding:1rem;gap:1rem;flex-wrap:wrap}.home-nav-launch{width:100%;justify-content:center;text-align:center}.hero-section{padding:5rem 1rem 4rem}.hero-content{max-width:100%}.hero-title{font-size:clamp(2.3rem,11vw,3.6rem)}.hero-subtitle{margin-bottom:2rem;font-size:1rem}.hero-cta{width:100%;justify-content:center;padding:.95rem 1.25rem;font-size:1rem}.features-section{padding:3rem 1rem}.section-title{font-size:2rem;margin-bottom:2rem}.features-grid{gap:1rem}.feature-card{padding:1.5rem;border-radius:20px}}@media(max-width:480px){.home-navbar{padding:.85rem .75rem}.hero-section{padding:4rem .75rem 3rem}.hero-title{font-size:clamp(2rem,12vw,3rem)}.section-title{font-size:1.65rem}.feature-card{padding:1.2rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.9rem}}