.inv{--a:#7b2d43;--a2:#f6ecef;--ink:#2a2227;--mute:#7a6f75;--line:#e7dfe2;--bg:#faf7f5;
font-family:Poppins,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;box-sizing:border-box;font-size:15px;line-height:1.45}
.inv *,.inv *::before,.inv *::after{box-sizing:border-box}
.inv [hidden]{display:none!important}
.inv-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:#fff;border-bottom:1px solid var(--line)}
.inv-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;flex-wrap:wrap}
.inv-brand img{height:34px;width:auto}
.inv-brand em{font-style:normal;font-weight:400;color:var(--mute);font-size:14px}
.inv-badge{font-size:13px;padding:5px 12px;border-radius:99px;background:#f1eeee;color:var(--mute);white-space:nowrap}
.inv-badge.ok{background:#e3f5e8;color:#1c7a3c;font-weight:600}
.inv-main{display:grid;grid-template-columns:minmax(260px,330px) minmax(280px,1fr) minmax(280px,360px);gap:24px;padding:24px;max-width:1400px;margin:0 auto;align-items:start}
.inv h2{font-size:15px;margin:0 0 12px;font-weight:700;letter-spacing:.01em}
.inv-gallery,.inv-edit{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.inv-gallery{max-height:calc(100vh - 110px);overflow:auto;position:sticky;top:16px}
.inv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.inv-chips button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 11px;font:inherit;font-size:12.5px;cursor:pointer;color:var(--ink)}
.inv-chips button.on{background:var(--a);border-color:var(--a);color:#fff}
.inv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.inv-card{border:2px solid transparent;background:none;padding:4px;border-radius:12px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.inv-card canvas{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.inv-card b{display:block;font-size:13px;margin-top:6px;font-weight:600}
.inv-card span{font-size:12px;color:var(--mute)}
.inv-card.sel{border-color:var(--a);background:var(--a2)}
.inv-stage{display:flex;flex-direction:column;align-items:center;position:sticky;top:16px}
.inv-phone{width:min(100%,calc((100vh - 230px)*.5625));min-width:230px;border-radius:26px;padding:8px;background:#1d1a1c;box-shadow:0 18px 40px rgba(40,20,30,.25)}
.inv-phone canvas{width:100%;height:auto;display:block;border-radius:19px}
.inv-controls{display:flex;align-items:center;gap:10px;width:min(100%,420px);margin-top:14px}
.inv-controls button{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px;color:var(--ink)}
.inv-controls input{flex:1;accent-color:var(--a)}
.inv-hint{font-size:13px;color:var(--mute);text-align:center;margin:10px 0 0;max-width:420px}
.inv-edit label{display:block;margin-bottom:10px;font-size:13px}
.inv-edit label>span{display:block;color:var(--mute);margin-bottom:3px}
.inv-edit input[type=text],.inv-edit textarea,.inv-edit select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:15px;background:#fff;color:var(--ink);resize:vertical}
.inv-edit input:focus,.inv-edit textarea:focus,.inv-edit select:focus{outline:2px solid var(--a);outline-offset:0;border-color:var(--a)}
.inv-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.inv-row>label{flex:1;margin:0}
.inv-file{display:inline-block;border:1px dashed #cdbfc5;border-radius:9px;padding:9px 12px;cursor:pointer;text-align:center;color:var(--a)}
.inv-file input{display:none}
.inv-link{background:none;border:0;padding:0;color:var(--a);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
.inv-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.inv-btn{display:block;width:100%;text-align:center;padding:12px 16px;border-radius:10px;border:1px solid var(--a);background:var(--a);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;margin-top:8px}
.inv-btn.ghost{background:#fff;color:var(--a)}
.inv-code{display:flex;gap:8px}
.inv-code input{flex:1;text-transform:uppercase;letter-spacing:.08em}
.inv-code .inv-btn{width:auto;margin:0}
.inv-small{font-size:13px;color:var(--mute);margin:8px 0}
.inv-err{color:#b3261e;font-size:13px;margin:8px 0 0}
.inv-modal{position:fixed;inset:0;background:rgba(30,20,25,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.inv-modal>div{background:#fff;border-radius:16px;padding:26px;max-width:420px;width:100%;text-align:center}
.inv-modal h3{margin:0 0 8px;font-size:19px}
.inv-modal p{margin:0 0 16px;color:var(--mute);font-size:14px}
.inv-bar{height:8px;background:#eee;border-radius:9px;overflow:hidden;margin-bottom:8px}
.inv-bar i{display:block;height:100%;width:0;background:var(--a)}
.inv-embed{min-height:0;background:transparent}
.inv-embed .inv-top,.inv-embed .inv-gallery,.inv-embed #inv-reset{display:none}
.inv-embed .inv-main{grid-template-columns:minmax(220px,300px) minmax(260px,1fr);padding:8px;gap:20px}
.inv-embed .inv-stage{position:static}
.inv-embed .inv-phone{width:100%}
.inv-embed .inv-edit h2{font-size:16px}
@media (max-width:1080px){
.inv-main{grid-template-columns:1fr 1fr}
.inv-gallery{grid-column:1/-1;position:static;max-height:none}
.inv-grid{display:flex;overflow-x:auto;padding-bottom:6px}
.inv-card{flex:0 0 118px}
}
@media (max-width:700px){
.inv-main,.inv-embed .inv-main{grid-template-columns:1fr;padding:14px;gap:16px}
.inv-stage{position:static}
.inv-phone{width:min(78vw,340px)}
.inv-top{padding:12px 14px}
}