.image-container[data-v-38dfd3c5]{width:95%;margin:0 auto 30px;border-radius:4px}.image-container img[data-v-38dfd3c5]{width:100%}.container[data-v-38dfd3c5]{max-width:1000px;width:100%;background:#fff;border-radius:12px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px rgba(0,0,0,.15);padding:25px;margin-bottom:20px}h1[data-v-38dfd3c5]{text-align:center;color:#2c3e50;margin-bottom:20px;font-weight:600}.description[data-v-38dfd3c5]{text-align:center;color:#7f8c8d;margin-bottom:25px;line-height:1.6}.image-container[data-v-38dfd3c5]{position:relative;display:inline-block;margin:0 auto;overflow:hidden;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-container img[data-v-38dfd3c5]{display:block;max-width:100%;height:auto}.image-container canvas[data-v-38dfd3c5]{position:absolute;top:0;left:0;cursor:default}.controls[data-v-38dfd3c5]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;margin:20px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.coord-display[data-v-38dfd3c5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.coord-group[data-v-38dfd3c5]{background:#fff;padding:12px;border-radius:6px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.05);box-shadow:0 2px 5px rgba(0,0,0,.05)}.coord-group h4[data-v-38dfd3c5]{color:#7f8c8d;margin-bottom:8px;font-size:14px;text-transform:uppercase}.coord-value[data-v-38dfd3c5]{font-family:Courier New,monospace;font-size:16px;color:#2c3e50}.instructions[data-v-38dfd3c5]{margin-top:25px;padding:15px;background:#fff8e1;border-left:4px solid #ffc107;border-radius:4px}.instructions h3[data-v-38dfd3c5]{color:#d35400;margin-bottom:10px}.instructions ul[data-v-38dfd3c5]{padding-left:20px;color:#7f8c8d}.instructions li[data-v-38dfd3c5]{margin-bottom:8px;line-height:1.5}.mode-selector[data-v-38dfd3c5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:15px;gap:15px}.mode-btn[data-v-38dfd3c5]{padding:8px 16px;border:2px solid #3498db;border-radius:6px;background:#fff;color:#3498db;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.mode-btn.active[data-v-38dfd3c5]{background:#3498db;color:#fff}@media (max-width:768px){.coord-display[data-v-38dfd3c5]{grid-template-columns:1fr 1fr}}@media (max-width:600px){.container[data-v-38dfd3c5]{padding:15px}.coord-display[data-v-38dfd3c5]{grid-template-columns:1fr}.controls[data-v-38dfd3c5],.mode-selector[data-v-38dfd3c5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}