html,body,#root{height:100%;margin:0;background:#f7f3ef}.brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 18px;color:#fff;font-weight:600;font-size:16px;letter-spacing:.5px;white-space:nowrap;overflow:hidden}.brand small{display:block;font-weight:400;font-size:11px;opacity:.65;letter-spacing:0}.brand-logo{width:34px;height:34px;border-radius:9px;flex:none}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px!important;border-bottom:1px solid #efe7df;white-space:nowrap;overflow:hidden}.app-header .ant-tag{margin-inline-end:0}@media(max-width:1180px){.app-header .hide-narrow{display:none}}.page{padding:20px 24px 40px;max-width:1500px;margin:0 auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-title h2{margin:0;font-size:20px}.page-title .sub{color:#8c7b70;font-size:13px;margin-top:2px}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.thumb-grid.lg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.thumb{position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #ece4dc;transition:box-shadow .15s,border-color .15s}.thumb:hover{box-shadow:0 4px 14px #3a2a221f}.thumb.selected{border-color:#c8475d;box-shadow:0 0 0 2px #c8475d59}.thumb .ant-image{display:block;width:100%}.thumb .thumb-img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#faf7f4;display:block}.thumb .thumb-bar{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 8px;font-size:12px;color:#5b4a40;border-top:1px solid #f1ebe5;min-height:34px}.thumb .thumb-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb .thumb-badge{position:absolute;left:8px;top:8px;z-index:2}.thumb .thumb-check{position:absolute;right:8px;top:8px;z-index:2}.upload-box{border:1.5px dashed #d9cbbf;border-radius:10px;background:#fffaf6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8c7b70;font-size:12px;cursor:pointer;aspect-ratio:1 / 1;transition:border-color .15s,background .15s;text-align:center;padding:8px}.upload-box:hover,.upload-box.drag{border-color:#c8475d;background:#fff3f3;color:#c8475d}.ref-index{background:#3a2a22;color:#fff;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:600}.mask-stage{position:relative;background:repeating-conic-gradient(#efe9e3 0% 25%,#f8f4f0 0% 50%) 50% / 20px 20px;border-radius:10px;overflow:auto;max-height:calc(100vh - 220px);min-height:360px;border:1px solid #ece4dc}.mask-stage-inner{position:relative;margin:0 auto}.mask-stage-inner img,.mask-stage-inner canvas{position:absolute;inset:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mask-stage-inner canvas{touch-action:none}.compare{position:relative;overflow:hidden;border-radius:10px;background:#faf7f4;-webkit-user-select:none;user-select:none;cursor:ew-resize}.compare img{display:block;width:100%;height:auto}.compare .compare-top{position:absolute;inset:0}.compare .compare-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 6px #0006}.compare .compare-tag{position:absolute;top:10px;padding:2px 8px;border-radius:6px;background:#3a2a22bf;color:#fff;font-size:12px}.metric-row{display:flex;flex-wrap:wrap;gap:4px}.soft-card{background:#fff;border-radius:12px;border:1px solid #efe7df;padding:16px}.section-label{font-weight:600;color:#3a2a22;margin:4px 0 8px;display:flex;align-items:center;gap:6px}.hint{color:#8c7b70;font-size:12px}.annot-stage{position:relative;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ece4dc;border-radius:10px;overflow:hidden}.annot-stage img{display:block;width:100%;pointer-events:none}.annot-stage svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 10%,#fbe3e8 0%,transparent 60%),radial-gradient(900px 600px at 90% 90%,#efe2d4 0%,transparent 60%),#f7f3ef}