@dssp/supervision 1.0.17 → 1.0.19

package/dist-client/pages/building-inspection/building-inspection-detail-ai-defect.js

@@ -9,6 +9,7 @@ import { customElement, state } from 'lit/decorators.js';
 import { PageView } from '@operato/shell';
 import { CommonGristStyles, ScrollbarStyles } from '@operato/styles';
 import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
 import './component/building-inspection-detail-header';
 let BuildingInspectionAiDefect = class BuildingInspectionAiDefect extends PageView {
     constructor() {
@@ -90,6 +91,12 @@ let BuildingInspectionAiDefect = class BuildingInspectionAiDefect extends PageVi
         if (response.errors)
             return;
         this.buildingInspection = response.data.buildingInspection;
+        // 삭제(soft delete)됐거나 다른 projectType의 검측이면 서버가 null을 준다.
+        // 그대로 진행하면 뒤 쿼리에 undefined가 실려 GraphQL 에러가 난다.
+        if (!this.buildingInspection) {
+            notify({ message: '삭제되었거나 접근할 수 없는 검측입니다.', level: 'warn' });
+            return;
+        }
         await this._getProjectByBuildingComplexId((_d = (_c = (_b = (_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.buildingLevel) === null || _b === void 0 ? void 0 : _b.building) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.id);
     }
     async _getProjectByBuildingComplexId(buildingComplexId) {

package/dist-client/pages/building-inspection/building-inspection-detail-ai-defect.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-detail-ai-defect.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-ai-defect.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-switch.js'\nimport '@operato/mini-map/ox-zoomable-image.js'\nimport '@material/web/progress/circular-progress.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\n\nimport './component/building-inspection-detail-header'\n\n@customElement('building-inspection-detail-ai-defect')\nexport class BuildingInspectionAiDefect extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px 1fr;\n        color: #4e5055;\n        width: 100%;\n        height: 100%;\n        background-color: #f7f7f7;\n      }\n\n      div[body] {\n        display: flex;\n        justify-items: center;\n        gap: var(--spacing-medium);\n        margin: var(--spacing-medium);\n        min-height: 0;\n      }\n\n      div[preview] {\n        flex: 1;\n        border: 2px solid #ddd;\n        border-radius: 10px;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      div[preview] video {\n        flex: 1;\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - AI 하자 분석'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n        .projectId=${this.project.id}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <div preview>\n          <video src=\"/attachment/21e53688-5262-4fae-961a-591db7114b75.mp4\" controls playsinline></video>\n        </div>\n      </div>\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              id\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-detail-ai-defect.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-ai-defect.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-switch.js'\nimport '@operato/mini-map/ox-zoomable-image.js'\nimport '@material/web/progress/circular-progress.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\n\nimport './component/building-inspection-detail-header'\n\n@customElement('building-inspection-detail-ai-defect')\nexport class BuildingInspectionAiDefect extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px 1fr;\n        color: #4e5055;\n        width: 100%;\n        height: 100%;\n        background-color: #f7f7f7;\n      }\n\n      div[body] {\n        display: flex;\n        justify-items: center;\n        gap: var(--spacing-medium);\n        margin: var(--spacing-medium);\n        min-height: 0;\n      }\n\n      div[preview] {\n        flex: 1;\n        border: 2px solid #ddd;\n        border-radius: 10px;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      div[preview] video {\n        flex: 1;\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - AI 하자 분석'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n        .projectId=${this.project.id}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <div preview>\n          <video src=\"/attachment/21e53688-5262-4fae-961a-591db7114b75.mp4\" controls playsinline></video>\n        </div>\n      </div>\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              id\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    // 삭제(soft delete)됐거나 다른 projectType의 검측이면 서버가 null을 준다.\n    // 그대로 진행하면 뒤 쿼리에 undefined가 실려 GraphQL 에러가 난다.\n    if (!this.buildingInspection) {\n      notify({ message: '삭제되었거나 접근할 수 없는 검측입니다.', level: 'warn' })\n      return\n    }\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n}\n"]}

package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.d.ts

@@ -41,6 +41,7 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     setPickerFor: number | null;
     recentSets: any[];
     recentLoading: boolean;
+    private autoAttachSince;
     expandedReportId: string | null;
     measureSetIndex: number;
     measureInputs: Record<string, string>;
@@ -66,7 +67,9 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     private setInputEl;
     private pendingSetIndex;
     private objectUrls;
+    private _onVisible;
     connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
     get context(): {
         title: string;
     };
@@ -96,6 +99,10 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     private _callMeasure;
     private _fetchMeasureImage;
     private _loadShotGuide;
+    private _shotTag;
+    private _shotTechnique;
+    private _shotAppLink;
+    private _autoAttachTaggedSets;
     private _renderSetChooser;
     private _loadRecentSets;
     private _openSetChooser;

package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.js

@@ -82,6 +82,7 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         this.setPickerFor = null; // 세트 고르는 중인 촬영 번호 (-1 = 재촬영)
         this.recentSets = []; // 측정 서버에 올라온 최근 세트 (앱이 촬영 직후 자동 전송)
         this.recentLoading = false;
+        this.autoAttachSince = 0; // 이 시각(초) 이후 업로드된 세트만 자동 등록
         this.expandedReportId = null; // 종합 리포트에서 펼친 항목(아코디언)
         /* 측정 패널 상태 */
         this.measureSetIndex = 0;
@@ -101,6 +102,11 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         /* 세트 업로드 대상: 촬영 건 인덱스(가이드 화면) 또는 -1(재촬영 패널) */
         this.pendingSetIndex = null;
         this.objectUrls = []; // 페이지 이탈 시 정리할 blob URL들
+        /* 촬영 앱에 다녀온 뒤 화면이 다시 보이면 올라온 세트를 찾아 자동 등록한다 */
+        this._onVisible = () => {
+            if (document.visibilityState === 'visible' && this.guide && !this.result)
+                this._autoAttachTaggedSets();
+        };
         this._openReport = () => {
             this.panel = 'report';
             this.selectedItem = null;
@@ -129,9 +135,14 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
     }
     async connectedCallback() {
         super.connectedCallback();
+        document.addEventListener('visibilitychange', this._onVisible);
         this.canMutate = await canDcspMutate();
         this.updateContext();
     }
+    disconnectedCallback() {
+        document.removeEventListener('visibilitychange', this._onVisible);
+        super.disconnectedCallback();
+    }
     get context() {
         return {
             title: '검측 관리 상세 - AI 자동 검측'
@@ -174,14 +185,10 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         ${this.result ? this._renderResult() : this._renderGuide()}
       </div>
 
-      <!-- 세트 파일 선택: video.mov/poses.jsonl/meta.json 3개 멀티선택 또는 zip 1개 -->
-      <input
-        id="setInput"
-        type="file"
-        accept=".mov,.jsonl,.json,.zip,video/quicktime"
-        multiple
-        @change=${this._onSetFilesSelected}
-      />
+      <!-- 세트 파일 선택: video.mov/poses.jsonl/meta.json 3개 멀티선택 또는 zip 1개.
+           accept을 두지 않는다 — iOS는 확장자를 UTI로 바꿔 거르는데 .jsonl은 매핑이 없어
+           파일 앱에서 poses.jsonl이 비활성으로 보인다. 파일명 검증은 아래 핸들러가 한다. -->
+      <input id="setInput" type="file" multiple @change=${this._onSetFilesSelected} />
 
       ${this.loading
             ? html `
@@ -232,11 +239,6 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             <span>${uploaded} / ${total}</span>
           </div>
           <div class="progress-bar"><div style="width: ${total ? (uploaded / total) * 100 : 0}%"></div></div>
-          <div class="app-links">
-            <span>촬영 앱 열기</span>
-            <a href=${appCaptureLink('cover')}>철근 배근 길이</a>
-            <a href=${appCaptureLink('thick')}>벽·기둥 두께</a>
-          </div>
           ${shots.map((s, i) => {
             const set = this.sets[i];
             return html `
@@ -245,9 +247,8 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
                 <div class="set-main">
                   <b>촬영 ${s.shot_no || i + 1} · ${s.target}</b>
                   ${set
-                ? html `세트 업로드 완료${set.technique ? ` (${set.technique})` : ''}
-                        ${set.warnings.map(w => html `<div class="set-warn">⚠ ${w}</div>`)}`
-                : html `탭해서 앱으로 촬영한 세트를 선택 (또는 파일 직접 선택)`}
+                ? html `세트 연결 완료 (${set.setId}) ${set.warnings.map(w => html `<div class="set-warn">⚠ ${w}</div>`)}`
+                : html `「앱으로 촬영」을 누르면 촬영 후 이 칸에 자동 등록됩니다 · 탭하면 직접 선택`}
                 </div>
                 ${set
                 ? html `<button
@@ -259,7 +260,9 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
                       >
                         교체
                       </button>`
-                : ''}
+                : html `<a class="shoot-link" href=${this._shotAppLink(s, i)} @click=${(e) => e.stopPropagation()}>
+                        <md-icon>photo_camera</md-icon>앱으로 촬영
+                      </a>`}
               </div>
               ${this.setPickerFor === i ? this._renderSetChooser(i) : ''}
             `;
@@ -504,9 +507,8 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
               `
             : ''}
         <div class="app-links">
-          <span>촬영 앱 열기</span>
-          <a href=${appCaptureLink('cover')}>철근 배근 길이</a>
-          <a href=${appCaptureLink('thick')}>벽·기둥 두께</a>
+          <span>앱으로 재촬영</span>
+          <a href=${`${appCaptureLink(this._shotTechnique(shot))}&set=${encodeURIComponent(this._shotTag(0))}`}> 촬영 시작 </a>
         </div>
         <div class="set-card" ?uploaded=${!!this.recaptureSet} @click=${() => this._openSetChooser(-1)}>
           <md-icon>${this.recaptureSet ? 'check_circle' : 'video_file'}</md-icon>
@@ -766,6 +768,12 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         if (response.errors)
             return;
         this.buildingInspection = response.data.buildingInspection;
+        // 삭제(soft delete)됐거나 다른 projectType의 검측이면 서버가 null을 준다.
+        // 그대로 진행하면 뒤 쿼리에 undefined가 실려 GraphQL 에러가 난다.
+        if (!this.buildingInspection) {
+            notify({ message: '삭제되었거나 접근할 수 없는 검측입니다.', level: 'warn' });
+            return;
+        }
         await this._getProjectByBuildingComplexId((_d = (_c = (_b = (_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.buildingLevel) === null || _b === void 0 ? void 0 : _b.building) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.id);
     }
     async _getProjectByBuildingComplexId(buildingComplexId) {
@@ -836,6 +844,9 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             this.loadingText = 'AI 촬영 가이드 생성 중...';
             this.guide = await this._callEngine({ action: 'plan-shots', checklist });
             this.sets = new Array((((_a = this.guide) === null || _a === void 0 ? void 0 : _a.shots) || []).length).fill(null);
+            // 자동 등록 기준 시각 — 이 시점 이후 올라온 세트만 자동으로 붙인다.
+            // (예전 테스트 세트가 태그만 같다고 채워지면 "찍지도 않았는데 완료"로 보인다)
+            this.autoAttachSince = Date.now() / 1000;
         }
         catch (error) {
             console.error('촬영 가이드 생성 실패:', error);
@@ -845,6 +856,48 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             this.loading = false;
         }
     }
+    /* 촬영 칸마다 고유 태그 — 앱에 부재 ID로 넘겨 두면, 올라온 세트의 member_id로
+       "어느 촬영 칸의 것인지" 되찾을 수 있다 (앱↔플랫폼 왕복에 식별자가 없어서 쓰는 방법) */
+    _shotTag(shotNo) {
+        return `${(this.buildingInspectionId || 'ins').replace(/-/g, '').slice(0, 6)}-${shotNo}`;
+    }
+    /* 촬영 지시문에서 기술 추론 — 앱의 촬영 안내만 달라진다(측정은 meta.technique를 안 봄) */
+    _shotTechnique(shot) {
+        const text = `${(shot === null || shot === void 0 ? void 0 : shot.target) || ''} ${(shot === null || shot === void 0 ? void 0 : shot.how) || ''}`;
+        if (/두께|콘크리트\s*면|거푸집|탈형|벽체\s*면/.test(text))
+            return 'thick';
+        return 'cover';
+    }
+    _shotAppLink(shot, index) {
+        const tag = this._shotTag((shot === null || shot === void 0 ? void 0 : shot.shot_no) || index + 1);
+        return `${appCaptureLink(this._shotTechnique(shot))}&set=${encodeURIComponent(tag)}`;
+    }
+    /* 앱에서 촬영하고 돌아오면 태그로 찾아 해당 촬영 칸에 자동 등록 */
+    async _autoAttachTaggedSets() {
+        var _a, _b;
+        if (!((_b = (_a = this.guide) === null || _a === void 0 ? void 0 : _a.shots) === null || _b === void 0 ? void 0 : _b.length))
+            return;
+        await this._loadRecentSets();
+        const used = new Set(this.uploadedSets.map(s => s.setId));
+        const attached = [];
+        const next = [...this.sets];
+        this.guide.shots.forEach((shot, i) => {
+            if (next[i])
+                return;
+            const tag = this._shotTag((shot === null || shot === void 0 ? void 0 : shot.shot_no) || i + 1);
+            // 이 화면을 연 뒤에 올라온 것만 — 예전 세트는 목록에서 직접 고르게 둔다
+            const hit = this.recentSets.find(s => s.member_id === tag && !used.has(s.set_id) && (s.uploaded_at || 0) >= this.autoAttachSince);
+            if (!hit)
+                return;
+            used.add(hit.set_id);
+            next[i] = { setId: hit.set_id, technique: hit.technique, label: `세트 ${hit.set_id}`, warnings: [] };
+            attached.push((shot === null || shot === void 0 ? void 0 : shot.shot_no) || i + 1);
+        });
+        if (attached.length) {
+            this.sets = next;
+            notify({ message: `촬영 ${attached.join('·')} 세트를 자동으로 등록했습니다.` });
+        }
+    }
     /* 세트 선택 목록 — 앱이 올린 최근 세트 + 파일 직접 선택 폴백 */
     _renderSetChooser(index) {
         return html `
@@ -861,7 +914,9 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
                       </span>
                     </button>
                   `)
-                : html `<div class="chooser-empty">앱에서 올린 세트가 없습니다. 앱으로 촬영하거나 파일을 직접 선택하세요.</div>`}
+                : html `<div class="chooser-empty">
+                  올라온 세트가 없습니다. 카드의 「앱으로 촬영」으로 찍으면 여기에 나타납니다.
+                </div>`}
         <div class="chooser-actions">
           <button class="text-button" @click=${() => this._loadRecentSets()}>새로고침</button>
           <button class="text-button" @click=${() => this._openSetPicker(index)}>파일 직접 선택</button>
@@ -1543,6 +1598,26 @@ BuildingInspectionAiMeasurement.styles = [
         color: #777;
       }
 
+      /* 촬영 칸의 「앱으로 촬영」 */
+      .shoot-link {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        flex-shrink: 0;
+        padding: 7px 12px;
+        border-radius: 999px;
+        background: #7d2f2f;
+        color: #fff;
+        font-size: 12px;
+        font-weight: 600;
+        text-decoration: none;
+      }
+
+      .shoot-link md-icon {
+        --md-icon-size: 16px;
+        color: #fff;
+      }
+
       .app-links a {
         display: inline-flex;
         align-items: center;
@@ -1604,6 +1679,11 @@ BuildingInspectionAiMeasurement.styles = [
         padding-top: 4px;
       }
 
+      .set-chooser .app-links {
+        border-top: 1px solid #f0f0f0;
+        padding: 8px 4px 6px;
+      }
+
       /* 세트 업로드 카드 */
       .set-card {
         display: flex;