.smp{display:block;margin:4px 0 0}
.smp-card{background:var(--smp-bg,#fdfbf7);border:1px solid var(--smp-line,#ece4dc);border-radius:14px;padding:16px 18px;margin:12px 0}
.smp-h{margin:0 0 6px;font-size:17px;font-weight:700;color:#1a1a1a}
.smp-sub{margin:0 0 12px;color:#666;font-size:14px}
.smp-row{margin:10px 0}.smp-row[hidden]{display:none!important}
.smp-rows--2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.smp-rows--2 .smp-row{margin:6px 0}
.smp-lab{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#777;font-weight:600}
.smp-sel{width:100%;appearance:none;-webkit-appearance:none;padding:12px 40px 12px 14px;border:1px solid #d9ccb4;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23800020' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;font-size:15px;color:#1a1a1a;cursor:pointer}
.smp-sel:focus,.smp-in input:focus{outline:2px solid #800020;outline-offset:1px}
.smp-kids{display:grid;grid-template-columns:1fr 1fr;gap:12px}.smp-k{display:block}
.smp-kerr{color:#800020;font-size:13px;font-weight:600;margin:8px 0 0}
.smp-dd{position:relative}
.smp-ddb{width:100%;display:flex;align-items:center;gap:10px;padding:8px 14px;min-height:50px;border:1px solid #d9ccb4;border-radius:10px;background:#fff;font-size:15px;color:#1a1a1a;cursor:pointer;text-align:left}
.smp-ddb .ph{color:#888}.smp-ddb img,.smp-ddl img{width:32px;height:32px;object-fit:contain;mix-blend-mode:multiply;flex:none}
.smp-ddb:after{content:"";margin-left:auto;width:12px;height:8px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23800020' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center}
.smp-dd.open .smp-ddb{border:2px solid #800020}
.smp-ddl{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #d9ccb4;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);max-height:320px;overflow:auto}
.smp-ddl li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:14px}
.smp-ddl li:hover,.smp-ddl li.on{background:#fbeef0}.smp-ddl li small{color:#777;margin-left:auto;font-size:12px}
.smp-in{position:relative}
.smp-in input{width:100%;padding:10px 52px 10px 12px;border:1px solid #d9ccb4;border-radius:10px;background:#fff;font-size:15px;color:#1a1a1a;min-height:44px}
.smp-cnt{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#999}
.smp-err{display:none;color:#800020;font-size:13px;font-weight:600;margin:8px 0 0}
.smp-perso.has-err .smp-err{display:block}
.smp-row.miss .smp-ddb,.smp-row.miss .smp-sel,.smp-row.miss input[type=text]{border-color:#800020}
.smp-row.miss .smp-lab{color:#800020}
.smp-note{font-size:13px;color:#777;text-align:center;margin:6px 0 10px}
.smp-prev{position:relative;width:100%;aspect-ratio:var(--r,16/10);margin:12px 0;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}
.smp-prev-in{position:absolute;width:calc(var(--z,100) * 1%);aspect-ratio:1/1;left:50%;top:50%;transform:translate(-50%,calc(var(--fy,50) * -1%))}
.smp-prev-in img{position:absolute;display:block}
.smp-prev .smp-base{inset:0;width:100%;height:100%;object-fit:cover}
.smp-prev .smp-it{transform:translate(-50%,-50%);object-fit:contain}
.smp-cap{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:12px;color:#8a7a6a}
.smp-rows--2 .smp-ddb{padding:6px 8px;gap:6px;font-size:13px;min-height:46px}.smp-rows--2 .smp-ddb img{width:26px;height:26px}.smp-rows--2 .smp-ddb:after{display:none}
.smp-rows--2 .smp-ddl{min-width:220px}.smp-rows--2 .smp-row:nth-child(even) .smp-ddl{left:auto;right:0}