.inpaint-shell{max-width:1100px;margin:0 auto}.tool-card{background:#fff;border:1px solid #e9ecf5;border-radius:16px;box-shadow:0 10px 35px rgba(38,52,116,.07)}
.upload-drop{border:2px dashed #b8c1ef;border-radius:12px;background:#f8f9ff;padding:1.1rem}.editor-stage{position:relative;display:inline-block;max-width:100%;line-height:0;background:#20232b;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px rgba(20,27,58,.16)}
.editor-stage canvas{display:block;max-width:100%;height:auto}.editor-stage #overlayCanvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.toolbar .btn.active{color:#fff;background:#3a55f3;border-color:#3a55f3}.toolbar-divider{width:1px;height:28px;background:#d7dbea;margin:0 .15rem}
.brush-control{display:grid;grid-template-columns:150px minmax(160px,1fr) 68px;gap:1rem;align-items:center;padding:.85rem 1rem;border:1px solid #dfe3f2;border-radius:12px;background:#f7f8fd}.brush-control label span{display:block;color:#65708c;font-size:.78rem;font-weight:400}.brush-control output{color:#2338a5;background:#e7eaff;border-radius:999px;padding:.3rem .55rem;text-align:center;font-weight:700}
.brush-range{height:1.5rem;cursor:pointer}.brush-range::-webkit-slider-runnable-track{height:8px;background:#6675d8;border:1px solid #4d5bc0;border-radius:999px}.brush-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;background:#fff;border:5px solid #3048d9;box-shadow:0 1px 5px rgba(20,36,130,.4)}.brush-range::-moz-range-track{height:8px;background:#6675d8;border:1px solid #4d5bc0;border-radius:999px}.brush-range::-moz-range-thumb{width:14px;height:14px;background:#fff;border:5px solid #3048d9;box-shadow:0 1px 5px rgba(20,36,130,.4)}
.canvas-wrap{background:#f1f3f9;border-radius:12px;padding:1rem}.editor-hint{letter-spacing:.01em}.result-actions{border-top:1px solid #e7eaf3;padding-top:1rem}.history-position{color:#68728b;font-size:.9rem}
@media(max-width:700px){.brush-control{grid-template-columns:1fr 64px}.brush-control label{grid-column:1/-1}.toolbar{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:.25rem}.toolbar .btn{white-space:nowrap}.toolbar-divider{flex:0 0 1px}.main-content{padding:1rem}.canvas-wrap{padding:.5rem}.history-actions .btn,.history-actions .btn+a{flex:1 1 auto}.history-position{width:100%;text-align:center;order:3}}
