.container[data-v-4972fde1]{max-width:1200px;margin:0 auto;padding:20px;font-family:sans-serif}.grid[data-v-4972fde1]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.canvas-wrapper[data-v-4972fde1]{border:2px solid #ddd;overflow:auto;max-height:700px}canvas[data-v-4972fde1]{width:100%;display:block}.card[data-v-4972fde1]{border:1px solid #eee;padding:20px;border-radius:8px;margin-bottom:20px;background:#f9f9f9}.detected-box[data-v-4972fde1]{background:#e3f2fd;padding:15px;border-radius:4px;text-align:center}.value[data-v-4972fde1]{font-size:2rem;font-weight:700;color:#1976d2;margin:10px 0}.chip-container[data-v-4972fde1]{display:flex;flex-wrap:wrap;gap:5px;max-height:300px;overflow-y:auto}.chip[data-v-4972fde1]{background:#eee;padding:2px 8px;border-radius:12px;font-size:.8rem}.debug[data-v-4972fde1]{font-size:.9rem}.skeleton-container[data-v-4972fde1]{background:#f5f5f5;padding:20px;border-radius:8px;position:relative;overflow:hidden;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.skeleton-label[data-v-4972fde1],.skeleton-value[data-v-4972fde1],.skeleton-conf[data-v-4972fde1]{background:#e0e0e0;margin:8px 0;border-radius:4px}.skeleton-label[data-v-4972fde1]{width:40%;height:16px}.skeleton-value[data-v-4972fde1]{width:70%;height:45px}.skeleton-conf[data-v-4972fde1]{width:25%;height:12px}.skeleton-shimmer[data-v-4972fde1]{position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);animation:shimmer-4972fde1 1.5s infinite}@keyframes shimmer-4972fde1{0%{left:-150%}to{left:150%}}.skeleton-chips[data-v-4972fde1]{display:flex;flex-wrap:wrap;gap:5px}.skeleton-chip[data-v-4972fde1]{width:50px;height:20px;background:#eee;border-radius:12px}.placeholder-text[data-v-4972fde1]{color:#999;text-align:center;padding:20px}.usage-notes[data-v-4972fde1]{margin-top:15px;padding:12px 15px;background-color:#fff4e5;border-left:4px solid #ffa000;border-radius:4px;font-size:.85rem;color:#666}.usage-notes p[data-v-4972fde1]{margin:0 0 5px;color:#333;font-weight:700}.usage-notes ul[data-v-4972fde1]{margin:0;padding-left:20px;list-style-type:disc}.usage-notes li[data-v-4972fde1]{margin-bottom:2px}.usage-container[data-v-4972fde1]{margin:15px 0;text-align:left}.notes-toggle-btn[data-v-4972fde1]{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;padding:5px 0}.notes-toggle-btn[data-v-4972fde1]:hover{color:#ffa000}.arrow[data-v-4972fde1]{font-size:.7rem;transition:transform .3s}.arrow.is-open[data-v-4972fde1]{transform:rotate(180deg)}.usage-notes[data-v-4972fde1]{background-color:#fffaf0;border-left:3px solid #ffa000;padding:10px 15px;margin-top:5px;border-radius:4px;font-size:.85rem;color:#555}.usage-notes ul[data-v-4972fde1]{margin:0;padding-left:20px}.fade-slide-enter-active[data-v-4972fde1],.fade-slide-leave-active[data-v-4972fde1]{transition:all .3s ease}.fade-slide-enter-from[data-v-4972fde1],.fade-slide-leave-to[data-v-4972fde1]{opacity:0;transform:translateY(-5px)}