.salon-background-picker,.salon-background-settings,.background-dialog,.background-notice{color:var(--navy,#123a4c);font-size:15px;line-height:1.8;min-width:0;max-width:100%;overflow-wrap:anywhere}
.salon-background-picker{margin:20px 0;padding:0;border:0;min-inline-size:0}.salon-background-picker legend,.background-choice-name,.salon-background-settings label{font-size:15px;font-weight:700}.salon-background-picker legend{margin-bottom:12px}
.salon-background-picker small,.background-choice-description,.background-usual{color:var(--navy,#123a4c);font-size:14px}
.background-choices{display:flex;flex-wrap:wrap;gap:12px;padding:4px 2px 12px;min-width:0;max-width:100%}
.background-choice,.background-add{position:relative;display:flex;flex-direction:column;flex:0 0 170px;width:170px;min-width:0;padding:8px;gap:6px;border:2px solid var(--line,#e6e6e6);border-radius:12px;background:var(--paper,#fff);color:var(--navy,#123a4c);cursor:pointer;font-size:15px;line-height:1.6;box-sizing:border-box;overflow-wrap:anywhere}
.background-choice img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px}.background-choice input{position:absolute;opacity:0;width:1px;height:1px}.background-choice:focus-within,.background-add:focus-visible{outline:3px solid var(--navy,#123a4c);outline-offset:3px}
.background-choice.is-selected{border:3px solid var(--teal-700,#11695b);padding:7px;background:var(--teal-50,#eef8f5)}.background-check{display:none;position:absolute;right:12px;top:12px;border-radius:50%;width:26px;height:26px;text-align:center;background:var(--teal-700,#11695b);color:#fff;font-weight:700}.background-choice.is-selected .background-check{display:block}.background-choice:has(input:disabled){cursor:default}
.background-usual{align-self:flex-start;border-radius:5px;padding:1px 6px;background:var(--navy-50,#e6eef1)}.background-add{min-height:200px;align-items:center;justify-content:center;text-align:center;border-style:dashed;background:var(--navy-50,#e6eef1)}.background-add>span{font-size:32px}.background-selection{margin:4px 0;font-size:14px}
.background-notice{position:relative;display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px 48px 12px 14px;border-radius:10px;background:var(--teal-50,#eef8f5)}.background-notice span{flex:1}.background-dismiss{position:absolute;right:2px;top:4px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent}
.salon-background-settings{margin:0 auto;max-width:960px}.salon-background-settings h2{margin-top:0}.background-section{margin:24px 0;padding:20px;border:1px solid var(--line,#e6e6e6);border-radius:var(--radius,10px);background:var(--paper,#fff)}.background-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:18px}
.background-manage-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;max-width:240px}.background-manage-card>img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.background-manage-card form,.background-register label{display:grid;gap:8px;width:100%;min-width:0}.background-manage-card input:not([type=checkbox]),.background-register input:not([type=checkbox]){width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--control-border,#7a848b);border-radius:8px;font:inherit;color:var(--navy,#123a4c);background:var(--paper,#fff)}
.background-default-choices{margin-top:16px}.background-error{color:var(--danger,#a52a25);font-size:15px}.background-dialog{width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line,#e6e6e6);border-radius:16px;background:var(--paper,#fff);overflow:auto;box-sizing:border-box}.background-dialog::backdrop{background:rgba(11,40,53,.55)}
.background-register{display:grid;gap:16px;min-width:0}.background-register header{display:flex;align-items:center;justify-content:space-between;gap:10px}.background-register h2{font-size:21px;margin:0}.background-dialog-close{border:0;padding:0;min-width:44px;min-height:44px;background:transparent}.background-register-preview{display:grid;justify-items:center;gap:12px}.background-crop-large{width:min(100%,340px);height:auto;border-radius:8px}.background-original-small{display:block;width:110px;height:auto;margin:8px auto}.background-register .background-rights{display:grid;grid-template-columns:24px 1fr;align-items:start;font-size:15px}.background-rights input{width:20px;height:20px;margin:5px 0}.background-tips{margin-top:24px}.background-tips summary{cursor:pointer;font-weight:700}.background-load-error{color:var(--navy,#123a4c)}.background-sample-unavailable{display:grid;place-items:center;width:100%;aspect-ratio:3/4;background:#F1F2F2;color:#123A4C;font-size:14px;text-align:center;padding:12px;box-sizing:border-box}
@media(max-width:650px){.background-choices{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.background-choice,.background-choices>.background-add{flex-basis:calc((100% - 24px)/3);width:calc((100% - 24px)/3);min-width:100px;scroll-snap-align:start}.background-section{padding:14px}.background-notice{align-items:flex-start;flex-wrap:wrap}.background-dialog{padding:16px}.background-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-add{width:100%;min-height:180px}}
.salon-background-picker [hidden],.salon-background-settings [hidden],.background-dialog [hidden]{display:none!important}

.background-ops{--navy:var(--ink);--navy-50:var(--surface-raised);--teal-50:var(--tab-active);--teal-700:#0B6E77}
.viewer-background-name{display:block;margin:4px 0 8px;color:var(--navy,#123a4c);font-size:14px;overflow-wrap:anywhere}

.background-sample-unavailable { font-size:12px; line-height:1.5; padding:8px; }

/* 届いた写真の最小100pxカードでも、見本なしの案内を1行に保つ。 */
.stylepilot-intake .background-sample-unavailable { white-space: nowrap; padding-inline: 4px; }