.editor-toolbar{height:42px;display:flex;align-items:center;gap:6px;background:#102a43;padding:0 8px;color:#d7e1e7}.editor-toolbar button{height:29px;border:1px solid #496379;background:#183e58;color:#fff;padding:0 10px;cursor:pointer}.editor-toolbar button.active{background:#c69733;color:#102a43}.editor-toolbar span{margin-left:auto;font-size:11px}.photo-stage{min-height:500px!important;background-color:#252d32!important;background-image:linear-gradient(45deg,#2c353a 25%,transparent 25%),linear-gradient(-45deg,#2c353a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2c353a 75%),linear-gradient(-45deg,transparent 75%,#2c353a 75%)!important;background-size:18px 18px!important;background-position:0 0,0 9px,9px -9px,-9px 0!important;padding:28px!important}.photo-frame{width:320px!important;height:auto!important;aspect-ratio:3/4;cursor:grab;touch-action:none;box-shadow:0 12px 34px #0009!important}.photo-frame.dragging{cursor:grabbing}.photo-frame img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform-origin:center;user-select:none}.selection{position:absolute;z-index:5;left:20%;top:25%;width:55%;height:45%;border:1px solid #fff;outline:500px solid #0006;pointer-events:none}.selection:before,.selection:after{content:"";position:absolute;width:8px;height:8px;background:#c69733}.selection:before{left:-4px;top:-4px}.selection:after{right:-4px;bottom:-4px}.rules-panel label{margin-top:12px!important}.rules-panel textarea,.rules-panel select{border:1px solid #bdcbd4;padding:8px;font:inherit}.gender-guide{font-size:11px;line-height:1.45;color:#536d7d;background:#eef4f6;padding:9px}@media(max-width:760px){.editor-toolbar span{display:none}.photo-stage{min-height:420px!important}.photo-frame{width:min(300px,90%)!important}}
.detection-status{color:#d5e0e6;background:#151c20;padding:8px 10px;font-size:11px;text-align:center}.landmark{position:absolute;z-index:8;width:15px;height:15px;padding:0;border:2px solid #fff;border-radius:50%;background:#d39d2f;box-shadow:0 1px 5px #000;transform:translate(-50%,-50%);cursor:move}.landmark:after{content:attr(aria-label);position:absolute;left:11px;top:-7px;color:#fff;background:#102a43cc;font-size:8px;white-space:nowrap;padding:2px 4px;pointer-events:none}.auto-align{display:block;width:100%;border:0;background:#c69733;color:#102a43;padding:9px;font-weight:800;cursor:pointer}.ai-button:disabled{background:#98a5ad;cursor:not-allowed}.ai-blocked{color:#9d372e!important;background:#fff0ed;padding:8px}.landmark[data-point=head]{left:50%;top:13%}.landmark[data-point=leftEye]{left:40%;top:42%}.landmark[data-point=rightEye]{left:60%;top:42%}.landmark[data-point=nose]{left:50%;top:54%}.landmark[data-point=mouth]{left:50%;top:66%}.landmark[data-point=chin]{left:50%;top:78%}
@media(max-width:760px){body{padding-bottom:env(safe-area-inset-bottom)}.main-card{border-radius:12px}.actions{position:sticky;bottom:0;z-index:12;background:#fff;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dce4e8}.actions .primary{min-width:52%}.standard-card{min-height:92px}.landmark{width:18px;height:18px}.landmark:after{display:none}}
#brushCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.brush-active #brushCanvas{pointer-events:auto;cursor:crosshair}.brush-active .landmark,.brush-active .guide{display:none}.editor-toolbar{overflow-x:auto;white-space:nowrap}.editor-toolbar button{flex:0 0 auto}.processing-ring{display:inline-block;width:11px;height:11px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:5px}@keyframes spin{to{transform:rotate(360deg)}}