body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f5f5f5}.container{max-width:1400px;margin:0 auto;padding:20px}header{background-color:#333;color:#fff;padding:1rem 0;box-shadow:0 2px 5px #0000001a}header nav{display:flex;justify-content:space-between;align-items:center}header nav ul{list-style:none;margin:0;padding:0;display:flex}header nav ul li{margin:0 1rem}header nav ul li a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}header nav ul li a:hover,header nav ul li a.router-link-active{background-color:#555}header nav ul li strong{color:#fff;font-weight:700}main{margin-top:2rem}main{padding-top:2rem}h1{margin-bottom:1rem}.container{max-width:1400px}h1[data-v-0a17f35c]{color:#333;text-align:center}p[data-v-0a17f35c]{line-height:1.6;color:#666}.samples-grid[data-v-40fab6be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:2rem}.sample-card[data-v-40fab6be]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center}.sample-card h2[data-v-40fab6be]{margin-top:0;color:#333}.sample-card p[data-v-40fab6be]{color:#666;line-height:1.6}.view-link[data-v-40fab6be]{display:inline-block;margin-top:15px;padding:8px 16px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background .2s}.view-link[data-v-40fab6be]:hover{background-color:#0056b3}.section-title[data-v-aa56205c]{border-bottom:2px solid #333;margin-top:40px;padding-bottom:5px}.grid[data-v-aa56205c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}.test-card[data-v-aa56205c]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.comparison[data-v-aa56205c]{display:flex;gap:20px;align-items:flex-start;margin-top:10px}.preview-box[data-v-aa56205c]{position:relative;width:300px;height:200px;border:1px solid #ccc;background:#eee;display:flex;align-items:center;justify-content:center}.preview-box img[data-v-aa56205c]{width:300px;height:200px;object-fit:cover}.overlay[data-v-aa56205c]{position:absolute;border:2px solid red;box-shadow:0 0 0 1000px #0003;clip-path:inset(0);overflow:hidden;z-index:10}.result-box[data-v-aa56205c]{display:flex;flex-direction:column;align-items:center}.result-img[data-v-aa56205c]{border:1px solid #000;max-width:200px;height:auto;background:#fff}code[data-v-aa56205c]{background:#eee;padding:4px 8px;font-size:.85em;display:block;margin:10px 0;border-radius:4px;overflow-x:auto}.note[data-v-aa56205c]{font-size:.85em;color:#666;margin-bottom:10px;font-style:italic}.view-link[data-v-aa56205c]{display:inline-block;margin-top:10px;padding:6px 12px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-size:.85em;transition:background .2s}.view-link[data-v-aa56205c]:hover{background-color:#0056b3}.grid[data-v-e45fa39a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}.test-card[data-v-e45fa39a]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.comparison[data-v-e45fa39a]{display:flex;gap:20px;align-items:flex-start;margin-top:10px}.preview-box[data-v-e45fa39a]{position:relative;width:300px;height:200px;border:1px solid #ccc;background:#eee;display:flex;align-items:center;justify-content:center}.preview-box img[data-v-e45fa39a]{width:300px;height:200px;object-fit:cover}.overlay[data-v-e45fa39a]{position:absolute;border:2px solid red;box-shadow:0 0 0 1000px #0003;clip-path:inset(0);overflow:hidden;z-index:10}.result-box[data-v-e45fa39a]{display:flex;flex-direction:column;align-items:center}.result-img[data-v-e45fa39a]{border:1px solid #000;max-width:200px;height:auto;background:#fff}code[data-v-e45fa39a]{background:#eee;padding:4px 8px;font-size:.85em;display:block;margin:10px 0;border-radius:4px;overflow-x:auto}.note[data-v-e45fa39a]{font-size:.85em;color:#666;margin-bottom:10px;font-style:italic}.view-link[data-v-e45fa39a]{display:inline-block;margin-top:10px;padding:6px 12px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-size:.85em;transition:background .2s}.view-link[data-v-e45fa39a]:hover{background-color:#0056b3}.section-title[data-v-e45fa39a]{border-bottom:2px solid #333;margin-top:40px;padding-bottom:5px}#openseadragon[data-v-4d802a03]{width:100%;height:70vh;border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.info-panel[data-v-4d802a03]{background-color:#fff;padding:15px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.info-panel h2[data-v-4d802a03]{margin-top:0;color:#555}.info-panel p[data-v-4d802a03]{line-height:1.6;color:#666}.info-panel ul[data-v-4d802a03]{margin-top:10px;padding-left:20px}.info-panel li[data-v-4d802a03]{margin-bottom:5px}h1[data-v-6903124d]{color:#333;text-align:center}h2[data-v-6903124d]{color:#555;border-bottom:1px solid #ddd;padding-bottom:5px}h3[data-v-6903124d]{color:#666}p[data-v-6903124d]{line-height:1.6;color:#666}