.detail-page.container {
    --bare-product-width: var(--size-1840px);
    --bare-order-panel-width: calc(var(--size-48px) * 10);
    width: min(calc(100% - var(--size-48px)), var(--bare-product-width));
}
.detail-page .detail-content {
    width: 100%;
    max-width: none;
}
.detail-page .product-detail { grid-template-columns: minmax(0, 1fr) var(--bare-order-panel-width); gap: 0; align-items: stretch; border: var(--size-1px) solid var(--line); border-radius: var(--size-20px); background: var(--white); overflow: hidden; }
.bare-product-stage, .detail-page .product-summary { min-width: 0; }
.detail-page .product-summary { padding: var(--size-24px); border: 0; border-inline-start: var(--size-1px) solid var(--line); border-radius: 0; background: transparent; }
.bare-product-form-head { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) var(--bare-order-panel-width); align-items: center; border-bottom: var(--size-1px) solid var(--line); }
.bare-product-form-head .brimcap-customizer-modal-head { border: 0; padding: var(--size-24px); }
.bare-form-order-mode { padding: var(--size-20px) var(--size-24px); }
.bare-form-order-mode .bare-order-modes { margin: 0; }
.bare-form-order-mode #bare-order-mode-help { margin: var(--size-8px) 0 0; font-size: var(--size-11px); }
.detail-page .quantity-price-guide { padding-inline: 0; background: transparent; border: 0; border-radius: 0; }
.bare-product-stage > .gallery { padding: var(--size-24px); }
.bare-product-stage .gallery-main { max-width: var(--size-650px); margin-inline: auto; }
.bare-order-modes { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-8px); padding: 0; margin: var(--size-24px) 0 var(--size-10px); border: 0; }
.bare-order-modes legend { margin-bottom: var(--size-10px); font-weight: 700; }
.bare-order-modes label { position: relative; display: flex; align-items: center; gap: var(--size-8px); min-height: var(--size-48px); padding: var(--size-12px); border: var(--size-1px) solid var(--line); border-radius: var(--size-10px); cursor: pointer; font-size: var(--size-13px); }
.bare-order-modes label:has(input:checked) { border-color: var(--green-dark); background: var(--pale); }
.bare-order-modes input { accent-color: var(--green-dark); }
.bare-order-modes label:focus-within { outline: var(--size-2px) solid var(--green-dark); outline-offset: var(--size-2px); }
.detail-page [hidden] { display: none !important; }
.bare-size-chart-link { display: block; margin-block: var(--size-16px); color: var(--green-dark); text-decoration: underline; font-size: var(--size-13px); }
.detail-page .bare-inline-editor { width: 100%; height: 100%; max-height: none; padding: 0; box-shadow: none; overflow: visible; border: 0; border-radius: 0; background: var(--white); }
.bare-inline-editor .brimcap-customizer-modal { display: block; max-height: none; }
.bare-inline-editor .brimcap-customizer-modal-body { display: grid; grid-template-columns: var(--size-96px) minmax(0, 1fr); overflow: visible; }
.bare-inline-editor[data-tool]:not([data-tool=""]) .brimcap-customizer-modal-body { grid-template-columns: var(--size-96px) var(--size-280px) minmax(0, 1fr); }
.bare-inline-editor .brimcap-customizer-preview { overflow: visible; background: transparent; }
.bare-inline-editor .brimcap-customizer-preview-stage { width: min(100%, calc(var(--size-48px) * 20), calc(100dvh - var(--size-320px))); border-radius: 0; background: transparent; }
.bare-inline-editor .brimcap-customizer-preview { grid-column: -2; grid-row: 1; }
.bare-editor-toolbar { display: flex; flex-direction: column; align-items: center; gap: var(--size-12px); padding: var(--size-20px) var(--size-8px); background: transparent; }
.bare-editor-toolbar button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--size-8px); width: 100%; min-height: var(--size-76px); padding: var(--size-8px); background: var(--white); color: var(--ink); border: var(--size-1px) solid var(--line); border-radius: var(--size-12px); font-size: var(--size-11px); cursor: pointer; }
.bare-editor-toolbar button:hover, .bare-editor-toolbar button[aria-expanded="true"] { border-color: var(--green-dark); color: var(--green-dark); }
.bare-inline-editor .bare-tool-settings { grid-column: 2; grid-row: 1; min-width: 0; padding: var(--size-16px); border: 0; background: transparent; overflow: visible; }
.bare-tool-settings .brimcap-customizer-title, .bare-tool-settings .brimcap-customizer-tools > p { display: none; }
.bare-tool-settings .brimcap-customizer-tools { padding: 0; }
.bare-editor-panel { min-width: 0; }
.bare-editor-panel h3 { font-size: var(--size-16px); margin-bottom: var(--size-16px); }
.bare-editor-panel .brimcap-customizer-upload-grid { grid-template-columns: 1fr; }
.bare-editor-panel .brimcap-customizer-upload { min-width: 0; }
.bare-editor-panel .brimcap-customizer-select-grid { grid-template-columns: minmax(0, 1fr); }
.bare-editor-panel input, .bare-editor-panel select { max-width: 100%; }
.bare-inline-editor[data-tool="upload"] .brimcap-processing-select { display: none; }
.bare-inline-editor[data-tool="method"] .brimcap-customizer-upload, .bare-inline-editor[data-tool="method"] .brimcap-customizer-file-state, .bare-inline-editor[data-tool="method"] .brimcap-customizer-upload-row > p { display: none; }
#bare-custom-options #brimcap-customizer-options { display: none; }
#bare-custom-options .brimcap-customizer-order { width: 100%; margin-top: var(--size-12px); }
.detail-page[data-order-mode="custom"] .purchase-actions, .detail-page[data-order-mode="custom"] .total { display: none; }
.bare-size-chart { padding-block: var(--size-40px); scroll-margin-top: var(--size-96px); }
.bare-size-chart-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--size-12px); margin-bottom: var(--size-20px); }
.bare-size-chart-heading h2 { font-size: var(--size-24px); }
.bare-size-chart-heading span { color: var(--muted); font-size: var(--size-14px); }
.bare-size-chart-scroll { overflow-x: auto; border: var(--size-1px) solid var(--line); border-radius: var(--size-12px); }
.bare-size-chart table { width: 100%; border-collapse: collapse; white-space: nowrap; text-align: center; }
.bare-size-chart th, .bare-size-chart td { padding: var(--size-16px) var(--size-20px); border-bottom: var(--size-1px) solid var(--line); font-size: var(--size-14px); }
.bare-size-chart thead { background: var(--pale); }
.bare-size-chart tr:last-child th, .bare-size-chart tr:last-child td { border-bottom: 0; }
.bare-size-chart tr.is-selected { background: var(--pale); color: var(--green-dark); font-weight: 700; }
.bare-size-chart > p { margin-top: var(--size-16px); overflow-wrap: anywhere; }
@media (max-width: 1100px) {
    .detail-page .product-detail { grid-template-columns: minmax(0, 1fr); }
    .bare-product-form-head { grid-template-columns: minmax(0, 1fr); }
    .bare-product-form-head .brimcap-customizer-modal-head { padding-bottom: 0; }
    .detail-page .product-summary { border-inline-start: 0; border-top: var(--size-1px) solid var(--line); }
    .bare-inline-editor .brimcap-customizer-modal-body, .bare-inline-editor[data-tool]:not([data-tool=""]) .brimcap-customizer-modal-body { display: flex; flex-direction: column; }
    .bare-editor-toolbar { flex-direction: row; flex-wrap: wrap; gap: var(--size-8px); padding: var(--size-12px); }
    .bare-editor-toolbar button { flex: 1 1 var(--size-60px); width: auto; min-height: var(--size-64px); }
    .bare-inline-editor .bare-tool-settings { border-right: 0; border-bottom: var(--size-1px) solid var(--line); }
    .bare-editor-panel .brimcap-customizer-upload-grid { grid-template-columns: repeat(auto-fit, minmax(min(var(--size-220px), 100%), 1fr)); }
}
@media (max-width: 600px) {
    .detail-page.container { width: calc(100% - var(--size-32px)); }
    .detail-page .product-summary { padding: var(--size-16px); }
    .bare-product-form-head .brimcap-customizer-modal-head, .bare-form-order-mode { padding-inline: var(--size-16px); }
    .bare-product-stage > .gallery { padding: var(--size-16px); }
    .bare-inline-editor .brimcap-customizer-preview { padding: var(--size-12px); }
    .bare-inline-editor .brimcap-customizer-modal-head { padding: var(--size-16px); }
    .bare-inline-editor .brimcap-customizer-modal-head h2 { font-size: var(--size-18px); }
    .bare-order-modes label { padding: var(--size-10px); font-size: var(--size-12px); }
}

