.ai-control{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background-color:var(--bg-light);padding:1rem;color:var(--text-color);border-radius:.5rem;margin-bottom:1rem}.ai-control .ai-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ai-control .ai-panel label,.ai-note{font-size:.875rem;color:var(--text-light)}.ai-control .ai-panel select,.ai-control .tab-btn{background:#fff;border:.0625rem solid var(--border-color);border-radius:.375rem;cursor:pointer}.ai-control .ai-panel select{padding:.375rem .5rem;font-size:.875rem;outline:0;width:6rem}.ai-control .ai-panel input{width:6rem;cursor:pointer}.ai-control .ai-panel input[type=range]{accent-color:#4caf50}.ai-control .tab-btn{padding:.425rem 1rem;font-size:.75rem;text-align:center;white-space:nowrap;flex:1}.ai-control .tab-btn.btn-ai-reset{background-color:#eef2f6}.ai-control .tab-btn.btn-ai-download{background-color:#34a873;color:#fff}.ai-note{font-size:.75rem;margin-bottom:1rem}.ai-note p{margin-bottom:.5rem}.ai-note p:last-child{margin-bottom:0}.ai-note p a{color:var(--primary-color)}.ai-note p code{color:var(--accent-color)}.ai-image-box,.ai-tab-buttons{display:flex;align-items:center;justify-content:center}.ai-tab-buttons{flex-wrap:wrap;gap:1rem;padding:1rem 0;margin-bottom:1rem}.ai-tab-buttons .tab-btn{flex:1;padding:.75rem 1rem;background:#fff;border:.0625rem solid var(--border-color);border-radius:.5rem;font-size:.875rem;cursor:pointer;text-align:center;white-space:nowrap}.ai-tab-buttons .tab-btn.btn-ai-start{background-color:var(--primary-color);color:#fff}.ai-tab-buttons .tab-btn.btn-ai-reset{background-color:#eef2f6}.ai-tab-buttons .tab-btn.btn-ai-download{background-color:#34a873;color:#fff}.ai-image-box{background-color:var(--bg-light);padding:1.5rem;border-radius:.5rem;position:relative;margin-bottom:2rem}.ai-image-box .canvas-wrapper{width:100%;height:100%;max-width:100%;overflow:hidden;text-align:center}.ai-image-box .canvas-wrapper canvas{max-width:100%!important;height:auto!important}.ai-image-box .canvas-wrapper canvas.crosshair{cursor:crosshair}.ai-image-box .canvas-wrapper canvas.grabbing{cursor:grabbing}.ai-image-box .ai-score-tip,.ai-image-box .ai-tip{position:absolute;top:0;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.ai-image-box .ai-tip{z-index:1;left:0;background:#ff4500;color:#fff;animation:blink 1s infinite}.ai-image-box .ai-score-tip{left:50%;transform:translate(-50%,-50%);background:#fff;color:var(--text-color)}button:disabled{opacity:.5!important;cursor:not-allowed!important;border-color:var(--border-color)!important}.ai-image-box .cutout-container{position:relative;overflow:hidden;cursor:pointer;background-size:100% 100%;background-position:center;background-repeat:no-repeat;width:100%;max-width:100%;max-height:100%}.ai-image-box .cutout-container canvas{position:absolute;width:100%;height:100%;pointer-events:none;opacity:.6}.ai-image-box .cutout-container .icon{height:1rem;width:1rem;position:absolute;transform:translate(-50%,-50%)}@media (max-width:768px){.ai-control{grid-template-columns:1fr}.ai-control .ai-panel input,.ai-control .ai-panel select{flex:1}}