.featured-self-card{margin-top:10px;margin-bottom:70px;background:linear-gradient(135deg,#241a38,#312052);box-shadow:0 25px 70px rgba(0,0,0,.22)}.creation-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.creation-modes button{border:1px solid rgba(19,11,33,.14);background:#fff;color:var(--ink);padding:11px 14px;border-radius:10px;font-weight:600;cursor:pointer}.creation-modes button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.upload-panel{background:#eee8fb;border-radius:14px;padding:16px;margin-bottom:18px}.photo-upload{display:grid;place-items:center;min-height:125px;border:2px dashed rgba(131,72,252,.35);border-radius:11px;text-align:center;cursor:pointer}.photo-upload input{position:absolute;opacity:0;width:1px;height:1px}.photo-upload strong{color:var(--violet)}.photo-upload span{font-size:.72rem;color:#746a80}.photo-controls{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:13px}.photo-controls button{height:42px;border:0;background:transparent;color:#756a82;cursor:pointer}.self-card-option{min-width:0}.self-card-option .mini-card{height:150px;display:grid;place-items:center;background:#eee9f7;border-radius:8px}.self-card-option .mini-card img{display:block;max-width:100%;max-height:100%;object-fit:contain}.self-card-option strong,.self-card-option small{display:block;text-align:left;padding:0 3px}.self-card-option strong{font:600 .75rem Fredoka;margin-top:8px}.self-card-option small{font-size:.62rem;color:#786d85;margin-top:2px}.live-card-preview{overflow:hidden}.preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.preview-pair h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:#746a80}.flat-design{height:420px;margin:auto;display:grid;place-items:center;background:#e9e3f3;border-radius:14px;padding:18px}.flat-design.portrait .art-layer,.flat-design.portrait .photo-card-art{aspect-ratio:5/7}.flat-design.square .art-layer,.flat-design.square .photo-card-art{aspect-ratio:1}.art-layer,.photo-card-art{height:100%;position:relative;overflow:hidden;background:white;box-shadow:0 14px 30px rgba(19,11,33,.13)}.art-layer>img,.photo-card-art>img{width:100%;height:100%;object-fit:cover;display:block}.photo-inset{position:absolute;right:7%;bottom:7%;width:38%;aspect-ratio:1;border:5px solid white;box-shadow:0 8px 20px rgba(0,0,0,.28);transform:rotate(2deg);overflow:hidden}.photo-inset img{width:100%;height:100%;object-fit:cover}.photo-card-art span{position:absolute;left:6%;right:6%;bottom:6%;padding:10px;background:rgba(19,11,33,.78);color:#fff;border-radius:8px;text-align:center;font:600 1rem Fredoka}.card-scene{height:420px;display:grid;place-items:center;position:relative;perspective:1000px;background:linear-gradient(145deg,#f2edf9,#ddd4ec);border-radius:14px;overflow:hidden}.standing-card{position:relative;z-index:2;height:76%;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(2deg);filter:drop-shadow(22px 25px 18px rgba(43,27,64,.25))}.standing-card.portrait{aspect-ratio:5/7}.standing-card.square{aspect-ratio:1}.card-front{position:absolute;inset:0;background:white;overflow:hidden;backface-visibility:hidden}.card-front>.art-layer,.card-front>.photo-card-art{width:100%;height:100%;box-shadow:none}.card-front>img{width:100%;height:100%;object-fit:cover}.card-back{position:absolute;inset:0;background:#fafafa;transform-origin:left;transform:rotateY(34deg) translateZ(-1px);border-left:1px solid #ddd}.scene-shadow{position:absolute;bottom:8%;width:55%;height:8%;background:rgba(52,35,72,.18);filter:blur(13px);border-radius:50%}.size-note{font-size:.72rem;color:#756a82;text-align:center}.product-views{height:330px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.flat-thumb{display:grid;place-items:center;background:#ece6f5;border-radius:10px;padding:10px}.flat-thumb img{max-width:100%;max-height:100%;object-fit:contain}.mini-scene{display:grid;place-items:center;background:linear-gradient(145deg,#eee8f6,#d9cfe8);border-radius:10px;perspective:700px;overflow:hidden}.mini-scene .standing-card{height:68%}.product-card>div:last-child small{display:block;color:#746a80;font-size:.7rem;margin:-7px 0 12px}.product-card .shop-image{display:none}.brand img{image-rendering:auto}.bot-stage>img{image-rendering:auto}
@media(max-width:760px){.preview-pair{grid-template-columns:1fr}.flat-design,.card-scene{height:350px}.product-views{height:240px;grid-template-columns:1fr}.product-views .flat-thumb{display:none}.photo-controls{grid-template-columns:1fr}.featured-self-card{margin-top:0}}