.pof-mockup-preview {
    border: 1px solid #d8dde6;
    border-radius: 10px;
    margin: 1.5em 0;
    overflow: hidden;
    padding: 1.1em;
    background: #fff;
}
.pof-mockup-heading-row h3 { margin: 0 0 .2em; }
.pof-mockup-heading-row p { margin: 0 0 1em; opacity: .8; }
.pof-mockup-tabs { display: flex; flex-wrap: wrap; gap: .5em; margin: 0 0 1em; }
.pof-mockup-tab {
    appearance: none;
    background: #fff;
    border: 1px solid #cfd5df;
    border-radius: 999px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: 1.2;
    padding: .55em .85em;
}
.pof-mockup-tab:hover,
.pof-mockup-tab:focus-visible,
.pof-mockup-tab.is-active { background: #222; border-color: #222; color: #fff; }
.pof-mockup-stage {
    aspect-ratio: 14 / 11;
    background: #f1f3f7;
    overflow: hidden;
    position: relative;
}
.pof-mockup-background,
.pof-mockup-design {
    display: block;
    height: 100%;
    inset: 0;
    max-width: none;
    object-fit: cover;
    position: absolute;
    width: 100%;
}
.pof-mockup-design {
    height: var(--pof-height);
    left: var(--pof-left);
    max-width: none;
    object-fit: contain;
    object-position: center;
    top: var(--pof-top);
    transform: rotate(var(--pof-rotate));
    transform-origin: center center;
    width: var(--pof-width);
    z-index: 2;
}
.pof-mockup-empty {
    background: rgba(255,255,255,.92);
    border: 1px dashed #a9b1bf;
    border-radius: 8px;
    bottom: 1em;
    left: 50%;
    margin: 0;
    max-width: calc(100% - 2em);
    padding: .75em 1em;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    z-index: 3;
}
.pof-mockup-empty[hidden] { display: none; }
.pof-mockup-disclaimer { font-size: .88em; margin: .8em 0 0; opacity: .75; }
@media (max-width: 600px) {
    .pof-mockup-preview { padding: .9em; }
    .pof-mockup-tab { font-size: .9em; padding: .5em .7em; }
    .pof-mockup-empty { font-size: .86em; }
}

.pof-mockup-upload-button {display:inline-block;margin-top:12px;padding:12px 22px;border:0;border-radius:11px;background:linear-gradient(115deg,#7c3aed,#db2777,#2563eb,#0d9488);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(78,29,149,.2)}
.pof-mockup-upload-button:hover,.pof-mockup-upload-button:focus-visible{filter:brightness(1.1)}
.pof-mockup-upload-help{font-size:.84rem;opacity:.75;margin:.5rem 0 0}