.bare-artwork-resize { position: absolute; inset: 0; pointer-events: none; }
.bare-artwork-resize-handle { position: absolute; display: grid; place-items: center; width: var(--size-44px); height: var(--size-44px); padding: 0; transform: translate(-50%, -50%); pointer-events: auto; touch-action: none; background: transparent; }
.bare-artwork-resize-handle::after { content: ''; display: block; width: var(--size-12px); height: var(--size-12px); border: var(--size-2px) solid var(--ink); border-radius: 50%; background: var(--white); }
.bare-artwork-resize-handle:hover::after, .bare-artwork-resize-handle:active::after { background: var(--ink); }
.bare-artwork-resize-handle:focus-visible { outline: var(--size-2px) solid var(--ink); outline-offset: 0; border-radius: var(--size-8px); }
.product-summary > .eyebrow, .product-summary > #product-description { display: none; }
.product-summary .bare-summary-disclosure > summary { display: flex; align-items: center; justify-content: space-between; min-height: var(--size-44px); font-size: var(--size-13px); font-weight: 700; cursor: pointer; list-style: none; }
.product-summary .bare-summary-disclosure > summary::-webkit-details-marker { display: none; }
.product-summary .bare-summary-disclosure > summary::after { content: '+'; font-size: var(--size-18px); color: var(--muted); }
.product-summary .bare-summary-disclosure[open] > summary::after { content: '−'; }
.product-summary .bare-summary-disclosure .quantity-price-guide-list { padding-bottom: var(--size-12px); }
.product-summary .bare-product-spec { border-bottom: var(--size-1px) solid var(--line); margin-bottom: var(--size-16px); }
.product-summary .bare-product-spec .spec-list { padding-block: var(--size-12px); margin-block: 0; }
.product-summary .price-line { margin-block: var(--size-16px); }
.product-summary #quantity-price-guide { padding: 0; margin-block: 0; border-bottom: var(--size-1px) solid var(--line); background: transparent; }
.product-summary .brimcap-customizer-status:empty { display: none; }
.product-summary .brimcap-customizer-price-summary { margin: 24px 0; padding: 20px; gap: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--pale); }
.product-summary .brimcap-customizer-price-summary small { display: block; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.product-summary .brimcap-customizer-price-summary small:empty { display: none; }
.product-summary .brimcap-customizer-price-summary strong { display: block; margin-top: 2px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 22px; line-height: 1.5; }
@media(max-width:600px) { .product-summary .brimcap-customizer-price-summary { padding: 16px; gap: 12px; } .product-summary .brimcap-customizer-price-summary strong { font-size: 20px; } }
.product-summary .bare-order-help:empty { display: none; }
.product-summary .bare-confirmed-option { grid-template-columns: minmax(0, 1fr) auto; padding: var(--size-12px); }
.product-summary .bare-confirmed-option > small { text-align: right; }
.product-summary .bare-confirmed-option > p, .product-summary .bare-confirmed-option > strong:nth-of-type(2), .product-summary .bare-confirmed-actions { grid-column: 1 / -1; }
.bare-artwork-layers { display: grid; gap: var(--size-12px); margin-top: var(--size-12px); min-width: 0; }
.bare-artwork-list { display: grid; gap: var(--size-8px); }
.bare-artwork-row { display: grid; grid-template-columns: minmax(0, 1fr) var(--size-44px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); overflow: clip; }
.bare-artwork-row button { min-width: 0; min-height: var(--size-44px); padding: var(--size-8px); background: var(--white); color: var(--ink); border: 0; }
.bare-artwork-row [data-artwork-select] { display: flex; align-items: center; gap: var(--size-8px); text-align: left; white-space: normal; overflow-wrap: anywhere; font-size: var(--size-13px); }
.bare-artwork-row [data-artwork-select][aria-pressed="true"] { background: var(--pale); font-weight: 700; }
.bare-artwork-row img { flex: 0 0 auto; object-fit: contain; }
.bare-artwork-row [data-artwork-remove] { font-size: var(--size-20px); }
.bare-artwork-replace { position: relative; display: flex; align-items: center; justify-content: center; min-height: var(--size-44px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); font-size: var(--size-13px); cursor: pointer; }
.bare-artwork-replace input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.bare-artwork-replace[hidden] { display: none; }
.bare-artwork-add { min-height: var(--size-44px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); color: var(--ink); background: var(--pale); font-size: var(--size-14px); font-weight: 700; cursor: pointer; }
.bare-artwork-add[hidden] { display: none; }
.bare-artwork-add:disabled { opacity: .5; cursor: default; }
.bare-area-confirmation { display: grid; gap: var(--size-8px); margin-top: var(--size-16px); }
.bare-area-confirmation .btn { min-height: var(--size-44px); white-space: normal; }
.bare-tool-settings .bare-area-confirmation { border-top: var(--size-1px) solid var(--line); padding-top: var(--size-16px); }
.bare-confirmed-options { margin-bottom: var(--size-20px); min-width: 0; }
.bare-confirmed-options h3 { margin-bottom: var(--size-12px); font-size: var(--size-16px); }
.bare-confirmed-list { display: grid; gap: var(--size-12px); }
.bare-confirmed-option { display: grid; gap: var(--size-8px); padding: var(--size-16px); border: var(--size-1px) solid var(--line); border-radius: var(--size-12px); background: var(--white); min-width: 0; overflow-wrap: anywhere; }
.bare-confirmed-option > small, .bare-confirmed-option p { color: var(--muted); font-size: var(--size-13px); margin: 0; }
.bare-confirmed-option > strong { font-size: var(--size-14px); }
.bare-confirmed-option[data-option-state="changed"] { background: var(--pale); }
.bare-confirmed-actions { display: flex; gap: var(--size-8px); }
.bare-confirmed-actions button { min-height: var(--size-44px); flex: 1; border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); background: var(--white); color: var(--ink); font-size: var(--size-13px); }
.bare-artwork-add:focus-visible, .bare-confirmed-actions button:focus-visible { outline: var(--size-3px) solid var(--green-dark); outline-offset: var(--size-2px); }
.bare-artwork-replace:focus-within, .bare-artwork-row button:focus-visible { outline: var(--size-3px) solid var(--green-dark); outline-offset: calc(var(--size-3px) * -1); }
.bare-inline-editor [data-customizer-uploaded="front"], .bare-inline-editor [data-customizer-logo-name="front"] { display: none; }
.bare-inline-editor .brimcap-customizer-upload[aria-disabled="true"] { opacity: .6; cursor: default; }
.detail-page {
    --bare-product-width: var(--size-1840px);
    --bare-order-panel-width: calc(var(--size-48px) * 10);
    --bare-studio-background: var(--color-f6f7f8);
}
.detail-page .bare-product-workspace-inner, .detail-page .bare-product-content {
    width: min(calc(100% - var(--size-48px)), var(--bare-product-width));
}
.detail-page .bare-product-workspace { padding-block: var(--size-24px) var(--size-48px); background: var(--bare-studio-background); border-bottom: var(--size-1px) solid var(--color-b9c0c4); }
.detail-page .bare-product-workspace .breadcrumb { margin: 0 0 var(--size-24px); }
.detail-page .bare-product-content { padding-top: var(--size-40px); }
.detail-page .bare-product-content > .detail-tabs { margin-top: 0; }
.detail-page .bare-product-workspace .product-detail,
.detail-page .bare-product-stage,
.detail-page .bare-product-stage .gallery-main,
.detail-page .bare-product-stage .bare-inline-editor,
.detail-page .bare-product-workspace .bare-apparel-studio .brimcap-customizer-modal-body { background: var(--bare-studio-background); }
.detail-page .bare-product-workspace .product-summary, .detail-page .bare-product-form-head { background: var(--white); }
.detail-page .bare-product-workspace .bare-inline-editor { --pale: var(--bare-studio-background); }
.detail-page .detail-content {
    width: 100%;
    max-width: none;
}
.detail-page .product-detail { grid-template-columns: minmax(0, 1fr) var(--bare-order-panel-width); grid-template-rows: max-content minmax(0, 1fr); 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 { display: block; border-bottom: var(--size-1px) solid var(--line); }
.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 { margin-block: var(--size-16px); }
.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:not(.bare-apparel-studio)[data-tool]:not([data-tool=""]) .brimcap-customizer-modal-body { grid-template-columns: var(--size-96px) var(--size-320px) 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-inline-editor:not(.bare-apparel-studio) .bare-tool-settings .brimcap-customizer-tools { padding: var(--size-20px); }
.bare-move-status { margin-top: var(--size-8px); color: var(--green-dark); font-size: var(--size-12px); line-height: 1.5; text-align: center; }
.bare-move-status:empty { display: none; }
.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); }
.bare-custom-actions { display: grid; gap: var(--size-12px); }
.bare-custom-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--size-8px); }
.detail-page #bare-custom-options #brimcap-customizer-order { min-height: var(--size-60px); margin: 0; padding: var(--size-16px); background: var(--green); border-color: var(--green); color: var(--ink); font-size: var(--size-16px); font-weight: 800; }
.detail-page #bare-custom-options #brimcap-customizer-order:disabled { background: var(--pale); border-color: var(--line); color: var(--muted); }
.detail-page #bare-custom-options .bare-custom-secondary .btn { width: 100%; min-width: 0; min-height: var(--size-48px); margin: 0; padding: var(--size-12px); font-size: var(--size-14px); }
.detail-page #bare-custom-options[data-quote-only="true"] #brimcap-customizer-quote:not(:disabled) { background: var(--ink); border-color: var(--ink); color: var(--white); }
.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); }
    .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 .bare-product-workspace-inner, .detail-page .bare-product-content { width: calc(100% - var(--size-32px)); }
    .detail-page .bare-product-workspace { padding-block: var(--size-20px) var(--size-32px); }
    .detail-page .bare-product-content { padding-top: var(--size-24px); }
    .detail-page .product-summary { padding: var(--size-16px); }
    .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-apparel-studio.bare-inline-editor .brimcap-customizer-preview-stage { aspect-ratio: auto; overflow: visible; }
