/* 관리자 · 스토어 상품 편집 */
.sf-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sf-card{display:flex;gap:12px;align-items:stretch;text-align:left;padding:12px;border:1px solid #302d27;border-radius:10px;background:#0d0c0a;cursor:pointer;font:inherit;color:inherit;min-width:0}
.sf-card:hover{border-color:#b29a60;box-shadow:0 4px 12px #0000003c}
.sf-card.selected{border:2px solid #d0b880;padding:11px;background:#161512}
.sf-thumb,.sf-photo,.sf-pv-photo{flex:none;display:grid;place-items:center;overflow:hidden;background:#22201c;color:#b0975c;border-radius:8px}
.sf-thumb{width:64px;height:64px}.sf-thumb.small{width:48px;height:48px}
.sf-thumb img,.sf-photo img,.sf-pv-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sf-thumb b,.sf-photo b,.sf-pv-photo b{font-size:20px;font-weight:800}
.sf-card-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.sf-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.sf-card-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-card-meta,.sf-card-body small{font-size:11px;color:#b69f68}
.sf-state{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.sf-state.on{background:#272420;color:#8dd8a6}.sf-state.off{background:#201e1a;color:#b69f68}
.sf-progress{display:block;height:5px;background:#22201c;border-radius:9px;overflow:hidden;margin-top:3px}
.sf-progress i{display:block;height:100%;width:0;background:#d0b880;border-radius:9px}
.sf-progress[data-done="1"] i{width:25%}.sf-progress[data-done="2"] i{width:50%}.sf-progress[data-done="3"] i{width:75%}.sf-progress[data-done="4"] i{width:100%;background:#c5a862}
.sf-editor .panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sf-code{display:flex;align-items:center;gap:8px;font-size:12px}.sf-code select{width:auto}
.sf-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:12px 16px;background:#181613;border:1px solid #2b2823;border-radius:10px;margin-bottom:18px;font-size:13px}
.sf-summary>div{display:flex;align-items:center;gap:8px}.sf-summary a{margin-left:auto;font-weight:700;color:#d0b880}
.sf-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;align-items:start}
.sf-layout fieldset{border:1px solid #2b2823;border-radius:10px;padding:16px 18px 18px;margin:0 0 16px;min-width:0}
.sf-layout legend{font-weight:800;font-size:14px;padding:0 6px}.sf-layout legend small{font-weight:600;color:#b69f68}
.sf-layout label{display:block}.sf-layout input[type=text],.sf-layout textarea{width:100%}
.sf-layout textarea{font-family:inherit;line-height:1.7;resize:vertical;min-height:240px}
.sf-main-photo{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}
.sf-photo{width:120px;height:120px}
.sf-buttons,.sf-toolbar,.sf-row-buttons{display:flex;flex-wrap:wrap;gap:6px}
.sf-buttons{margin-bottom:10px}.sf-toolbar{margin-bottom:8px}
.sf-count{float:right;font-weight:400;color:#9e864c}
.sf-help{margin-top:8px;font-size:12px;color:#bfab7a}.sf-help summary{cursor:pointer;font-weight:700}
.sf-help ul{margin:8px 0 0;padding-left:18px}.sf-help code{background:#22201c;padding:1px 5px;border-radius:4px}
.sf-detail-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;counter-reset:d}
.sf-detail-list li{display:grid;grid-template-columns:auto 48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid #2b2823;border-radius:8px;counter-increment:d}
.sf-detail-list li::before{content:counter(d);font-weight:800;color:#d0b880;width:18px;text-align:center}
.sf-detail-list li.sf-empty{display:block;color:#9e864c;text-align:center;padding:14px}.sf-detail-list li.sf-empty::before{content:none}
.sf-url{font-size:11px;color:#bfab7a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-url-add{display:flex;gap:6px}.sf-url-add input{flex:1;min-width:0}
.sf-dirty{font-size:12px;font-weight:700;color:#cca751;margin-left:10px}
.sf-editor [role=alert].error{color:#dd675e}
.sf-preview{position:sticky;top:16px;border:1px solid #2b2823;border-radius:12px;background:#181613;padding:16px;max-height:calc(100vh - 32px);overflow:auto}
.sf-preview-label{margin:0 0 12px;font-weight:800;font-size:13px}.sf-preview-label small{font-weight:500;color:#9e864c;margin-left:6px}
.sf-pv-card{display:flex;flex-direction:column;gap:4px;background:#0d0c0a;border-radius:14px;padding:12px;max-width:240px;box-shadow:0 6px 18px #00000036}
.sf-pv-photo{width:100%;aspect-ratio:1;height:auto;border-radius:10px;margin-bottom:6px}
.sf-pv-cat{font-size:11px;color:#cca751;font-weight:700}.sf-pv-sub{font-size:12px;color:#a8a295}.sf-pv-price{font-weight:800;font-size:16px}
.sf-pv-detail{background:#0d0c0a;border-radius:14px;padding:18px;margin-top:14px}.sf-pv-detail>h3{margin:0 0 12px;font-size:15px}
.sf-pv-detail .rich-text{font-size:13px;line-height:1.8;color:#bfbab1}
.sf-pv-detail .rich-text h3{font-size:15px;font-weight:800;margin:18px 0 6px;color:#d5d1cb}.sf-pv-detail .rich-text h3:first-child{margin-top:0}
.sf-pv-detail .rich-text p{margin:0 0 10px}.sf-pv-detail .rich-text ul{margin:0 0 10px;padding-left:18px}
.sf-pv-detail .rich-text .rt-note{background:#1c1a17;border-left:3px solid #d0b880;border-radius:8px;padding:10px 12px}
.sf-pv-detail .rich-text strong{color:#dfd1b0}
.sf-pv-detail figure{margin:12px 0}.sf-pv-detail img{display:block;width:100%;height:auto;border-radius:8px}
.sf-pv-detail .detail-gallery{display:grid;margin-top:14px}.sf-pv-detail .detail-gallery img{border-radius:0}
@media(max-width:1200px){.sf-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-layout{grid-template-columns:1fr}.sf-preview{position:static;max-height:none}}
@media(max-width:600px){.sf-overview{grid-template-columns:1fr}.sf-main-photo{grid-template-columns:1fr}.sf-detail-list li{grid-template-columns:auto 48px minmax(0,1fr)}.sf-row-buttons{grid-column:1/-1}.sf-summary a{margin-left:0}}