/* 의류 작업 영역: 상단 편집 명령, 중앙 캔버스, 캔버스 우측 도구. */
.bare-apparel-studio { --bare-measure-ink: #ad526a; }
.bare-edit-ribbon { display: flex; flex-wrap: wrap; align-items: center; gap: var(--size-4px); padding: var(--size-12px) var(--size-16px); border-bottom: var(--size-1px) solid var(--line); }
.bare-edit-ribbon button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--size-6px); min-width: var(--size-64px); min-height: var(--size-56px); padding: var(--size-8px); border: 0; border-radius: var(--size-8px); background: transparent; color: var(--ink); font-size: var(--size-11px); cursor: pointer; }
.bare-edit-ribbon button:hover, .bare-edit-ribbon button[aria-pressed="true"] { background: var(--pale); }
.bare-edit-ribbon button:disabled { opacity: .35; cursor: default; }
.bare-edit-ribbon button:focus-visible, .bare-editor-toolbar button:focus-visible { outline: var(--size-2px) solid var(--ink); outline-offset: var(--size-2px); }
.bare-apparel-studio.bare-inline-editor .brimcap-customizer-modal-body { grid-template-columns: minmax(0, 1fr) var(--size-96px); background: var(--pale); }
.bare-apparel-studio.bare-inline-editor[data-tool]:not([data-tool=""]) .brimcap-customizer-modal-body { grid-template-columns: var(--size-280px) minmax(0, 1fr) var(--size-96px); }
.bare-apparel-studio .bare-editor-toolbar { grid-column: -2; grid-row: 1; }
.bare-apparel-studio.bare-inline-editor .brimcap-customizer-preview { grid-column: -3; padding: var(--size-20px) var(--size-16px); min-width: 0; }
.bare-apparel-studio.bare-inline-editor .bare-tool-settings { grid-column: 1; border-right: var(--size-1px) solid var(--line); background: var(--white); }
.bare-editor-toolbar button:hover, .bare-editor-toolbar button[aria-expanded="true"] { border-color: var(--line); color: var(--ink); background: var(--pale); }
.bare-apparel-studio .bare-editor-toolbar button { border: 0; background: transparent; }
.bare-apparel-studio .bare-editor-toolbar button[aria-expanded="true"], .bare-apparel-studio .bare-editor-toolbar button:hover { background: var(--white); }
.bare-measure-bar { display: flex; flex-wrap: wrap; gap: var(--size-8px); justify-content: space-between; align-items: center; margin-bottom: var(--size-16px); font-size: var(--size-12px); color: var(--muted); }
.bare-measure-bar select { min-height: var(--size-44px); padding: var(--size-8px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); }
.bare-apparel-studio .brimcap-customizer-views { display: flex; flex-wrap: wrap; gap: var(--size-8px); margin: 0 0 var(--size-16px); }
.bare-apparel-studio .brimcap-customizer-views button { display: flex; align-items: center; justify-content: center; gap: var(--size-6px); min-width: var(--size-64px); min-height: var(--size-44px); padding: var(--size-8px) var(--size-12px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); background: var(--white); font-size: var(--size-12px); }
.bare-apparel-studio .brimcap-customizer-views button.is-active { border-color: var(--ink); color: var(--white); background: var(--ink); }
.bare-apparel-studio .brimcap-customizer-views button b { display: none; }
.bare-apparel-studio .brimcap-customizer-stage-foot > span:last-child { display: none; }
.bare-cm-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--size-12px); margin-bottom: var(--size-20px); }
.bare-cm-panel > p, .bare-cm-panel > small { grid-column: 1 / -1; font-size: var(--size-12px); line-height: 1.6; color: var(--muted); }
.bare-cm-panel > p.is-error { color: var(--bare-measure-ink); }
.bare-cm-panel > label { min-width: 0; display: grid; gap: var(--size-8px); font-size: var(--size-12px); font-weight: 600; }
.bare-cm-panel > label > span { display: flex; align-items: center; gap: var(--size-6px); }
.bare-cm-panel input { width: 100%; min-width: 0; min-height: var(--size-44px); padding: var(--size-8px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); color: var(--ink); background: var(--white); font-size: var(--size-14px); }
.bare-cm-panel input:disabled { background: var(--pale); color: var(--muted); }
.bare-order-modes label:has(input:checked) { border-color: var(--line); color: var(--green-dark); }
@media (max-width: 1100px) {
    .bare-edit-ribbon { padding: var(--size-12px); gap: var(--size-4px); }
    .bare-edit-ribbon button { flex: 1 1 var(--size-56px); min-width: var(--size-56px); }
    .bare-apparel-studio .bare-editor-toolbar { order: 0; }
    .bare-apparel-studio .bare-tool-settings { order: 1; }
    .bare-apparel-studio .brimcap-customizer-preview { order: 2; }
    .bare-apparel-studio.bare-inline-editor .bare-tool-settings { border-right: 0; }
    .bare-measure-bar { font-size: var(--size-13px); }
}

.bare-apparel-studio.bare-inline-editor .brimcap-customizer-preview-stage { width: min(100%, max(var(--size-320px), calc(100dvh - var(--size-480px)))); }