.bare-apparel-studio.bare-inline-editor .brimcap-customizer-preview-stage canvas { height: auto; aspect-ratio: 1; }
.bare-apparel-studio.bare-inline-editor .brimcap-customizer-stage-foot { position: static; margin-block: var(--size-8px); }
.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: 100%; }

.bare-design-error { color: var(--bare-measure-ink, var(--ink)); line-height: 1.6; }
.bare-order-help { display: grid; gap: var(--size-12px); margin: var(--size-16px) 0; padding: var(--size-16px); background: var(--pale); border-radius: var(--size-12px); font-size: var(--size-13px); line-height: 1.6; word-break: keep-all; }
.bare-order-help[hidden] { display: none; }
.bare-order-help p { margin: 0 0 var(--size-8px); }
.bare-order-help button { 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); color: var(--ink); font: inherit; cursor: pointer; }

.bare-product-stage:has(.bare-apparel-studio:not([hidden])), .bare-apparel-studio.bare-inline-editor { background: var(--pale); }
.bare-edit-ribbon { background: var(--white); }

.bare-canvas-targets { display: flex; flex-wrap: wrap; gap: var(--size-8px); margin-bottom: var(--size-16px); }
.bare-canvas-targets button, .bare-canvas-zoom button, .bare-region-command { 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); color: var(--ink); font-size: var(--size-12px); cursor: pointer; }
.bare-canvas-targets button[aria-pressed="true"], .bare-region-presets button[aria-pressed="true"] { background: var(--ink); color: var(--white); border-color: var(--ink); }
.bare-canvas-targets button:disabled, .bare-canvas-zoom button:disabled, .bare-region-command:disabled, .bare-region-presets button:disabled { color: var(--muted); opacity: .5; cursor: default; }
.bare-canvas-targets button:focus-visible, .bare-canvas-zoom button:focus-visible, .bare-region-command:focus-visible, .bare-region-presets button:focus-visible { outline: var(--size-2px) solid var(--ink); outline-offset: var(--size-2px); }
.bare-canvas-zoom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--size-8px); margin-top: var(--size-12px); }
.bare-canvas-zoom button { min-width: var(--size-44px); }
.bare-canvas-zoom output { min-width: var(--size-56px); text-align: center; font-size: var(--size-13px); font-weight: 700; }
.bare-region-panel { margin-bottom: var(--size-24px); padding-bottom: var(--size-16px); border-bottom: var(--size-1px) solid var(--line); }
.bare-region-panel h4 { margin: 0 0 var(--size-16px); font-size: var(--size-14px); }
.bare-region-presets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--size-6px); margin-bottom: var(--size-16px); }
.bare-region-presets button { min-height: var(--size-56px); padding: var(--size-8px) var(--size-4px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); background: var(--white); color: var(--ink); font-size: var(--size-14px); font-weight: 700; cursor: pointer; }
.bare-region-presets small { display: block; margin-top: var(--size-6px); color: inherit; font-size: var(--size-10px); font-weight: 400; white-space: nowrap; }
.bare-region-command { width: 100%; margin-bottom: var(--size-8px); }
#bare-region-status { font-size: var(--size-12px); line-height: 1.6; color: var(--muted); }
#bare-region-status.is-error { color: var(--bare-measure-ink); }
@media (max-width: 600px) {
    .bare-canvas-targets button { flex: 1 1 var(--size-80px); }
    .bare-region-presets small { font-size: var(--size-11px); }
}

