.face-editor{color:#263637;background:#fff;min-width:0}.face-heading{border-bottom:1px solid #e3e7e9;padding:20px 24px 14px}.face-heading h2{margin:12px 0 5px;font-size:20px;font-weight:650}.face-heading p,.face-settings p{color:#677d7e;font-size:13px;line-height:1.7}.face-tools{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px;display:flex}.face-tools button,.face-settings>button,.face-heading button,.face-hint button{min-height:40px}.face-toggle{background:#eef2f2;border-radius:10px;margin-left:auto;padding:3px;display:flex}.face-stage{background:#222d2e;padding:20px 0;position:relative}.face-stage svg{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.face-box{fill:#0000;stroke:#69dfcf;stroke-width:2px;cursor:move}.face-box.selected{stroke:#fff;stroke-width:3px}:is(.face-box:focus-visible,.face-handle:focus-visible){stroke:#ffd067;stroke-width:4px;outline:none}.face-handle{fill:#0b807a;fill-opacity:.75;stroke:#fff;stroke-width:2px;cursor:crosshair}.face-rendering{color:#fff;pointer-events:none;background:#263637dd;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:12px}.face-settings{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.face-count{font-weight:600}.face-count strong{background:#eef2f2;border-radius:6px;margin-left:10px;padding:2px 9px;display:inline-block}.face-strength{flex-direction:column;gap:10px;width:min(100%,320px);font-size:14px;display:flex}.face-strength input{accent-color:#0b807a;width:100%;min-height:32px}.face-tags{flex-wrap:wrap;gap:8px;display:flex}.face-tag{border:1px solid #d7e4e3;border-radius:10px;display:flex;overflow:hidden}.face-tag button{min-height:42px}.face-tag button+button{border-left:1px solid #d7e4e3;border-radius:0}.face-hint{background:#eff8f6;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;font-size:13px;display:flex}@media (max-width:700px){.face-heading,.face-settings{padding:16px}.face-tools,.face-hint{padding:12px 16px}.face-toggle{margin-left:0}.face-stage{padding:12px 0}.face-tools{gap:8px}.face-heading p{font-size:12px}}.face-viewport{overscroll-behavior:contain;width:100%;height:clamp(280px,60vh,600px);overflow:auto}.face-plane{position:relative}.face-stage .face-plane svg{max-width:none;display:block;position:absolute}.face-zoom{color:#fff;background:#243733;border:1px solid #627d78;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:max-content;margin:12px 16px 0 auto;padding:4px;display:flex}.face-zoom button{color:#fff;min-width:40px;min-height:40px}.face-zoom button:hover{background:#3c5550}.face-zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-size:14px}.face-finish{border-top:1px solid #d7e4e3;gap:12px;width:100%;padding-top:16px;display:grid}.face-finish button{white-space:normal;height:auto;min-height:48px}.face-photo-actions{border-bottom:1px solid #d7e4e3;gap:12px;width:100%;padding-bottom:16px;display:grid}.face-photo-actions h3{font-size:16px;font-weight:650}.face-photo-actions>div{flex-wrap:wrap;gap:10px;display:flex}.face-photo-actions button{min-height:44px}.face-batch-detect{width:100%}.face-editor .preview-batch-action{justify-content:stretch}