.tvs-surface-stage{box-sizing:border-box;width:100%;padding:22px;background:#e7ecdf;border:1px solid #ced8c2;border-radius:10px;color:#122d2b;font:14px/1.5 Arial,Helvetica,sans-serif}
.tvs-canvas-wrap{position:relative;width:100%;min-height:220px;background:#d7dfcd;border-radius:3px}
.tvs-photo-canvas{display:block;width:100%;height:auto;border-radius:3px;touch-action:manipulation;outline-offset:4px}
.tvs-surface-stage:not(.has-photo) .tvs-photo-canvas{display:none}
.tvs-surface-stage.has-photo .tvs-canvas-wrap{min-height:0}
.tvs-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:30px;text-align:center;color:#5d7057;border:1px dashed #91a481;border-radius:3px}
.tvs-surface-stage.has-photo .tvs-empty{display:none}
.tvs-corner-handles{position:absolute;inset:0;pointer-events:none}
.tvs-corner-handle{position:absolute;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:grab;pointer-events:auto;touch-action:none;user-select:none;appearance:none;outline:none}
.tvs-corner-handle span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid #fffef9;background:#2d604e;color:#fffef9;font:700 11px/1 Arial,Helvetica,sans-serif;box-shadow:0 1px 5px #122d2b77}
.tvs-corner-handle:hover span{background:#527d49}
.tvs-corner-handle:focus-visible span{outline:3px solid #b7d489;outline-offset:3px}
.tvs-surface-stage.is-adjusting .tvs-corner-handle{cursor:grabbing}
.tvs-status{font-size:12px;line-height:1.5;color:#53674d;margin:17px 0 0;min-height:3em;overflow-wrap:anywhere}
@media(max-width:420px){.tvs-surface-stage{padding:22px}.tvs-status{font-size:11px}}