.bare-guided-flow .bare-flow-hint { margin: 0 0 var(--size-16px); font-size: var(--size-12px); line-height: 1.7; color: var(--muted); }
.brimcap-print-area-item img.bare-render-mirrored { transform: scaleX(-1); }
.bare-guided-flow .brimcap-customizer-views button:disabled { opacity: .5; cursor: default; }
.bare-option-prices-action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--size-8px) var(--size-12px); margin-block: var(--size-16px); }
.detail-page .bare-product-guide-button { display: inline-flex; align-items: center; gap: var(--size-8px); min-height: var(--size-44px); padding: var(--size-8px) var(--size-16px); font-size: var(--size-14px); }
.bare-product-guide-button svg { flex: 0 0 auto; }
.bare-option-prices-action small { color: var(--muted); font-size: var(--size-12px); }
.bare-product-dialog { width: min(calc(100% - var(--size-32px)), var(--size-880px)); max-width: none; max-height: calc(100dvh - var(--size-32px)); padding: var(--size-24px); border: var(--size-1px) solid var(--line); border-radius: var(--size-12px); background: var(--white); color: var(--ink); font-size: var(--size-14px); overflow: auto; }
.bare-product-dialog::backdrop { background: var(--customizer-backdrop); }
.bare-product-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: var(--size-16px); }
.bare-product-dialog-head h2 { margin: 0; font-size: var(--size-20px); }
.bare-product-dialog-head button { min-width: var(--size-44px); min-height: var(--size-44px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); background: var(--white); color: var(--ink); font-size: var(--size-24px); cursor: pointer; }
.bare-size-chart-dialog .bare-size-chart { padding: 0; }
.bare-size-chart-dialog .bare-size-chart-heading { flex-wrap: nowrap; }
.bare-size-chart-dialog .bare-size-chart-heading span { margin-left: auto; white-space: nowrap; }
.bare-size-chart-dialog .bare-size-chart th, .bare-size-chart-dialog .bare-size-chart td { padding: var(--size-12px); }
.bare-option-prices p { margin-block: var(--size-12px); line-height: 1.7; }
.bare-option-prices-current { font-weight: 700; }
.bare-option-prices-scroll { overflow-x: auto; }
.bare-option-prices table { width: 100%; min-width: calc(var(--size-150px) * 4); border-collapse: collapse; font-size: var(--size-13px); }
.bare-option-prices caption { margin-bottom: var(--size-12px); text-align: left; font-weight: 700; }
.bare-option-prices th, .bare-option-prices td { padding: var(--size-12px) var(--size-8px); border-bottom: var(--size-1px) solid var(--line); text-align: right; white-space: nowrap; }
.bare-option-prices th:first-child { position: sticky; left: 0; z-index: 1; background: var(--white); text-align: left; }
.bare-option-prices .is-current { background: var(--pale); font-weight: 700; }
.bare-option-prices-notes { margin-top: var(--size-16px); color: var(--muted); font-size: var(--size-13px); }
.bare-product-dialog-open { overflow: hidden; }
.bare-option-prices-scroll-hint { color: var(--muted); font-size: var(--size-12px); }
.bare-product-dialog button:focus-visible, .bare-product-dialog [tabindex="0"]:focus-visible { outline: var(--size-3px) solid var(--green-dark); outline-offset: var(--size-3px); }
.bare-flow-positions { display: grid; gap: var(--size-8px); margin-bottom: var(--size-12px); }
.bare-flow-position { display: flex; min-width: 0; background: var(--white); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); overflow: hidden; }
.bare-flow-position button { min-height: var(--size-48px); border: 0; padding: var(--size-8px) var(--size-12px); color: var(--ink); background: transparent; cursor: pointer; }
.bare-flow-position button:first-child { flex: 1; min-width: 0; text-align: left; }
.bare-flow-position button:last-child { min-width: var(--size-44px); font-size: var(--size-20px); }
.bare-flow-position:has(button[aria-pressed="true"]) { background: var(--pale); }
.bare-flow-position strong, .bare-flow-position small { display: block; }
.bare-flow-position strong { font-size: var(--size-14px); }
.bare-flow-position small { margin-top: var(--size-4px); color: var(--muted); font-size: var(--size-11px); }
.bare-flow-position button:disabled { opacity: .35; cursor: default; }
.bare-flow-additional { margin-bottom: var(--size-24px); }
.bare-flow-additional summary { display: flex; align-items: center; min-height: var(--size-44px); padding: var(--size-8px) 0; color: var(--ink); font-size: var(--size-13px); font-weight: 600; cursor: pointer; list-style: none; }
.bare-flow-additional summary::-webkit-details-marker { display: none; }
.bare-flow-additional .brimcap-customizer-control-section { padding: 0; margin: var(--size-8px) 0 0; border: 0; }
.bare-flow-additional .brimcap-customizer-control-heading, .bare-flow-additional .brimcap-customizer-help { display: none; }
.bare-flow-additional .brimcap-customizer-face-selection { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--size-8px); }
.bare-flow-additional .brimcap-customizer-face-selection label { min-height: var(--size-44px); background: var(--white); padding: var(--size-12px); border: var(--size-1px) solid var(--line); font-size: var(--size-13px); }
.bare-flow-methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--size-8px); margin: var(--size-12px) 0; }
.bare-flow-methods button { min-width: 0; min-height: var(--size-64px); padding: var(--size-8px) var(--size-4px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); background: var(--white); color: var(--ink); cursor: pointer; }
.bare-flow-methods strong, .bare-flow-methods small { display: block; }
.bare-flow-methods strong { font-size: var(--size-14px); }
.bare-flow-methods small { margin-top: var(--size-8px); font-size: var(--size-10px); color: inherit; line-height: 1.5; }
.bare-flow-methods button[aria-pressed="true"] { background: var(--ink); color: var(--white); border-color: var(--ink); }
.bare-flow-methods button:disabled { opacity: .4; cursor: default; }
.bare-flow-copy { display: grid; gap: var(--size-8px); margin-bottom: var(--size-16px); }
.bare-flow-copy button, .bare-flow-add-current { min-height: var(--size-44px); padding: var(--size-12px); color: var(--ink); background: var(--pale); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); font-size: var(--size-13px); cursor: pointer; }
.bare-flow-add-current { width: 100%; margin-bottom: var(--size-16px); }
.bare-guided-flow .brimcap-processing-select, .bare-guided-flow .brimcap-customizer-upload-row > .brimcap-customizer-help { display: none; }
.bare-guided-flow .brimcap-customizer-upload-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.bare-guided-flow .bare-flow-logo-heading { margin-bottom: var(--size-12px); font-size: var(--size-14px); }
.bare-guided-flow [hidden] { display: none !important; }
.bare-guided-flow .bare-flow-position button:focus-visible, .bare-flow-additional summary:focus-visible, .bare-flow-additional label:focus-within, .bare-flow-methods button:focus-visible, .bare-flow-copy button:focus-visible, .bare-flow-add-current:focus-visible { outline: var(--size-3px) solid var(--green-dark); outline-offset: calc(-1 * var(--size-3px)); }

