.feedback-page{flex:1;min-height:0;overflow:auto;padding:1.25rem 1.5rem 2.5rem;background:#f1f5f9}.feedback-page-head{margin-bottom:1.25rem}.feedback-page-head h2{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.feedback-page-sub{margin:0;font-size:.9375rem;color:#475569;line-height:1.5}.feedback-alerts{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.feedback-alert{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;border-radius:10px;font-size:.875rem}.feedback-alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.feedback-alert.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.feedback-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0f;padding:1.125rem 1.25rem 1.25rem;margin-bottom:1.25rem}.feedback-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.feedback-card-head h3{margin:0;font-size:1.0625rem;font-weight:700;color:#0f172a}.feedback-icon{font-size:1.125rem;line-height:1}.feedback-count{font-weight:600;color:#64748b;font-size:.9375rem}.feedback-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem}@media(max-width:900px){.feedback-compose-grid{grid-template-columns:1fr}}.feedback-compose-col{display:flex;flex-direction:column;gap:.875rem;min-width:0}.feedback-field{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:600;color:#334155}.feedback-field-row{display:grid;grid-template-columns:minmax(7.5rem,.9fr) minmax(0,1.1fr);gap:.75rem;align-items:end}@media(max-width:640px){.feedback-field-row{grid-template-columns:1fr}}.feedback-field em{color:#dc2626;font-style:normal}.feedback-field input,.feedback-field textarea,.feedback-field select{font:inherit;font-weight:400;font-size:.875rem;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem .7rem;background:#fff;outline:none;width:100%}.feedback-field select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.feedback-field input:focus,.feedback-field textarea:focus,.feedback-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.feedback-field textarea{resize:vertical;min-height:220px;line-height:1.55}.feedback-body-field{height:100%}.feedback-body-field textarea{flex:1;min-height:280px}.feedback-attach-box{border:1px solid #e2e8f0;border-radius:10px;padding:.75rem;background:#f8fafc;display:flex;flex-direction:column;gap:.65rem}.feedback-attach-label{font-size:.8125rem;font-weight:600;color:#334155}.feedback-dropzone{position:relative;border:1.5px dashed #94a3b8;border-radius:10px;background:#fff;min-height:88px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.feedback-dropzone:hover{border-color:#2563eb;background:#f8fafc}.feedback-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.feedback-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none;padding:.75rem;text-align:center;font-size:.8125rem}.feedback-dropzone-btn{display:inline-block;padding:.35rem .75rem;border-radius:8px;background:#e2e8f0;color:#0f172a;font-weight:600;font-size:.8125rem}.feedback-file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.feedback-file-list li{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.35rem .5rem}.feedback-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#0f172a}.feedback-file-remove{padding:.15rem .4rem!important;font-size:.75rem!important}.feedback-attach-memo{margin-top:.15rem}.feedback-compose-actions{display:flex;justify-content:flex-end;margin-top:1.1rem;padding-top:.25rem}.feedback-compose-actions .primary{min-width:7.5rem}.feedback-list-hint{margin:-.35rem 0 .85rem;font-size:.8125rem;line-height:1.45}.feedback-empty{margin:.5rem 0 .25rem;font-size:.875rem;text-align:center;padding:1.5rem 1rem}.feedback-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.feedback-row{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.feedback-row.open{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.feedback-row.is-done{background:#f8fafc}.feedback-row-main{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem .85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.feedback-row-main:hover{background:#f8fafc}.feedback-chevron{flex-shrink:0;width:1rem;text-align:center;color:#64748b;font-size:.75rem;margin-top:.3rem}.feedback-row-body{flex:1;min-width:0}.feedback-row-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem}.feedback-row-title{font-size:.9375rem;font-weight:700;color:#0f172a}.feedback-author{font-size:.8125rem;color:#64748b}.feedback-dev-area{font-size:.75rem;font-weight:600;color:#0f766e;background:#ccfbf1;border-radius:999px;padding:.1rem .5rem;line-height:1.4}.feedback-status-badge{border:none;border-radius:999px;padding:.15rem .55rem;font-size:.6875rem;font-weight:700;letter-spacing:.01em;cursor:pointer;line-height:1.4}.feedback-status-badge.before{background:#e2e8f0;color:#334155}.feedback-status-badge.done{background:#99f6e4;color:#0f766e}.feedback-status-badge:hover{filter:brightness(.97);outline:1px solid rgb(15 23 42 / .12)}.feedback-row-meta{margin-top:.25rem;font-size:.75rem;display:flex;flex-wrap:wrap;gap:.35rem}.feedback-row-summary{margin:.35rem 0 0;font-size:.8125rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-row-actions{display:flex;flex-shrink:0;align-items:center;gap:.35rem;margin-top:.1rem}.feedback-row-actions button{font-size:.75rem!important;padding:.3rem .55rem!important}.feedback-row-actions .danger{color:#b91c1c!important;border-color:#fecaca!important}.feedback-row-actions .danger:hover{background:#fef2f2!important}.feedback-row-detail{border-top:1px solid #e2e8f0;padding:.9rem 1rem 1rem 2rem;background:#fafbfc}.feedback-detail-body{white-space:pre-wrap;word-break:break-word;font-size:.875rem;line-height:1.6;color:#0f172a}.feedback-detail-memo{margin:.75rem 0 0;font-size:.8125rem;color:#475569}.feedback-detail-memo strong{color:#334155;margin-right:.35rem}.feedback-detail-files{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.feedback-detail-files li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8125rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.4rem .65rem}.feedback-detail-files a{color:#2563eb;font-weight:600;text-decoration:none}.feedback-detail-files a:hover{text-decoration:underline}.feedback-edit-form{display:flex;flex-direction:column;gap:.75rem}.feedback-edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.muted{color:#64748b}.app.app-page-feedback{overflow:hidden}.app.app-page-feedback .layout-feedback{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.header-nav{display:inline-flex;align-items:center;gap:.25rem;margin-right:.35rem;margin-left:.15rem;padding:.15rem;border-radius:10px;background:#1e293b;border:1px solid #334155}.header-nav button{border:none;background:transparent;color:#94a3b8;border-radius:8px;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;cursor:pointer}.header-nav button.active{background:#2563eb;color:#fff}.header-nav button:hover:not(.active){color:#e2e8f0;background:#334155}.feedback-kind-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem;padding:.5rem .6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.feedback-kind-row label{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;color:#475569;cursor:pointer;padding:.25rem .6rem;border:1px solid transparent;border-radius:6px;-webkit-user-select:none;user-select:none}.feedback-kind-row label:hover{background:#f1f5f9}.feedback-kind-row label.checked{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1}.feedback-kind-row input[type=checkbox]{accent-color:#0ea5e9;width:.95rem;height:.95rem}.feedback-kind-hint{font-size:.75rem;margin-left:.25rem}.feedback-kind-badge{font-size:.6875rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;color:#fff;flex-shrink:0}.feedback-kind-badge.question{background:#7c3aed}.feedback-kind-badge.dev{background:#0f766e}.feedback-llm-badge{font-size:.6875rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:#f59e0b;color:#fff;flex-shrink:0}.feedback-llm-badge.remote{background:#dc2626}.fb-thread-section{margin-top:1rem;padding-top:.75rem;border-top:1px dashed #cbd5e1}.fb-thread-title{font-size:.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;display:flex;gap:.5rem;align-items:center}.fb-thread-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.fb-thread-children{list-style:none;margin:.5rem 0 0;padding-left:1.1rem;border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.fb-thread-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem .65rem}.fb-thread-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}.fb-thread-kind{font-size:.6875rem;font-weight:700;padding:.05rem .4rem;border-radius:999px;color:#fff}.fb-thread-kind.kind-question{background:#7c3aed}.fb-thread-kind.kind-reply{background:#475569}.fb-thread-kind.kind-approval_request{background:#b45309}.fb-thread-kind.kind-llm_reply{background:#0891b2}.fb-thread-llm{font-size:.6875rem;font-weight:600;padding:.05rem .4rem;border-radius:999px;background:#dc2626;color:#fff}.fb-thread-author{font-size:.75rem;font-weight:600;color:#0f172a}.fb-thread-time{font-size:.6875rem}.fb-thread-status{font-size:.6875rem;font-weight:700;padding:.05rem .4rem;border-radius:999px}.fb-thread-status.status-pending{background:#fef3c7;color:#92400e}.fb-thread-status.status-approved{background:#dcfce7;color:#166534}.fb-thread-status.status-rejected{background:#fee2e2;color:#991b1b}.fb-thread-body{font-size:.8125rem;line-height:1.5;color:#1e293b;white-space:pre-wrap;word-break:break-word}.fb-thread-err{color:#dc2626;font-size:.75rem;margin:.35rem 0 0}.fb-thread-approve-actions{display:flex;gap:.4rem;margin-top:.5rem}.fb-thread-compose{border:1px solid #e2e8f0;border-radius:8px;padding:.6rem;background:#fff}.fb-thread-compose-options{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.fb-thread-compose-options label{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;padding:.2rem .5rem;border-radius:6px;-webkit-user-select:none;user-select:none}.fb-thread-compose-options label.checked{background:#e0f2fe;color:#0369a1}.fb-thread-compose-options input[type=checkbox]{accent-color:#0ea5e9}.fb-thread-remote.checked{background:#fee2e2!important;color:#991b1b!important}.fb-thread-replyto{font-size:.75rem;display:inline-flex;align-items:center;gap:.3rem}.fb-thread-compose textarea{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:.45rem .55rem;font-size:.8125rem;font-family:inherit;resize:vertical;box-sizing:border-box}.fb-thread-compose textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e926}.fb-thread-compose-actions{display:flex;justify-content:flex-end;margin-top:.5rem}*{box-sizing:border-box}html,body,#root{height:100%;max-height:100%;overflow:hidden}body{margin:0;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;background:#f1f5f9;color:#0f172a}.app{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;min-height:0}.header{background:#0f172a;color:#f8fafc;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.header-left{display:flex;align-items:baseline;gap:1rem}.header h1{margin:0;font-size:1.25rem;font-weight:700}.subtitle{font-size:.875rem;color:#94a3b8}.header-actions{display:flex;align-items:center;gap:.5rem}.header-user{font-size:.8125rem;color:#cbd5e1;padding:0 .35rem 0 .5rem;border-left:1px solid #334155;margin-left:.15rem;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout{border-color:#334155!important;background:#0f172a!important;color:#fff!important}.header-logout:hover{border-color:#64748b!important;background:#1e293b!important;color:#fff!important}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(1200px 600px at 10% -10%,#1e3a5f 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#0f766e33 0%,transparent 50%),#0f172a}.login-card{width:min(400px,100%);background:#fff;border-radius:14px;box-shadow:0 24px 64px #00000059;padding:1.75rem 1.5rem 1.25rem}.login-brand{text-align:center;margin-bottom:1.25rem}.login-brand h1{margin:0;font-size:1.5rem;color:#0f172a;letter-spacing:-.02em}.login-brand p{margin:.35rem 0 0;font-size:.875rem;color:#64748b}.login-form{display:flex;flex-direction:column;gap:.85rem}.login-field{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;color:#475569;font-weight:600}.login-field input{border:1px solid #cbd5e1;border-radius:8px;padding:.65rem .75rem;font-size:.9375rem;font-weight:400;color:#0f172a;background:#fff;width:100%;box-sizing:border-box}.login-field input:focus{outline:2px solid #93c5fd;border-color:#60a5fa}.login-password-wrap{position:relative;display:flex;align-items:center}.login-password-input.has-toggle{padding-right:2.5rem}.login-password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;line-height:0}.login-password-toggle:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.login-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-password-toggle:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}.login-submit{margin-top:.35rem;width:100%;padding:.7rem 1rem;font-size:.9375rem;font-weight:600;border:none;border-radius:8px;cursor:pointer}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-error{margin:0;padding:.5rem .65rem;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:.8125rem}.login-hint{margin:1rem 0 0;font-size:.75rem;line-height:1.45;text-align:center}.login-hint code{font-size:.7rem;background:#f1f5f9;padding:.05rem .3rem;border-radius:4px}.layout{flex:1;display:grid;grid-template-columns:300px 1fr;gap:0;min-height:0;overflow:hidden;transition:grid-template-columns .2s ease}.layout-sidebar-hidden{grid-template-columns:1fr}.sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:1rem;min-width:0;min-height:0;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.sidebar-toggle{width:32px;height:32px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;color:#334155;font-size:.9375rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background:#f1f5f9;border-color:#94a3b8}.title-sidebar-toggle{margin-top:0;align-self:center}.sidebar-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;padding:1rem 1rem 0;overflow:auto}.props,.props-bottom{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:.5rem 0 .75rem;padding:.5rem .75rem .6rem;overflow:auto;flex-shrink:0;max-height:160px;box-shadow:none}.props-bottom.props-collapsed{max-height:none;overflow:hidden;padding:.35rem .75rem}.props-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem;padding-bottom:0;border-bottom:none}.props-collapsed .props-head{margin-bottom:0}.props-head-left{display:flex;align-items:baseline;gap:.65rem;min-width:0;flex:1 1 auto;overflow:hidden}.props-head h2{margin:0;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap;flex-shrink:0}.props-head-meta{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.props-toggle{border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.3;cursor:pointer;flex-shrink:0;white-space:nowrap}.props-toggle:hover{background:#f1f5f9;border-color:#94a3b8}.props-empty{margin:0;font-size:.8125rem}.props-table-wrap{width:100%;overflow-x:auto}.props-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.75rem;line-height:1.3}.props-table th,.props-table td{border:1px solid #e2e8f0;padding:.28rem .45rem;vertical-align:middle;text-align:left}.props-table th{width:7.5%;background:#f8fafc;color:#64748b;font-weight:600;white-space:nowrap}.props-table td{width:17.5%;color:#0f172a;word-break:break-word}.props-qc-cell{white-space:normal}.props-qc-chip{display:inline-flex;align-items:baseline;gap:.2rem;margin:.1rem .35rem .1rem 0;padding:.1rem .35rem;border-radius:4px;background:#f8fafc;border:1px solid #eef2f7;font-variant-numeric:tabular-nums;color:#0f172a}.props-qc-chip em{font-style:normal;color:#64748b;font-size:.6875rem;margin-right:.15rem}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-shrink:0}.sidebar h2,.props h2,.props-head h2{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.count-badge{font-size:.6875rem;background:#e2e8f0;color:#475569;border-radius:999px;padding:.125rem .5rem}.filters{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.search-input,.category-select,.upload-form input,.upload-form select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .625rem;font-size:.8125rem;background:#fff}.search-input:focus,.category-select:focus,.upload-form input:focus,.upload-form select:focus{outline:2px solid #93c5fd;border-color:#60a5fa}.pattern-list{list-style:none;margin:0;padding:0;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pattern-list>li:last-child button{margin-bottom:0}.pattern-list button{width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:.625rem .75rem;margin-bottom:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.125rem}.pattern-list button:hover{border-color:#94a3b8}.pattern-list button.active{border-color:#2563eb;background:#eff6ff}.pattern-list strong{font-size:.875rem}.pattern-list span{font-size:.75rem;color:#64748b}.pattern-list small{font-size:.6875rem;color:#94a3b8}.sidebar-lib-hint{margin:-.35rem 0 .65rem;font-size:.6875rem;line-height:1.35;flex-shrink:0}.library-list button{gap:.2rem;padding:.65rem .75rem}.lib-row-top{display:flex;align-items:center;gap:.4rem}.lib-sample-tag{font-size:.625rem!important;font-weight:700;color:#1d4ed8!important;background:#dbeafe;border-radius:4px;padding:.05rem .35rem}.lib-name{font-size:.75rem;color:#334155}.toolbar{position:sticky;top:-1rem;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex:0 0 auto;margin:-1rem -1rem .5rem;padding:1rem 1rem .5rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.toolbar-left{display:flex;align-items:center;gap:.65rem;min-width:0;flex:1 1 auto}.title-row{display:flex;align-items:baseline;gap:.65rem;min-width:0;flex-wrap:nowrap;overflow:hidden}.toolbar h2{margin:0;font-size:1.125rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:5.5rem;flex:0 1 auto}.title-meta{font-size:.75rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;min-width:0}.toolbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;justify-content:flex-end;flex:0 1 auto;min-width:0}.toolbar-right>button,.view-tabs button,.size-tabs button{white-space:nowrap}.view-tabs,.toolbar-right>button{flex-shrink:0}.size-tabs{display:flex;gap:.25rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;min-width:9rem;padding-bottom:2px}.size-tabs button{border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;flex-shrink:0}.size-tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}button.primary{border:none;background:#2563eb;color:#fff;border-radius:8px;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.6;cursor:not-allowed}button.ghost{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:8px;padding:.375rem .625rem;font-size:.75rem;cursor:pointer}button.danger{color:#b91c1c;border-color:#fecaca}button.danger:hover{background:#fef2f2}.viewer-canvas-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;background:#f8fafc}.viewer-hint{font-size:.75rem;color:#64748b}.viewer-3d-host{display:block;background:#f1f5f9}.viewer-3d-host canvas{display:block;width:100%;height:100%}.viewer-meta{padding:.5rem .75rem;font-size:.75rem;color:#64748b;border-top:1px solid #f1f5f9}.view-tabs{display:flex;gap:.25rem;background:#e2e8f0;padding:.2rem;border-radius:8px}.view-tabs button{border:none;background:transparent;border-radius:6px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;cursor:pointer;color:#475569}.view-tabs button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #00000014}.header-view-tabs{flex-shrink:0;background:#1e293b;border:1px solid #334155;padding:.15rem;border-radius:10px}.header-view-tabs button{color:#94a3b8;padding:.4rem .7rem;font-size:.8125rem}.header-view-tabs button:hover:not(.active){color:#e2e8f0;background:#334155}.header-view-tabs button.active{background:#0f766e;color:#fff;box-shadow:none}.header-view-tabs button:disabled{color:#475569;cursor:not-allowed;opacity:.55;background:transparent}.header-view-tabs button:disabled:hover{color:#475569;background:transparent}.title-soft{font-weight:500;color:#64748b;font-size:.95rem}.qc-list{font-size:.8125rem;line-height:1.45}.hint-block{font-size:.75rem;color:#64748b;line-height:1.4}.product-viewer{display:flex;flex-direction:column}.product-toolbar{--pt-scale: 1;flex-wrap:nowrap;align-items:center;gap:calc(.55rem * var(--pt-scale));min-width:0;overflow:hidden;padding-top:1rem;padding-bottom:1rem}.product-title-block{display:flex;flex-direction:row;align-items:baseline;gap:calc(.5rem * var(--pt-scale));min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap}.product-title-block strong{font-size:calc(.9375rem * var(--pt-scale));white-space:nowrap;flex-shrink:0;line-height:1.2}.product-title-meta{font-size:calc(.75rem * var(--pt-scale));line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.product-toolbar-actions{display:flex;align-items:center;gap:calc(.45rem * var(--pt-scale));flex-wrap:nowrap;justify-content:flex-end;flex:0 1 auto;min-width:0}.product-toolbar .size-tabs{flex-wrap:nowrap;gap:calc(.15rem * var(--pt-scale));flex-shrink:0}.product-toolbar .size-tabs button{padding:calc(.18rem * var(--pt-scale)) calc(.4rem * var(--pt-scale));font-size:calc(.75rem * var(--pt-scale));border-radius:calc(6px * var(--pt-scale));white-space:nowrap;line-height:1.2}.product-toolbar .view-tabs{flex-wrap:nowrap;flex-shrink:0;gap:calc(.12rem * var(--pt-scale));padding:calc(.14rem * var(--pt-scale));border-radius:calc(8px * var(--pt-scale))}.product-toolbar .view-tabs button{padding:calc(.22rem * var(--pt-scale)) calc(.48rem * var(--pt-scale));font-size:calc(.75rem * var(--pt-scale));border-radius:calc(6px * var(--pt-scale));white-space:nowrap;line-height:1.2}.product-toolbar-actions>button.primary,.product-toolbar-actions>button.ghost{padding:calc(.22rem * var(--pt-scale)) calc(.5rem * var(--pt-scale));font-size:calc(.75rem * var(--pt-scale));white-space:nowrap;line-height:1.2;flex-shrink:0}.product-body{display:grid;grid-template-columns:45% 55%;gap:0;min-height:560px;width:100%}.product-image-panel{border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:0;width:100%;overflow:hidden}.product-image-frame{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;padding:1rem;min-height:420px}.product-image{max-width:100%;max-height:560px;object-fit:contain;border-radius:4px;box-shadow:0 8px 24px #0f172a14}.product-pdf-frame{padding:.5rem;align-items:stretch}.product-pdf{width:100%;min-height:520px;border:0;border-radius:4px;background:#f8fafc}.mchart-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mchart-modal{display:flex;flex-direction:column;width:min(1100px,96vw);height:min(90vh,920px);max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 24px 64px #0f172a47;overflow:hidden}.mchart-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.mchart-modal-title{display:flex;flex-direction:column;gap:.1rem;min-width:0}.mchart-modal-title strong{font-size:.9375rem}.mchart-modal-title .muted{font-size:.75rem}.mchart-modal-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mchart-modal-link{text-decoration:none;padding:.35rem .65rem;border-radius:8px;border:1px solid #cbd5e1;font-size:.8125rem;color:#334155}.mchart-modal-close{min-width:4.5rem}.mchart-modal-body{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:.75rem;background:#0f172a0a}.mchart-modal-image{max-width:100%;height:auto;display:block;border-radius:4px;background:#fff;box-shadow:0 4px 16px #0f172a1a}.mchart-modal-pdf{width:100%;height:100%;min-height:70vh;border:0;border-radius:4px;background:#fff}.product-notes{margin:0;padding:.5rem .75rem .25rem 1.5rem;font-size:.75rem;color:#64748b}.product-measure-panel{min-width:0;width:100%;padding:.75rem .875rem 1rem;overflow:auto;background:#fcfcfd}.product-measure-panel h3{margin:0 0 .25rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.product-measure-panel h3.mt{margin-top:0}.product-measure-panel>h3:first-child,.product-measure-panel>*:first-child h3{margin-top:0}.product-measure-hint{margin:0 0 .625rem;font-size:.75rem}.callout-list{display:flex;flex-direction:column;gap:.35rem}.callout-row{display:grid;grid-template-columns:28px 1fr auto;gap:.5rem;align-items:center;width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:.45rem .55rem;cursor:pointer}.callout-row:hover{border-color:#94a3b8}.callout-row.active{border-color:#2563eb;background:#eff6ff}.callout-no{width:24px;height:24px;border-radius:999px;background:#0f172a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700}.callout-label{display:flex;flex-direction:column;gap:.05rem;font-size:.8125rem;color:#0f172a}.callout-label small{color:#94a3b8;font-size:.6875rem;text-transform:uppercase}.callout-value{font-weight:700;font-size:.875rem;color:#1d4ed8;white-space:nowrap}.callout-value small{margin-left:.2rem;font-weight:500;color:#64748b;font-size:.6875rem}.measure-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.measure-table{width:100%;border-collapse:collapse;font-size:.6875rem}.measure-table th,.measure-table td{border-bottom:1px solid #f1f5f9;padding:.35rem .4rem;text-align:right;white-space:nowrap}.measure-table th:nth-child(1),.measure-table td:nth-child(1),.measure-table th:nth-child(2),.measure-table td:nth-child(2){text-align:left}.measure-table thead th{background:#f8fafc;color:#64748b;font-weight:600;position:sticky;top:0}.measure-table .col-active{background:#eff6ff;color:#1d4ed8;font-weight:700}.measure-table tbody tr{cursor:pointer}.measure-table tbody tr:hover{background:#f8fafc}.measure-table tbody tr.row-active{background:#dbeafe}.measure-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}.product-empty{padding:3rem 1rem;text-align:center;color:#64748b}.product-live-wrap{display:flex;flex-direction:column;background:#f8fafc}.product-live-canvas{display:block;background:#f8fafc}.product-live-canvas canvas{display:block;width:100%;height:100%;cursor:grab}.product-live-canvas canvas:active{cursor:grabbing}.product-live-actions{display:flex;gap:.5rem}.sync-badge{display:inline-block;font-size:.75rem;padding:.35rem .6rem;border-radius:999px;margin-bottom:.75rem}.ok-sync{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.part-mini-list{list-style:none;margin:0;padding:0;max-height:180px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.part-mini-list li{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-bottom:1px solid #f1f5f9;font-size:.6875rem}.part-mini-list li:last-child{border-bottom:none}.part-mini-list code{font-size:.6875rem;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-mini-list span{color:#94a3b8}.part-table-wrap{overflow:auto;max-height:240px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.part-link-table{width:100%;border-collapse:collapse;font-size:.6875rem}.part-link-table th,.part-link-table td{border-bottom:1px solid #f1f5f9;padding:.35rem .4rem;text-align:left;vertical-align:top}.part-link-table thead th{background:#f8fafc;color:#64748b;font-weight:600;position:sticky;top:0;z-index:1}.part-link-table tbody tr{cursor:pointer}.part-link-table tbody tr:hover{background:#f8fafc}.part-link-table tbody tr.row-active{background:#dbeafe}.part-link-table code{font-size:.6875rem;color:#0f172a}.part-link-table .pts-cell{text-align:right;color:#94a3b8;white-space:nowrap}.measure-link-cell{max-width:160px;color:#475569;font-size:.625rem;line-height:1.35;white-space:normal}.pattern-split-wrap{display:flex;flex-direction:column;width:100%;max-width:100%}.pattern-split-actions{display:flex;align-items:center;gap:.75rem}.checkbox-inline{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.pattern-split-body{display:grid;min-height:0;width:100%;border-top:1px solid #f1f5f9}.pattern-split-left,.pattern-split-right{min-width:0;width:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.pattern-split-resizer{width:6px;cursor:col-resize;background:#e2e8f0;position:relative;z-index:2;touch-action:none}.pattern-split-resizer:before{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.pattern-split-resizer:hover,.pattern-split-resizer:active{background:#93c5fd}.pattern-split-panel-title{flex-shrink:0;height:28px;display:flex;align-items:center;padding:0 .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #f1f5f9}.pattern-split-right .product-live-wrap{border:none;border-radius:0;width:100%;flex:1;min-height:0}.pattern-split-right .viewer-toolbar{display:none}.pattern-split-right .product-live-canvas,.pattern-split-right .product-live-canvas canvas{width:100%!important}.pattern-scale-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem .75rem;border-top:1px solid #f1f5f9;background:#f8fafc;font-size:.75rem}.pattern-scale-bar label{display:inline-flex;align-items:center;gap:.4rem;color:#334155}.pattern-scale-bar input[type=range]{width:120px}.pattern-scale-bar strong{min-width:2.5rem;color:#1d4ed8}@media(max-width:960px){.pattern-split-body{grid-template-columns:1fr!important;height:auto!important}.pattern-split-resizer{display:none}.pattern-split-left{border-right:none;border-bottom:1px solid #e2e8f0}}@media(max-width:1100px){.product-body{grid-template-columns:1fr}.product-image-panel{border-right:none;border-bottom:1px solid #e2e8f0}}.muted{color:#64748b;font-size:.875rem}.error{color:#dc2626;font-size:.8125rem;margin:.5rem 0}.ok{color:#15803d;font-size:.8125rem;margin:.5rem 0}.empty,.empty-side{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;gap:.5rem;text-align:center;padding:1rem 0}.empty{height:100%;position:relative}.empty-toolbar{position:absolute;top:0;left:0}.empty code,.empty-side code{background:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.upload-panel{border:1px solid #bfdbfe;background:#f8fbff;border-radius:10px;padding:.75rem;margin-bottom:.75rem}.upload-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.upload-panel-head h3{margin:0;font-size:.875rem}.upload-form{display:flex;flex-direction:column;gap:.5rem}.upload-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#475569}.upload-form input[type=file]{padding:.375rem;font-size:.75rem}.checkbox-row{flex-direction:row!important;align-items:center;gap:.5rem!important;font-size:.75rem;color:#334155}.file-hint{margin:0;font-size:.6875rem;color:#64748b}.seam-editor{display:flex;flex-direction:column;gap:.5rem}.seam-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.4rem .6rem;background:#f8fbff;border:1px solid #e2e8f0;border-radius:8px;font-size:.75rem}.seam-filters{display:flex;gap:.12rem;padding:.14rem;background:#eef2f7;border-radius:8px}.seam-filters button{padding:.18rem .5rem;font-size:.75rem;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#475569}.seam-filters button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a1f}.seam-toggle{display:flex;align-items:center;gap:.3rem;color:#475569;cursor:pointer}.seam-stats{margin-left:auto;color:#64748b}.seam-hint{margin:0;padding:.35rem .6rem;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-size:.75rem;color:#92400e}.seam-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:.6rem;min-height:0}.seam-canvas{width:100%;height:100%;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.seam-list{overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding-right:.2rem}.seam-card{border:1px solid #e2e8f0;border-left-width:3px;border-radius:8px;padding:.45rem .55rem;background:#fff;cursor:pointer;font-size:.75rem}.seam-card.confirmed{border-left-color:#059669}.seam-card.suggested{border-left-color:#d97706}.seam-card.rejected{border-left-color:#cbd5e1;opacity:.6}.seam-card.hot{background:#eff6ff;box-shadow:0 0 0 2px #bfdbfe}.seam-card-head{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem}.seam-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.seam-status{margin-left:auto;font-size:.6875rem;color:#64748b}.seam-card-pair{display:flex;align-items:center;gap:.3rem;color:#334155;flex-wrap:wrap}.seam-arrow{color:#94a3b8}.seam-card-metrics{display:flex;gap:.6rem;margin-top:.2rem;color:#475569;flex-wrap:wrap}.seam-card-metrics .warn{color:#b45309;font-weight:600}.seam-reason{margin:.3rem 0 0;font-size:.6875rem;color:#64748b;line-height:1.4}.seam-card-actions{display:flex;gap:.3rem;margin-top:.4rem}.seam-card-actions button{padding:.16rem .45rem;font-size:.6875rem;border-radius:5px}.seam-unmatched{margin-top:.4rem;padding:.5rem .6rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;font-size:.75rem}.seam-unmatched h4{margin:0 0 .25rem;font-size:.75rem}.seam-unmatched ul{margin:.35rem 0 0;padding-left:1.1rem;color:#475569}.seam-empty{padding:2rem;text-align:center;color:#475569}.cloth-viewer{display:flex;flex-direction:column;gap:.4rem}.cloth-toolbar{display:flex;align-items:center;gap:.6rem;padding:.35rem .55rem;background:#f8fbff;border:1px solid #e2e8f0;border-radius:8px;font-size:.75rem}.cloth-slider{flex:1 1 auto;min-width:120px}.cloth-stage{color:#475569;min-width:9rem}.cloth-progress{position:relative;height:16px;background:#e2e8f0;border-radius:8px;overflow:hidden;font-size:.6875rem}.cloth-progress-bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .1s linear}.cloth-progress span{position:relative;display:block;text-align:center;line-height:16px;color:#1e293b;font-weight:600}.cloth-canvas{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#f1f5f9}.cloth-legend{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.6875rem;color:#64748b}.cloth-legend .warn{color:#b45309;font-weight:600}.cloth-seam-chips{display:flex;gap:.25rem;flex-wrap:wrap}.cloth-seam-chips .chip{padding:.1rem .4rem;font-size:.6875rem;border:1px solid #cbd5e1;background:#fff;border-radius:999px;cursor:pointer;color:#475569}.cloth-seam-chips .chip.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.cloth-warnings{margin:0;padding:.4rem .6rem .4rem 1.5rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.6875rem;color:#92400e}.cloth-empty{padding:2rem;text-align:center;color:#475569}.assembly-view{display:flex;flex-direction:column;gap:.5rem}.assembly-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(620px,1fr);gap:.6rem;align-items:start}.assembly-2d,.assembly-3d{display:flex;flex-direction:column;gap:.25rem;min-width:0}.assembly-2d h4,.assembly-3d h4,.assembly-seamlist h4{margin:0;font-size:.75rem;color:#475569;font-weight:600}.assembly-canvas{width:100%;height:100%;min-height:420px}.assembly-mode-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.assembly-mode-switch{display:inline-flex;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#fff}.assembly-mode-switch button{border:0;background:transparent;padding:.25rem .7rem;font-size:.75rem;font-weight:600;color:#64748b;cursor:pointer}.assembly-mode-switch button+button{border-left:1px solid #e2e8f0}.assembly-mode-switch button:hover{background:#f1f5f9}.assembly-mode-switch button.active{background:#2563eb;color:#fff}.flat-assembly{display:flex;flex-direction:column;gap:.35rem;min-width:0}.flat-canvas{width:100%;min-height:420px;background:#fbfdff;border:1px solid #e2e8f0;border-radius:8px}.flat-legend{justify-content:space-between}.flat-key{display:inline-flex;align-items:center;gap:.3rem}.flat-swatch{display:inline-block;width:14px;height:0;border-top-width:2px;border-top-style:solid;margin-left:.5rem}.flat-swatch.joined{border-top-color:#2563eb}.flat-swatch.closing{border-top-color:#f97316;border-top-style:dashed}.assembly-seamlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.25rem;margin-top:.3rem}.assembly-seam-row{display:grid;grid-template-columns:10px 1fr auto auto auto;align-items:center;gap:.4rem;padding:.25rem .45rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.6875rem;cursor:pointer;text-align:left}.assembly-seam-row.hot{background:#fef3c7;border-color:#f59e0b}.assembly-seam-label{color:#1e293b;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assembly-seam-row .warn{color:#b45309;font-weight:600}