.face-blur-workflow{gap:clamp(1.25rem,3vw,2.2rem);display:grid}#face-blur-shape{color:#07183c;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #cbdaf0;border-radius:12px;padding:.7rem}.face-blur-upload{text-align:center;justify-items:center;gap:.8rem;min-height:390px;padding:clamp(2rem,6vw,4.5rem) 1rem;display:grid}.face-blur-upload-icon{color:#7044e8;background:#f1ecff;border-radius:24px;place-items:center;width:82px;height:82px;font-size:2.75rem;display:grid}.face-blur-upload h2,.face-blur-upload p,.face-blur-upload small{margin:0}.face-blur-upload p{color:#61769a}.face-blur-upload small{color:#51698f}.face-blur-editor{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:1.25rem;display:grid}.face-blur-source,.face-blur-settings,.face-blur-result{background:#fbfdff;border:1px solid #d8e4f5;border-radius:24px;padding:clamp(1.1rem,2.7vw,2rem)}.face-blur-canvas-wrap,.face-blur-result-preview{background-color:#edf4ff;background-image:linear-gradient(45deg,#dce8f8 25%,#0000 25%),linear-gradient(-45deg,#dce8f8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce8f8 75%),linear-gradient(-45deg,#0000 75%,#dce8f8 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #cbdaf0;border-radius:18px;place-items:center;min-height:360px;margin-top:1rem;display:grid;overflow:hidden}.face-blur-canvas-wrap canvas{touch-action:none;cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:620px;display:block}.face-blur-result-preview img{object-fit:contain;width:100%;height:100%;max-height:620px;display:block}.face-blur-file-info{overflow-wrap:anywhere;color:#53698f;margin:.75rem 0 0;font-size:.9rem}.face-blur-settings{align-self:start}.face-blur-settings h2{margin:.25rem 0 1rem}.face-blur-draw-hint{color:#513a92;background:#f1ecff;border-radius:14px;gap:.55rem;margin:0 0 1.1rem;padding:.85rem 1rem;line-height:1.55;display:flex}.face-blur-draw-hint i{color:#7044e8;margin-top:.15rem}.face-blur-range-label{justify-content:space-between;align-items:center;gap:1rem;font-weight:800;display:flex}.face-blur-range-label output{color:#7044e8}.face-blur-settings input[type=range]{accent-color:#7044e8;width:100%;min-height:44px;margin:.25rem 0 .7rem}.face-blur-coordinates{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;display:grid}.face-blur-coordinates legend{color:#0b204c;grid-column:1/-1;margin-bottom:.55rem;font-weight:900}.face-blur-coordinates label{color:#53698f;gap:.35rem;font-size:.82rem;font-weight:800;display:grid}.face-blur-coordinates input{color:#07183c;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #cbdaf0;border-radius:12px;padding:.7rem .8rem;font-weight:750}.face-blur-region-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.85rem;display:grid}.face-blur-region-actions button{min-height:48px;padding:.65rem .75rem}.danger-action{color:#a2304b}.face-blur-region-list{background:#f5f8ff;border:1px dashed #cbdaf0;border-radius:14px;flex-wrap:wrap;gap:.5rem;min-height:46px;margin-top:.85rem;padding:.6rem;display:flex}.face-blur-region-list button{color:#40577f;min-height:34px;font:inherit;background:#fff;border:1px solid #c9d8ef;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:800}.face-blur-region-list button[aria-pressed=true]{color:#fff;background:#7044e8;border-color:#7044e8}.face-blur-settings>.primary-action{width:100%;margin-top:1rem}.face-blur-result{gap:1rem;display:grid}.face-blur-result h2,.face-blur-result p{margin:.25rem 0}.face-blur-result .audio-result-actions{flex-wrap:wrap;gap:.75rem;display:flex}.face-blur-result .audio-result-actions>*{flex:220px}@media (width<=920px){.face-blur-editor{grid-template-columns:1fr}.face-blur-canvas-wrap{min-height:300px}}@media (width<=620px){.face-blur-upload{min-height:330px}.face-blur-source,.face-blur-settings,.face-blur-result{border-radius:18px;padding:1rem}.face-blur-canvas-wrap,.face-blur-result-preview{min-height:240px}.face-blur-coordinates{grid-template-columns:1fr 1fr}.face-blur-region-actions{grid-template-columns:1fr}.face-blur-result .audio-result-actions{display:grid}.face-blur-result .audio-result-actions>*{width:100%}}