.vpz-app{--green:#26764d;--dark:#17251d;--line:#dce7df;max-width:1380px;margin:30px auto;padding:0 18px;color:var(--dark);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.vpz-app *{box-sizing:border-box}.vpz-header{text-align:center;max-width:850px;margin:0 auto 24px}.vpz-header span{font-size:12px;letter-spacing:.14em;color:var(--green);font-weight:800}.vpz-header h1{font-size:clamp(30px,4vw,52px);line-height:1.04;margin:10px 0}.vpz-header p{font-size:18px;line-height:1.55;color:#536158}.vpz-card,.vpz-editor,.vpz-details,.vpz-success{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px rgba(18,52,32,.08)}.vpz-upload{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:32px;max-width:980px;margin:auto}.vpz-upload h2,.vpz-editor h2,.vpz-details h2{margin:0 0 10px;font-size:26px}.vpz-upload p,.vpz-editor p{color:#5f6d64;line-height:1.5}.vpz-tips{display:flex;gap:8px;flex-wrap:wrap}.vpz-tips span{padding:8px 11px;background:#eef7f1;border-radius:999px;color:var(--green);font-weight:700}.vpz-drop{min-height:220px;border:2px dashed #aac8b4;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#f7fbf8}.vpz-drop input{position:absolute;opacity:0;pointer-events:none}.vpz-drop b{font-size:42px}.vpz-drop strong{font-size:20px;margin:8px}.vpz-drop small{color:#6b776f}.vpz-editor{padding:22px}.vpz-editor-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.vpz-change-photo,.vpz-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer}.vpz-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;margin-top:14px}.vpz-tools{display:grid;gap:7px;align-content:start;max-height:78vh;overflow:auto;position:sticky;top:20px}.vpz-tools button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;text-align:left;display:grid;grid-template-columns:34px 1fr;cursor:pointer}.vpz-tools button b{font-size:24px;grid-row:1/3}.vpz-tools button span{font-weight:800}.vpz-tools button small{color:#68756d}.vpz-tools button.active{background:#eaf5ed;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.vpz-tools hr{border:0;border-top:1px solid var(--line);width:100%}.vpz-tools h3{margin:9px 4px 1px;font-size:11px;letter-spacing:.08em;color:#597064}.vpz-tools h3:first-child{margin-top:0}.vpz-status{padding:12px 15px;background:#eef7f1;border-radius:12px;margin-bottom:9px;font-weight:750;color:#285a3d}.vpz-stage{position:relative;background:#e8ece9;border-radius:14px;overflow:hidden;touch-action:none;user-select:none;line-height:0}.vpz-stage img{display:block;width:100%;height:auto;pointer-events:none}.vpz-stage svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.vpz-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.vpz-mark-list{display:grid;gap:7px}.vpz-mark{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;border:1px solid var(--line);border-radius:11px;padding:7px}.vpz-mark i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800}.vpz-mark button{border:0;background:transparent;cursor:pointer}.vpz-mark .main{text-align:left}.vpz-mark .main b,.vpz-mark .main small{display:block}.vpz-mark .main small{color:#68756d}.vpz-mark .delete{font-size:23px}.vpz-details{margin-top:24px;padding:28px}.vpz-details label>span{display:block;font-weight:800;margin-bottom:7px}.vpz-details textarea,.vpz-details input,.vpz-modal input,.vpz-modal textarea{width:100%;border:1px solid #b9c9bf;border-radius:10px;padding:12px;font:inherit}.vpz-details>label{display:block;margin-bottom:18px}.vpz-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vpz-consent{display:flex!important;gap:9px;align-items:flex-start;margin-top:18px}.vpz-consent input{width:auto}.vpz-sales{display:flex;flex-direction:column;gap:5px;padding:16px;background:#eef7f1;border-radius:13px;margin:20px 0}.vpz-submit{width:100%;padding:16px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:18px;font-weight:800;cursor:pointer}.vpz-error{padding:12px;background:#fff0f0;color:#9b2020;border-radius:10px;margin:10px 0}.vpz-error:empty{display:none}.vpz-success{text-align:center;padding:50px;max-width:800px;margin:auto}.vpz-success div{width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:32px;margin:auto}.vpz-modal[hidden],.vpz-editor[hidden],.vpz-success[hidden],.vpz-hp,.vpz-modal [hidden]{display:none!important}.vpz-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:grid;place-items:center;padding:15px}.vpz-modal-card{width:min(520px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.3)}.vpz-modal-help{margin:0 0 14px;color:#5f6d64;line-height:1.45}.vpz-modal-card label{display:block;margin:12px 0}.vpz-modal-card label span{font-weight:800;display:block;margin-bottom:7px}.vpz-modal-card>div:last-child{display:flex;justify-content:flex-end;gap:9px}.vpz-modal button{padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}.vpz-modal button.primary{background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:800px){.vpz-app{padding:0 8px;margin:12px auto}.vpz-upload{grid-template-columns:1fr;padding:18px}.vpz-drop{min-height:160px}.vpz-editor{padding:10px}.vpz-editor-top{display:block}.vpz-workspace{display:flex;flex-direction:column}.vpz-canvas-column{order:1}.vpz-tools{order:2;position:static;display:grid;grid-template-columns:repeat(4,1fr);max-height:none;overflow:visible}.vpz-tools hr,.vpz-tools h3{grid-column:1/-1}.vpz-tools h3{margin:10px 2px 2px;text-align:left}.vpz-tools button{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 3px;min-height:74px}.vpz-tools button b{font-size:23px}.vpz-tools button span{font-size:12px}.vpz-tools button small{font-size:10px}.vpz-stage{border-radius:9px}.vpz-details{padding:17px}.vpz-contact{grid-template-columns:1fr}.vpz-header p{font-size:16px}.vpz-editor-top .vpz-change-photo{margin-bottom:8px}.vpz-actions button{flex:1}.vpz-submit{position:sticky;bottom:8px;z-index:30}}