*{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{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem;min-height:0}.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;flex-shrink:0}.title-meta{font-size:.75rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.toolbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.size-tabs{display:flex;gap:.25rem;flex-wrap:wrap}.size-tabs button{border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;cursor:pointer}.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}.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}