.detail-page .bare-product-form-head { grid-column: 2; grid-row: 1; border-inline-start: var(--size-1px) solid var(--line); }
.detail-page .bare-product-stage { grid-column: 1; grid-row: 1 / span 2; }
.detail-page .product-summary { grid-column: 2; grid-row: 2; }
.detail-page .bare-form-order-mode { padding: var(--size-20px) var(--size-24px); background: var(--pale); }
.bare-order-switch-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--size-12px); }
.bare-order-switch-row > strong { font-size: var(--size-16px); line-height: 1.6; }
#bare-order-mode-switch { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: var(--size-8px); 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); color: var(--ink); font-size: var(--size-13px); cursor: pointer; }
#bare-order-mode-switch b { min-width: var(--size-28px); font-size: var(--size-12px); }
.bare-order-switch-track { display: inline-flex; align-items: center; width: var(--size-40px); height: var(--size-24px); padding: var(--size-3px); border-radius: var(--size-24px); background: var(--muted); }
.bare-order-switch-track > span { width: var(--size-18px); height: var(--size-18px); border-radius: 50%; background: var(--white); }
#bare-order-mode-switch[aria-checked="true"] { border-color: var(--ink); background: var(--ink); color: var(--white); }
#bare-order-mode-switch[aria-checked="true"] .bare-order-switch-track { justify-content: flex-end; background: var(--green-dark); }
.detail-page .bare-form-order-mode #bare-order-mode-help { min-height: calc(var(--size-13px) * 1.6 * 2); margin: var(--size-8px) 0 0; font-size: var(--size-13px); line-height: 1.6; color: var(--muted); }
html.bare-order-entry-open { overflow: hidden; }
dialog.bare-order-entry { width: min(var(--size-650px), calc(100% - var(--size-32px))); max-height: calc(100dvh - var(--size-32px)); margin: auto; padding: var(--size-32px); border: var(--size-1px) solid var(--line); border-radius: var(--size-20px); background: var(--white); color: var(--ink); }
.bare-order-entry .eyebrow { padding-inline-end: var(--size-44px); margin-bottom: var(--size-8px); }
.bare-order-entry h2 { margin: 0 0 var(--size-12px); font-size: var(--size-25px); line-height: 1.4; outline: 0; }
.bare-order-entry #bare-order-mode-intro { margin: 0 0 var(--size-24px); font-size: var(--size-14px); line-height: 1.6; color: var(--muted); }
.bare-order-entry-close { position: absolute; inset-inline-end: var(--size-12px); top: var(--size-12px); display: grid; place-items: center; width: var(--size-44px); height: var(--size-44px); border: 0; border-radius: var(--size-8px); color: var(--ink); background: transparent; font-size: var(--size-28px); cursor: pointer; }
.bare-order-entry-close:hover { background: var(--pale); }
.bare-order-entry .bare-order-mode-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--size-12px); }
.bare-order-entry .bare-order-mode-cards button { display: flex; align-items: center; gap: var(--size-16px); min-width: 0; min-height: calc(var(--size-96px) + var(--size-8px)); padding: var(--size-20px); border: var(--size-1px) solid var(--line); border-radius: var(--size-12px); text-align: start; color: var(--ink); background: var(--white); cursor: pointer; }
.bare-order-entry .bare-order-mode-cards button[data-bare-order-choice="custom"] { background: var(--ink); color: var(--white); border-color: var(--ink); }
.bare-order-entry .bare-order-mode-cards button:hover { border-color: var(--green-dark); }
.bare-order-mode-icon { flex: 0 0 auto; width: var(--size-32px); height: var(--size-32px); }
.bare-order-mode-copy { display: grid; gap: var(--size-8px); min-width: 0; }
.bare-order-entry .bare-order-mode-copy strong { font-size: var(--size-20px); font-weight: 700; line-height: 1.4; color: inherit; }
.bare-order-entry .bare-order-mode-copy small { font-size: var(--size-14px); line-height: 1.6; color: inherit; }
.bare-order-mode-arrow { margin-inline-start: auto; font-size: var(--size-22px); }
.bare-order-entry .bare-order-entry-note { margin: var(--size-20px) 0 var(--size-8px); font-size: var(--size-13px); line-height: 1.6; color: var(--muted); }
.bare-order-entry-browse { display: block; margin-inline: auto; min-height: var(--size-44px); padding: var(--size-8px) var(--size-12px); border: 0; border-radius: var(--size-8px); font-size: var(--size-13px); color: var(--muted); background: transparent; text-decoration: underline; text-underline-offset: var(--size-4px); cursor: pointer; }
#bare-order-mode-switch:focus-visible, .bare-order-entry button:focus-visible { outline: var(--size-3px) solid var(--green-dark); outline-offset: var(--size-3px); }
@media (max-width: 1100px) {
    .detail-page .product-detail { grid-template-rows: auto auto auto; }
    .detail-page .bare-product-form-head { grid-column: 1; grid-row: 1; border-inline-start: 0; }
    .detail-page .bare-product-stage { grid-column: 1; grid-row: 2; }
    .detail-page .product-summary { grid-column: 1; grid-row: 3; }
}
@media (max-width: 600px) {
    .detail-page .bare-form-order-mode { padding: var(--size-16px); }
    .bare-order-switch-row > strong { font-size: var(--size-14px); }
    #bare-order-mode-switch { gap: var(--size-6px); padding-inline: var(--size-8px); }
    dialog.bare-order-entry { padding: var(--size-24px) var(--size-20px); }
    .bare-order-entry h2 { font-size: var(--size-22px); }
    .bare-order-entry .bare-order-mode-cards button { gap: var(--size-12px); min-height: var(--size-96px); padding: var(--size-16px) var(--size-12px); }
    .bare-order-entry .bare-order-mode-copy strong { font-size: var(--size-18px); }
    .bare-order-entry .bare-order-mode-copy small { font-size: var(--size-13px); }
    .bare-order-mode-icon { width: var(--size-24px); height: var(--size-24px); }
}

.bare-inline-editor #brimcap-customizer-view-label { font-size: var(--size-16px); font-weight: 700; line-height: 1.4; color: var(--ink); }
.bare-new-product .product-photo{aspect-ratio:4/5}
.naked-apparel-detail-body{max-width:var(--size-880px)}
.naked-apparel-detail-body img{max-width:var(--size-880px)}
.naked-apparel-detail-body table{display:block;overflow-x:auto;max-width:100%}
.bare-catalog-print-size{display:grid;gap:var(--size-8px);font-size:var(--size-13px);margin-block:var(--size-16px)}
.bare-catalog-print-size[hidden]{display:none}
.bare-catalog-print-size select{width:100%;min-height:var(--size-44px);padding:var(--size-12px);border:var(--size-1px) solid var(--line);border-radius:var(--size-8px);background:var(--white);font-size:var(--size-16px)}

.bare-cap-photos{margin:48px 0}.bare-cap-photo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.bare-cap-photo-grid figure{margin:0;min-width:0}.bare-cap-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fafafa}.bare-cap-photo-grid figcaption{padding:8px 0;color:#555;font-size:13px}@media(max-width:600px){.bare-cap-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}