#visualizer{--ink: #0f0f0f;--ink-soft: #5a5a5a;--blue: #0f0f0f;--ground: #f5f4f1;--line: rgba(15,15,15,.14);--line-soft: rgba(15,15,15,.08);--shadow-block: 0 1px 0 rgba(15,15,15,.04), 0 18px 40px -24px rgba(15,15,15,.35);color:var(--ink);font-size:15px}#visualizer .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid #0f0f0f;background:#fff;color:#0f0f0f}#visualizer .btn--outline:hover{background:#0f0f0f;color:#fff}#visualizer .btn--ember{background:#0f0f0f;border-color:#0f0f0f;color:#fff}#visualizer .btn--ember:hover{background:#f58426;border-color:#f58426}#visualizer .btn[disabled]{opacity:.45;cursor:default}#visualizer input[type=search],#visualizer input[type=text]{font:inherit;font-size:15px;min-height:44px;padding:0 14px;border:1px solid rgba(15,15,15,.2);border-radius:10px;background:#fff;width:100%}#visualizer input[type=search]:focus,#visualizer input[type=text]:focus{outline:2px solid #F58426;outline-offset:1px}.mb-shop{margin-top:18px;background:#fff;border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-block)}.mb-shop[hidden]{display:none}.mb-shop__title{font-size:17.6px;margin:0 0 10px}.mb-shop__title span{color:var(--ink-soft);font-weight:500}.mb-shop__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.mb-shop__item{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--line-soft);border-radius:10px;padding:8px}.mb-shop__item:hover{border-color:var(--blue)}.mb-shop__item img{grid-row:1 / 3;width:56px;height:56px;object-fit:contain;background:#fff}.mb-shop__item span{font-size:13.6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mb-shop__item em{font-style:normal;font-weight:700;font-size:12.8px;color:var(--blue)}.mb-shop__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.vz-app{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.vz-side{background:#fff;border:1px solid var(--line-soft);border-radius:14px;padding:14px;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto}.vz-h{font-size:16px;margin:4px 0 10px}.vz-hint{font-size:13.44px;color:var(--ink-soft);margin:8px 0}.vz-upload{display:block;cursor:pointer}.vz-samples{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.vz-samples button{position:relative;padding:0;border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;cursor:pointer;background:#fff;aspect-ratio:4 / 3}.vz-samples img{width:100%;height:100%;object-fit:cover}.vz-samples span{position:absolute;left:6px;bottom:6px;background:#fff;font-size:11.84px;font-weight:700;padding:2px 6px;border-radius:4px}.vz-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.vz-quick button{font:inherit;font-size:12.48px;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.vz-quick button:hover{border-color:var(--blue);color:var(--blue)}.vz-tools{display:flex;gap:6px;flex-wrap:wrap;min-height:38px;margin-bottom:8px;visibility:hidden}.vz-tools.is-on{visibility:visible}.vz-tools button{font:inherit;font-size:13.44px;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 11px;cursor:pointer}.vz-tools button:hover{border-color:var(--blue);color:var(--blue)}.vz-tools .vz-del{color:#b42318}.vz-stage{position:relative;background:var(--ground);border-radius:14px;overflow:hidden;min-height:380px;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:var(--shadow-block)}.vz-stage.has-bg{min-height:0}.vz-bg{display:block;width:100%;height:auto;pointer-events:none}.vz-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:20px}.vz-item{position:absolute;cursor:grab}.vz-item img{display:block;width:100%;height:auto;pointer-events:none}.vz-item.is-blend img{mix-blend-mode:multiply}.vz-item.is-sel{outline:2px dashed var(--blue);outline-offset:2px}.vz-handle{display:none;position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;border-radius:50%;background:var(--blue);border:3px solid #fff;cursor:nwse-resize}.vz-item.is-sel .vz-handle{display:block}.vz-actions{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.vz-list{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-block)}.vz-list[hidden]{display:none}@media(max-width:900px){.vz-app,.fm-app{grid-template-columns:1fr}.vz-side{position:static;max-height:none;order:2}}.vz-item.is-cutting img{mix-blend-mode:multiply}
/*# sourceMappingURL=/cdn/shop/t/55/assets/ph-visualizer.css.map */