.vmc{--vmc-primary:#2563eb;max-width:1100px;margin:24px auto;padding:24px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;color:#111827;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 12px 40px #0f172a12}.vmc *{box-sizing:border-box}.vmc-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f5}.vmc-head strong{display:block;font-size:21px;letter-spacing:-.7px}.vmc-head small{color:#64748b}.vmc-price{font-size:17px}.vmc-price del{color:#64748b;font-size:13px;margin-left:8px}.vmc-price em{font-style:normal;color:#fff;background:#ef3340;border-radius:20px;padding:5px 10px;font-size:12px;margin-left:8px}.vmc-steps{display:flex;align-items:center;gap:10px;margin:24px auto 28px;max-width:650px}.vmc-steps span{width:34px;height:34px;border-radius:50%;background:#edf1f8;color:#344054;display:grid;place-items:center;font-weight:700;position:relative;flex:none}.vmc-steps span.active,.vmc-steps span.done{background:var(--vmc-primary);color:#fff}.vmc-steps small{position:absolute;top:39px;color:#475569;font-size:11px;font-weight:500}.vmc-steps i{height:2px;flex:1;background:#dbe3f2}.vmc-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:34px;align-items:start}.vmc-step-pane{display:none}.vmc-step-pane.active{display:block}.vmc h2{font-size:21px;margin:0 0 12px}.vmc h3{font-size:16px;margin:24px 0 10px}.vmc label{display:block;font-weight:650;margin:16px 0 8px}.vmc select,.vmc input[type=text]{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d8deea;border-radius:10px;background:#fff;font:inherit}.vmc-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.vmc-choice{min-height:60px;border:1px solid #e0e6ef;border-radius:11px;background:#fff;color:#182230;padding:10px;font:inherit;cursor:pointer}.brands .vmc-choice{font-weight:700}.vmc-choice.selected,.vmc-swatch.selected{border:2px solid var(--vmc-primary);color:var(--vmc-primary)}.case-grid .vmc-choice{font-size:12px}.case-icon{display:block;font-size:27px;color:#64748b}.vmc-colors{display:flex;gap:12px;flex-wrap:wrap}.vmc-swatch{width:34px;height:34px;border-radius:50%;background:var(--swatch);border:2px solid #e5e7eb;cursor:pointer}.vmc-swatch[style*="#ffffff"]{box-shadow:inset 0 0 0 1px #ddd}.vmc-next,.vmc-submit{border:0;border-radius:11px;background:var(--vmc-primary);color:#fff;padding:14px 18px;font:700 15px inherit;cursor:pointer}.vmc-next{width:100%;margin-top:26px}.vmc-actions{display:flex;gap:10px;margin-top:22px}.vmc-actions button{flex:1}.vmc-back{border:1px solid #d7dfec;border-radius:10px;padding:13px;background:#fff;color:#1649bf;font-weight:650;cursor:pointer}.vmc-upload{height:180px;border:2px dashed #cbd5e1;border-radius:14px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;color:#334155;font-size:28px;cursor:pointer}.vmc-upload b{font-size:18px}.vmc-upload span,.vmc-upload small{font-size:14px}.vmc-upload input{display:none}.vmc-error{color:#c62828}.vmc-preview-wrap{display:flex;align-items:center;flex-direction:column;padding:14px;background:#f2f5fa;border-radius:18px}.vmc-phone{height:410px;width:220px;border:5px solid #ccd0d2;border-radius:33px;background:linear-gradient(145deg,#f8fafc,#d8dde2);box-shadow:0 8px 24px #0f172a28;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.vmc-phone:before{content:"";position:absolute;inset:5px;border:1px solid #fff9;border-radius:27px;pointer-events:none}.vmc-camera{position:absolute;top:13px;left:13px;width:61px;height:72px;border-radius:15px;background:#c8cdd2;color:#111;z-index:2;padding:8px;font-size:17px;line-height:22px;letter-spacing:1px}.vmc-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:none}.vmc-text-preview{position:absolute;z-index:3;bottom:34px;left:10px;right:10px;text-align:center;font-size:25px;font-weight:700;word-break:break-word;text-shadow:0 1px 3px #fff}.vmc-preview-label{font-size:12px;color:#64748b}.vmc-status{margin-top:10px}.vmc-admin .vmc-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:16px;max-width:1200px}.vmc-admin section{padding:18px;background:#fff;border:1px solid #dcdcde;border-radius:10px}.vmc-admin section h2{margin-top:0}.vmc-admin textarea{display:block;width:100%;font-family:monospace}.vmc-inline{display:inline-block;margin-right:15px!important}@media(max-width:760px){.vmc{padding:16px}.vmc-columns{grid-template-columns:1fr}.vmc-preview-wrap{grid-row:1}.vmc-phone{height:330px;width:180px}.vmc-head{align-items:flex-start;gap:10px;flex-direction:column}.vmc-steps{margin-bottom:32px}.vmc-admin .vmc-admin-grid{grid-template-columns:1fr}}
.vmc-view-switch{display:flex;gap:8px;margin:16px 0}.vmc-view-switch button{flex:1;padding:9px;border:1px solid #d8deea;background:#fff;border-radius:9px;cursor:pointer}.vmc-view-switch button.selected{border-color:var(--vmc-primary);color:var(--vmc-primary)}.vmc-phone[data-view=back] .vmc-photo,.vmc-phone[data-view=back] .vmc-text-preview{display:none!important}.vmc-phone[data-view=side]{width:100px}.vmc-phone[data-view=side] .vmc-camera{display:none}