*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Be Vietnam Pro","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(160deg, #f3f4ff 0%, #ffffff 100%);padding:36px;color:#0f172a}.blur-face-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.hero{text-align:center;display:flex;flex-direction:column;gap:12px}.hero .eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:rgba(15,23,42,.65)}.hero h1{margin:0;font-size:42px;font-weight:800}.hero .subtitle{margin:0 auto;max-width:720px;color:rgba(15,23,42,.65)}.hero .hero-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero .badge{background:rgba(67,56,202,.1);color:#312e81;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600}.blur-face-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));gap:24px}.panel{background:hsla(0,0%,100%,.92);border-radius:28px;padding:28px;border:1px solid rgba(67,56,202,.15);box-shadow:0 32px 60px rgba(99,102,241,.18);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:20px}.panel .panel-heading{display:flex;flex-direction:column;gap:6px}.panel .panel-heading h2{margin:0;font-size:20px;font-weight:700;color:#312e81}.panel .panel-heading p{margin:0;color:rgba(15,23,42,.65)}.upload-area{border:2px dashed rgba(67,56,202,.35);border-radius:24px;padding:40px 24px;text-align:center;background:hsla(0,0%,100%,.8);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.upload-area .upload-icon{font-size:40px;margin-bottom:12px}.upload-area p{font-size:16px;font-weight:600;color:#312e81}.upload-area small{display:block;margin-top:8px;color:rgba(15,23,42,.65)}.upload-area:hover,.upload-area.dragover{border-color:#4338ca;box-shadow:0 18px 30px rgba(67,56,202,.2);transform:translateY(-2px)}input[type=file]{display:none}.control-group label{display:flex;flex-direction:column;gap:10px}.control-group label span{font-size:14px;font-weight:600;color:rgba(15,23,42,.65)}.control-group label input[type=range]{appearance:none;height:8px;border-radius:999px;background:rgba(67,56,202,.15);outline:none}.control-group label input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #4338ca, #312e81);box-shadow:0 12px 26px rgba(67,56,202,.3)}.control-group label input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #4338ca, #312e81);border:none}.control-group label .value{font-size:14px;font-weight:600;color:#4338ca}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-buttons button{flex:1;min-width:140px;border:none;border-radius:16px;padding:14px 16px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.action-buttons button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px rgba(67,56,202,.2)}.action-buttons button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.action-buttons #processBtn{background:linear-gradient(135deg, #4338ca, #312e81);color:#fff}.action-buttons .secondary{background:rgba(15,23,42,.06);color:#0f172a}.loading{display:none;padding:14px;border-radius:16px;background:rgba(249,115,22,.1);color:#f97316;font-weight:600;text-align:center}.stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:14px}.stat-card{background:rgba(67,56,202,.08);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.stat-card span{font-size:13px;color:rgba(15,23,42,.65)}.stat-card strong{font-size:20px;color:#312e81}.panel-preview .gallery-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}.panel-preview .gallery-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}.panel-preview .gallery-actions .limit-note{font-size:13px;color:rgba(15,23,42,.65)}.panel-preview .download-all{border:none;border-radius:16px;padding:12px 18px;background:linear-gradient(135deg, #14b8a6, #0d9488);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 18px 28px rgba(13,148,136,.25);transition:transform .2s ease,box-shadow .2s ease}.panel-preview .download-all:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 34px rgba(13,148,136,.35)}.panel-preview .download-all:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.panel-preview .result-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:18px}.panel-preview .gallery-empty{grid-column:1/-1;text-align:center;padding:42px 20px;border:2px dashed rgba(15,23,42,.08);border-radius:24px;color:rgba(15,23,42,.65);font-size:15px}.panel-preview .result-card{background:hsla(0,0%,100%,.95);border-radius:24px;border:1px solid rgba(67,56,202,.15);box-shadow:0 20px 40px rgba(99,102,241,.15);padding:16px;display:flex;flex-direction:column;gap:14px}.panel-preview .result-card__preview{position:relative;border-radius:18px;overflow:hidden;background:rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.08)}.panel-preview .result-card__preview .preview-img{width:100%;height:260px;object-fit:cover;display:block}.panel-preview .result-card__preview .preview-img.blurred{position:absolute;inset:0;width:100%;height:100%;opacity:0;clip-path:inset(0 calc(100% - var(--slider-position, 50%)) 0 0);transition:opacity .3s ease}.panel-preview .result-card__preview.slider-ready .preview-img.blurred{opacity:1}.panel-preview .result-card__preview .slider-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.panel-preview .result-card__preview .slider-handle{position:absolute;top:0;bottom:0;width:2px;background:hsla(0,0%,100%,.7);left:var(--slider-position, 50%);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.panel-preview .result-card__preview .slider-handle span{width:18px;height:18px;border-radius:50%;border:2px solid rgba(15,23,42,.35);background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.2)}.panel-preview .result-card__preview.slider-ready .slider-handle{opacity:1}.panel-preview .result-card__preview .progress-track{position:absolute;left:16px;right:16px;bottom:16px;height:6px;border-radius:999px;background:hsla(0,0%,100%,.5);overflow:hidden}.panel-preview .result-card__preview .progress-track .progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(135deg, #4338ca, #312e81);transition:width .25s ease}.panel-preview .result-card__body{display:flex;flex-direction:column;gap:10px}.panel-preview .result-card .result-name{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-preview .result-card .result-name .filename{margin:0;font-weight:600;color:#0f172a;font-size:15px}.panel-preview .result-card .result-name .status-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(67,56,202,.1);color:#312e81}.panel-preview .result-card .result-name .status-badge.success{background:rgba(20,184,166,.18);color:#0f766e}.panel-preview .result-card .result-name .status-badge.error{background:rgba(249,115,22,.15);color:#f97316}.panel-preview .result-card .result-meta{display:flex;gap:16px;font-size:13px;color:rgba(15,23,42,.65)}.panel-preview .result-card .result-meta span{display:flex;gap:4px}.panel-preview .result-card .result-meta span strong{color:#0f172a}.panel-preview .result-card .result-actions{display:flex;gap:10px;flex-wrap:wrap}.panel-preview .result-card .result-actions .btn-ghost{flex:1;min-width:120px;border:1px solid rgba(67,56,202,.25);border-radius:14px;padding:10px 12px;background:hsla(0,0%,100%,.8);color:#312e81;font-weight:600;text-align:center;cursor:pointer;transition:border-color .2s ease,color .2s ease;text-decoration:none}.panel-preview .result-card .result-actions .btn-ghost:hover:not(.disabled){border-color:#4338ca;color:#4338ca}.panel-preview .result-card .result-actions .btn-ghost.disabled,.panel-preview .result-card .result-actions .btn-ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.seo-block{background:hsla(0,0%,100%,.9);border-radius:26px;padding:28px;border:1px solid rgba(99,102,241,.15);box-shadow:0 18px 34px rgba(99,102,241,.15);display:flex;flex-direction:column;gap:18px}.seo-block .seo-heading{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.seo-block .seo-heading h2{margin:0;font-size:24px}.seo-block .seo-heading p{margin:4px 0 0;color:rgba(15,23,42,.65)}.seo-block .btn-toggle{border:none;border-radius:999px;padding:10px 18px;background:rgba(67,56,202,.1);color:#312e81;font-weight:600;cursor:pointer;transition:background .2s ease}.seo-block .btn-toggle:hover{background:rgba(67,56,202,.2)}.seo-block .seo-content{position:relative;max-height:240px;overflow:hidden;color:rgba(15,23,42,.8)}.seo-block .seo-content p{margin-bottom:12px;line-height:1.6}.seo-block .seo-content__inner{display:flex;flex-direction:column;gap:10px}.seo-block .seo-fade{position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(243, 244, 255, 0.92) 100%);pointer-events:none;transition:opacity .2s ease}.seo-block.is-expanded .seo-content{max-height:none}.seo-block.is-expanded .seo-fade{opacity:0}@media(max-width: 768px){body{padding:20px}.hero h1{font-size:32px}}@media(max-width: 540px){body{padding:16px}.panel{padding:22px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}