.image-layer[data-v-7f9022e5]{display:flex;flex-direction:column;align-items:center;padding:0 20px 20px}.canvas-container[data-v-7f9022e5]{width:100%;max-width:100vw;padding:0 20px 20px;box-sizing:border-box;margin:0 auto;text-align:center}.responsive-canvas[data-v-7f9022e5]{max-width:100%;max-height:80vh;width:auto;height:auto;display:inline-block;border:1px solid #eee}canvas[data-v-7f9022e5]{display:block}.controls[data-v-7f9022e5]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:800px}.control-group[data-v-7f9022e5]{border:1px solid #ddd;padding:10px;border-radius:5px;min-width:200px}.control-group h3[data-v-7f9022e5]{margin-top:0;margin-bottom:10px}.nested-select[data-v-7f9022e5]{display:flex;flex-direction:column;gap:5px}select[data-v-7f9022e5]{padding:8px;border-radius:4px;border:1px solid #ccc;width:100%}select option[data-v-7f9022e5]{font-family:Microsoft YaHei,sans-serif;padding:8px}button[data-v-7f9022e5]{padding:10px 20px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:20px}button[data-v-7f9022e5]:hover{background-color:#3aa876}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}body{margin:0;padding:0;background-color:#f5f5f5}.app-title{font-size:clamp(1rem,5vw,2rem)}