.scp-builder{padding:18px;margin:22px 0;border:1px solid #ddd;border-radius:10px;background:#fff}.scp-builder h3{margin-top:0;margin-bottom:16px}.scp-builder-grid{display:grid;grid-template-columns:minmax(220px,340px) minmax(260px,420px);gap:24px;align-items:start}.scp-builder-controls p{margin-top:0;margin-bottom:14px}.scp-preview-wrap{width:100%}.scp-preview-box{position:relative;width:100%;max-width:420px;aspect-ratio:4/5;margin-top:8px;border-radius:14px;border:1px solid #ccc;background-size:contain;background-repeat:no-repeat;background-position:center;overflow:hidden}.scp-preview-box::before{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none}.scp-color-black::before{background:#111}.scp-color-white::before{background:#fff}.scp-color-navy::before{background:#10213f}.scp-color-red::before{background:#b71919}.scp-preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:#f7f7f7;color:#777;font-size:14px}.scp-print-area{position:absolute;left:50%;width:52%;min-height:18%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(0,0,0,.35);background:rgba(255,255,255,.06);padding:10px}.scp-position-top{top:30%}.scp-position-middle{top:42%}.scp-position-bottom{top:54%}.scp-preview-text{max-width:100%;text-align:center;line-height:1.15;word-break:break-word}.scp-size-small{font-size:clamp(16px,3.2vw,25px)}.scp-size-medium{font-size:clamp(18px,4vw,34px)}.scp-size-large{font-size:clamp(22px,5vw,42px)}.scp-text-color-black{color:#111;text-shadow:0 1px 1px rgba(255,255,255,.75)}.scp-text-color-white{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}.scp-style-classic{font-family:Georgia,serif;font-weight:normal}.scp-style-vintage{font-family:Georgia,serif;font-style:italic;letter-spacing:1px}.scp-style-bold{font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase}.scp-style-script{font-family:"Brush Script MT","Segoe Script",cursive}.scp-preview-note{margin-top:8px;font-size:12px;color:#666}@media(max-width:768px){.scp-builder-grid{grid-template-columns:1fr}.scp-preview-box{max-width:100%}}.scp-asset-layers{position:absolute;inset:0;z-index:5;pointer-events:none}.scp-asset-layer{position:absolute;object-fit:contain;pointer-events:none}.scp-print-area{z-index:30}
.scp-control-row.is-hidden{display:none!important}

.scp-builder-gallery-mounted .scp-builder-grid{grid-template-columns:1fr}
.scp-builder-gallery-mounted .scp-builder-controls{max-width:none}
.scp-preview-gallery-replacement{width:100%;margin-bottom:18px}
.scp-preview-wrap-gallery{width:100%}
.scp-preview-wrap-gallery .scp-preview-box{max-width:none;width:100%}
.scp-preview-wrap-gallery strong{display:block;margin-bottom:8px}

.scp-image-select{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.scp-image-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid #d0d7de;border-radius:8px;background:#fff;cursor:pointer;min-width:74px;transition:border-color .15s,box-shadow .15s,background .15s}
.scp-image-option:hover{border-color:#777;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.scp-image-option.is-selected{border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.16);background:#f7f7f7}
.scp-image-option img{display:block;object-fit:contain;max-width:100%;background:#fff}
.scp-image-option span{font-size:12px;line-height:1.2;text-align:center;color:#222;max-width:90px;word-break:break-word}
.scp-control-row.is-hidden .scp-image-option{pointer-events:none}