.sidebar[data-v-640387cf]{width:var(--sidebar-width);flex-shrink:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:2rem 1rem;gap:.5rem;background:var(--color-light);overflow-y:auto}.logo[data-v-640387cf]{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--color-dark)}.logo span[data-v-640387cf]{color:var(--color-primary)}a[data-v-640387cf]{color:var(--color-dark);text-decoration:none;padding:.6rem 1rem;border-radius:var(--border-radius);font-size:.9rem;transition:background .2s,color .2s}a[data-v-640387cf]:hover{background:var(--color-primary);color:var(--color-white)}a.router-link-active[data-v-640387cf]{background:var(--color-primary);color:var(--color-white);font-weight:700}.hamburger[data-v-640387cf],.overlay[data-v-640387cf]{display:none}@media (max-width: 768px){.sidebar[data-v-640387cf]{position:fixed;top:0;left:0;width:min(260px,80vw);height:100vh;height:100dvh;z-index:100;padding-top:4.5rem;transform:translate(-100%);visibility:hidden;transition:transform .3s ease,visibility .3s;box-shadow:var(--shadow)}.sidebar.open[data-v-640387cf]{transform:translate(0);visibility:visible}a[data-v-640387cf]{display:flex;align-items:center;min-height:var(--tap-size);font-size:1rem}.hamburger[data-v-640387cf]{display:flex;align-items:center;justify-content:center;position:fixed;top:.75rem;left:.75rem;z-index:200;width:var(--tap-size);height:var(--tap-size);background:var(--color-dark);color:var(--color-white);border:none;border-radius:var(--border-radius);font-size:1.2rem;cursor:pointer}.overlay[data-v-640387cf]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:99}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-white);color:var(--color-black);font-family:sans-serif}img,canvas,svg{max-width:100%}.app-layout{display:flex;height:100vh;height:100dvh}.content{flex:1;min-width:0;padding:var(--page-padding);padding-top:calc(var(--page-padding) + var(--header-offset));background:var(--color-white);overflow-y:auto;overflow-x:hidden}.matrix-wrapper[data-v-aef281de]{background:var(--color-light);border-radius:var(--border-radius);padding:.8rem;display:inline-block;max-width:100%}.matrix-grid[data-v-aef281de]{display:flex;flex-direction:column;gap:.3rem}.matrix-row[data-v-aef281de]{display:flex;gap:.3rem}input[data-v-aef281de]{flex:0 1 55px;width:55px;min-width:0;padding:.35rem;text-align:center;border:none;border-bottom:1px solid var(--color-dark);border-radius:0;background:transparent;color:var(--color-black);font-size:.85rem;-moz-appearance:textfield}input[data-v-aef281de]::-webkit-outer-spin-button,input[data-v-aef281de]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[data-v-aef281de]:focus{outline:none;border-bottom:2px solid var(--color-primary)}@media (max-width: 768px){.matrix-wrapper[data-v-aef281de]{display:block;width:100%;max-width:320px;margin:0 auto}.matrix-grid[data-v-aef281de],.matrix-row[data-v-aef281de]{gap:.5rem}input[data-v-aef281de]{flex:1 1 0;width:auto;min-height:var(--tap-size);font-size:16px}}.image-selector[data-v-8901f08e]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.grid-wrapper[data-v-8901f08e]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#d0d0d0;border-radius:var(--border-radius);padding:.75rem}.grid-header[data-v-8901f08e]{font-size:.9rem;color:var(--color-dark);font-weight:700;margin-bottom:.5rem;text-align:center}.image-grid[data-v-8901f08e]{display:flex;flex-wrap:wrap;gap:.4rem;overflow-y:auto;justify-content:center}.upload-section[data-v-8901f08e]{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.upload-section h4[data-v-8901f08e]{margin:0;color:var(--color-dark);font-size:.9rem}.upload-btn[data-v-8901f08e]{background:var(--color-primary);color:var(--color-white);border:none;padding:.35rem .9rem;border-radius:var(--border-radius);cursor:pointer;transition:background .2s;font-size:.9rem}.upload-btn[data-v-8901f08e]:hover{background:var(--color-btn-hover)}.thumb[data-v-8901f08e]{font:inherit;color:inherit;cursor:pointer;border:2px solid transparent;border-radius:var(--border-radius);padding:3px;background:var(--color-white);text-align:center;transition:transform .2s,border-color .2s}@media (hover: hover){.thumb[data-v-8901f08e]:hover{border-color:var(--color-primary);transform:scale(1.05)}}.thumb[data-v-8901f08e]:active,.thumb[data-v-8901f08e]:focus-visible{border-color:var(--color-primary);outline:none}.thumb img[data-v-8901f08e]{width:60px;height:60px;object-fit:cover;border-radius:4px;display:block}.thumb span[data-v-8901f08e]{font-size:11px;color:var(--color-dark);display:block;margin-top:2px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-wrapper[data-v-8901f08e]{flex:1;min-height:0;margin-bottom:3.25rem;position:relative;background:#d0d0d0;border-radius:var(--border-radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-img[data-v-8901f08e]{width:100%;height:100%;object-fit:contain}.reset-btn[data-v-8901f08e]{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.reset-btn[data-v-8901f08e]:hover{background:rgba(0,0,0,.7)}@media (max-width: 1024px){.image-selector[data-v-8901f08e],.grid-wrapper[data-v-8901f08e]{flex:none;overflow:visible}.image-grid[data-v-8901f08e]{max-height:45vh}.selected-wrapper[data-v-8901f08e]{flex:none;height:clamp(220px,75vw,65vh);margin-bottom:0}}@media (max-width: 768px){.image-grid[data-v-8901f08e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.5rem}.thumb img[data-v-8901f08e]{width:100%;height:auto;aspect-ratio:1}.thumb span[data-v-8901f08e]{max-width:100%}.upload-btn[data-v-8901f08e]{display:flex;align-items:center;justify-content:center;min-height:var(--tap-size);width:100%;max-width:320px;font-size:16px}.reset-btn[data-v-8901f08e]{width:var(--tap-size);height:var(--tap-size);font-size:1.1rem}}.axes-overlay[data-v-a9a6e142]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.axis[data-v-a9a6e142]{stroke:var(--color-primary);stroke-width:2.5}.grid line[data-v-a9a6e142]{stroke:var(--color-primary);stroke-width:.5;opacity:.35}.circle[data-v-a9a6e142]{fill:none;stroke:var(--color-primary);stroke-width:2.5}.labels text[data-v-a9a6e142]{fill:var(--color-primary);font-size:12px;font-weight:bolder;paint-order:stroke;stroke:#fffc;stroke-width:3px}.overlay[data-v-ab1cf4a8]{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;background:#111;z-index:99999;display:flex;flex-direction:column}.controls[data-v-ab1cf4a8]{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));display:flex;align-items:center;gap:.8rem;z-index:100000}.zoom-info[data-v-ab1cf4a8]{color:#fff;font-size:.9rem;background:rgba(255,255,255,.1);padding:.3rem .6rem;border-radius:6px}.axes-toggle[data-v-ab1cf4a8]{display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.axes-toggle input[data-v-ab1cf4a8]{margin:0;cursor:pointer;accent-color:var(--color-primary)}.ctrl-btn[data-v-ab1cf4a8]{background:rgba(255,255,255,.15);color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.ctrl-btn[data-v-ab1cf4a8]:hover{background:rgba(255,255,255,.3)}.close-btn[data-v-ab1cf4a8]{background:rgba(200,50,50,.6)}.close-btn[data-v-ab1cf4a8]:hover{background:rgba(200,50,50,.9)}.splitter[data-v-ab1cf4a8]{height:3px;flex-shrink:0;width:100%;background:var(--color-primary, #009B91)}.panel[data-v-ab1cf4a8]{flex:1 1 0;min-height:0;min-width:0;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.panel-label[data-v-ab1cf4a8]{position:absolute;top:max(.6rem,env(safe-area-inset-top));left:max(.8rem,env(safe-area-inset-left));color:#fff;font-size:.8rem;background:rgba(0,0,0,.6);padding:.2rem .6rem;border-radius:4px;z-index:5;pointer-events:none}.pan-area[data-v-ab1cf4a8]{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.overlay-layer[data-v-ab1cf4a8]{position:absolute;pointer-events:none}.full-img[data-v-ab1cf4a8]{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-touch-callout:none;image-rendering:pixelated;image-rendering:crisp-edges}@media (pointer: coarse){.ctrl-btn[data-v-ab1cf4a8]{min-height:var(--tap-size, 44px);min-width:var(--tap-size, 44px);font-size:1rem}}.result-viewer[data-v-c530a119]{flex:1;min-height:0;display:flex;flex-direction:column}.result-box[data-v-c530a119]{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);overflow:hidden;background:#d0d0d0}.image-frame[data-v-c530a119]{position:relative;width:100%;height:100%}.overlay-layer[data-v-c530a119]{position:absolute;pointer-events:none}.preview-img[data-v-c530a119]{width:100%;height:100%;object-fit:contain;display:block}.placeholder[data-v-c530a119]{color:#999;font-size:.9rem;padding:1rem;text-align:center}.download-panel[data-v-c530a119]{margin-top:.75rem;height:2.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;align-items:center}.download-panel button[data-v-c530a119]{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:background .2s}.download-panel button[data-v-c530a119]:hover:not(:disabled){background:var(--color-btn-hover)}.download-panel button[data-v-c530a119]:disabled{background:#aaa;cursor:not-allowed}.download-panel select[data-v-c530a119]{padding:.5rem;border-radius:var(--border-radius)}@media (max-width: 1024px){.result-viewer[data-v-c530a119]{flex:none}.result-box[data-v-c530a119]{flex:none;height:clamp(220px,75vw,65vh)}}@media (max-width: 768px){.download-panel[data-v-c530a119]{gap:.5rem;height:auto}.download-panel button[data-v-c530a119]{flex:1 1 0;min-height:var(--tap-size);font-size:16px;white-space:nowrap}.download-panel select[data-v-c530a119]{flex:1 1 100%;min-height:var(--tap-size);font-size:16px}}.view[data-v-f531937b]{max-width:100%;height:100%;display:flex;flex-direction:column}.title[data-v-f531937b]{font-size:1.5rem;color:var(--color-dark);margin-bottom:1.5rem;flex-shrink:0}.card[data-v-f531937b]{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);flex:1;min-height:0}.images-section[data-v-f531937b]{flex:2;min-width:0;background:#e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:var(--card-padding);min-height:0}.input-slot[data-v-f531937b],.result-slot[data-v-f531937b]{display:contents}.controls-section[data-v-f531937b]{flex:1;min-width:0;background:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:var(--card-padding);overflow-y:auto;position:relative}.matrix-with-factor[data-v-f531937b]{display:flex;align-items:center;gap:.5rem;max-width:100%}.matrix-with-factor[data-v-f531937b] .matrix-wrapper{min-width:0}.factor-input[data-v-f531937b]{flex-shrink:0}.scalar-field[data-v-f531937b]{width:100%;display:flex;align-items:center;gap:1rem}.scalar-field label[data-v-f531937b]{color:var(--color-dark);font-size:.9rem;width:80px;flex-shrink:0}.scalar-input[data-v-f531937b]{width:55px;padding:.35rem;text-align:center;border:none;border-bottom:1px solid var(--color-dark);background:var(--color-light);border-radius:var(--border-radius);color:var(--color-black);font-size:.85rem;-moz-appearance:textfield}.scalar-input[data-v-f531937b]::-webkit-outer-spin-button,.scalar-input[data-v-f531937b]::-webkit-inner-spin-button{-webkit-appearance:none}.scalar-input[data-v-f531937b]:focus{outline:2px solid var(--color-primary)}.scalar-input.invalid[data-v-f531937b]{border-bottom:2px solid #b00020}.hint[data-v-f531937b]{font-size:.8rem;color:#666;margin:0;align-self:flex-start}.multiply[data-v-f531937b]{font-size:1.2rem;color:var(--color-dark);font-weight:700;flex-shrink:0}.btn[data-v-f531937b]{background:var(--color-primary);color:var(--color-white);border:none;padding:.6rem 2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:background .2s;width:100%;margin-top:auto}.btn[data-v-f531937b]:hover:not(:disabled){background:var(--color-btn-hover)}.btn[data-v-f531937b]:disabled{background:#aaa;cursor:not-allowed}.validation-message[data-v-f531937b]{color:#b00020;font-size:.85rem;margin:0;align-self:flex-start}.info-hint[data-v-f531937b]{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;font:inherit;cursor:help}.info-icon[data-v-f531937b]{font-size:1.1rem;color:var(--color-dark);opacity:.7;transition:opacity .2s}.tooltip[data-v-f531937b]{position:absolute;top:1.6rem;right:0;background:var(--color-dark);color:var(--color-white);padding:.4rem .65rem;border-radius:5px;font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:10}.tooltip.tooltip-visible[data-v-f531937b]{opacity:1;visibility:visible}@media (hover: hover){.info-hint:hover .info-icon[data-v-f531937b]{opacity:1}.info-hint:hover .tooltip[data-v-f531937b]{opacity:1;visibility:visible}}@media (max-width: 1024px){.view[data-v-f531937b]{height:auto}.card[data-v-f531937b]{flex-direction:column;overflow:visible}.images-section[data-v-f531937b]{display:contents}.input-slot[data-v-f531937b]{display:block;order:1;background:#e0e0e0;padding:var(--card-padding);border-radius:var(--border-radius) var(--border-radius) 0 0}.controls-section[data-v-f531937b]{order:3;overflow:visible;border-radius:0 0 var(--border-radius) var(--border-radius);gap:1rem}.result-slot[data-v-f531937b]{display:block;order:2;background:#e0e0e0;padding:0 var(--card-padding) var(--card-padding);border-radius:0}.btn[data-v-f531937b]{margin-top:.5rem}}@media (max-width: 768px){.title[data-v-f531937b]{font-size:1.25rem;margin-bottom:1rem}.matrix-with-factor[data-v-f531937b]{width:100%}.matrix-with-factor[data-v-f531937b] .matrix-wrapper{flex:1;margin:0}.scalar-input[data-v-f531937b],.btn[data-v-f531937b]{font-size:16px}.scalar-input[data-v-f531937b],.btn[data-v-f531937b]{min-height:var(--tap-size)}.scalar-field .scalar-input[data-v-f531937b]{flex:1;max-width:140px}.factor-input[data-v-f531937b]{width:60px}.info-hint[data-v-f531937b]{top:.5rem;right:.5rem;width:var(--tap-size);height:var(--tap-size);cursor:pointer}.info-icon[data-v-f531937b]{font-size:1.3rem}.tooltip[data-v-f531937b]{top:calc(var(--tap-size) - .25rem);right:.25rem;max-width:180px;white-space:normal;text-align:center}}.view[data-v-b5cc7946]{max-width:100%;height:100%;display:flex;flex-direction:column}.title[data-v-b5cc7946]{font-size:1.5rem;color:var(--color-dark);margin-bottom:1.5rem;flex-shrink:0}.card[data-v-b5cc7946]{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);flex:1;min-height:0}.images-section[data-v-b5cc7946]{flex:2;min-width:0;min-height:0;background:#e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:var(--card-padding)}.input-slot[data-v-b5cc7946],.result-slot[data-v-b5cc7946]{display:contents}.controls-section[data-v-b5cc7946]{flex:1;min-width:0;background:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:var(--card-padding);overflow-y:auto}h4[data-v-b5cc7946]{color:var(--color-dark);font-size:.95rem;font-weight:700;align-self:flex-start}.scalars[data-v-b5cc7946]{width:100%;display:flex;flex-direction:column;gap:.5rem}.scalar-field[data-v-b5cc7946]{display:flex;align-items:center;gap:1rem}.scalar-field label[data-v-b5cc7946]{color:var(--color-dark);font-size:.9rem;width:70px;flex-shrink:0}.scalar-field input[data-v-b5cc7946]{width:80px;padding:.35rem;text-align:center;border:none;border-bottom:1px solid var(--color-dark);background:var(--color-light);border-radius:var(--border-radius);color:var(--color-black);font-size:.85rem;-moz-appearance:textfield}.scalar-field input[data-v-b5cc7946]::-webkit-outer-spin-button,.scalar-field input[data-v-b5cc7946]::-webkit-inner-spin-button{-webkit-appearance:none}.scalar-field input[data-v-b5cc7946]:focus{outline:2px solid var(--color-primary)}.btn[data-v-b5cc7946]{background:var(--color-primary);color:var(--color-white);border:none;padding:.6rem 2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:background .2s;width:100%;margin-top:auto}.btn[data-v-b5cc7946]:hover:not(:disabled){background:var(--color-btn-hover)}.btn[data-v-b5cc7946]:disabled{background:#aaa;cursor:not-allowed}.validation-message[data-v-b5cc7946]{color:#b00020;font-size:.85rem;margin:0;align-self:flex-start}.section-header[data-v-b5cc7946]{width:100%;display:flex;justify-content:space-between;align-items:center}.section-header h4[data-v-b5cc7946]{margin:0}.info-hint[data-v-b5cc7946]{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;font:inherit;cursor:help}.info-icon[data-v-b5cc7946]{font-size:1.1rem;color:var(--color-dark);opacity:.7;transition:opacity .2s}.tooltip[data-v-b5cc7946]{position:absolute;top:1.6rem;right:0;width:max-content;max-width:min(280px,75vw);background:var(--color-dark);color:var(--color-white);padding:.4rem .65rem;border-radius:5px;font-size:.85rem;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:10}.tooltip.tooltip-visible[data-v-b5cc7946]{opacity:1;visibility:visible}@media (hover: hover){.info-hint:hover .info-icon[data-v-b5cc7946]{opacity:1}.info-hint:hover .tooltip[data-v-b5cc7946]{opacity:1;visibility:visible}}@media (max-width: 1024px){.view[data-v-b5cc7946]{height:auto}.card[data-v-b5cc7946]{flex-direction:column;overflow:visible}.images-section[data-v-b5cc7946]{display:contents}.input-slot[data-v-b5cc7946]{display:block;order:1;background:#e0e0e0;padding:var(--card-padding);border-radius:var(--border-radius) var(--border-radius) 0 0}.controls-section[data-v-b5cc7946]{order:3;overflow:visible;border-radius:0 0 var(--border-radius) var(--border-radius)}.result-slot[data-v-b5cc7946]{display:block;order:2;background:#e0e0e0;padding:0 var(--card-padding) var(--card-padding);border-radius:0}.btn[data-v-b5cc7946]{margin-top:.5rem}}@media (max-width: 768px){.title[data-v-b5cc7946]{font-size:1.25rem;margin-bottom:1rem}.scalars[data-v-b5cc7946]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:.75rem}.scalar-field[data-v-b5cc7946]{gap:.5rem}.scalar-field label[data-v-b5cc7946]{width:1.75rem}.scalar-field input[data-v-b5cc7946],.btn[data-v-b5cc7946]{font-size:16px;min-height:var(--tap-size)}.scalar-field input[data-v-b5cc7946]{flex:1;min-width:0;width:auto}.info-hint[data-v-b5cc7946]{width:var(--tap-size);height:var(--tap-size);cursor:pointer}.info-icon[data-v-b5cc7946]{font-size:1.3rem}.tooltip[data-v-b5cc7946]{top:calc(var(--tap-size) - .25rem)}}.view[data-v-e8b1b805]{max-width:100%;height:100%;display:flex;flex-direction:column}.title[data-v-e8b1b805]{font-size:1.5rem;color:var(--color-dark);margin-bottom:1.5rem;flex-shrink:0}.card[data-v-e8b1b805]{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);flex:1;min-height:0}.images-section[data-v-e8b1b805]{flex:2;min-width:0;min-height:0;background:#e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:var(--card-padding)}.input-slot[data-v-e8b1b805],.result-slot[data-v-e8b1b805]{display:contents}.controls-section[data-v-e8b1b805]{flex:1;min-width:0;background:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:var(--card-padding);overflow-y:auto}h4[data-v-e8b1b805]{color:var(--color-dark);font-size:.95rem;font-weight:700;align-self:flex-start}.toggle[data-v-e8b1b805]{display:flex;align-items:center;gap:.5rem;align-self:flex-start;font-size:.9rem;color:var(--color-dark);cursor:pointer}.toggle input[data-v-e8b1b805]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.btn[data-v-e8b1b805]{background:var(--color-primary);color:var(--color-white);border:none;padding:.6rem 2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:background .2s;width:100%;margin-top:auto}.btn[data-v-e8b1b805]:hover:not(:disabled){background:var(--color-btn-hover)}.btn[data-v-e8b1b805]:disabled{background:#aaa;cursor:not-allowed}.validation-message[data-v-e8b1b805]{color:#b00020;font-size:.85rem;margin:0;align-self:flex-start}.section-header[data-v-e8b1b805]{width:100%;display:flex;justify-content:space-between;align-items:center}.section-header h4[data-v-e8b1b805]{margin:0}.info-hint[data-v-e8b1b805]{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;font:inherit;cursor:help}.info-icon[data-v-e8b1b805]{font-size:1.1rem;color:var(--color-dark);opacity:.7;transition:opacity .2s}.tooltip[data-v-e8b1b805]{position:absolute;top:1.6rem;right:0;width:max-content;max-width:min(280px,75vw);background:var(--color-dark);color:var(--color-white);padding:.4rem .65rem;border-radius:5px;font-size:.85rem;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:10}.tooltip.tooltip-visible[data-v-e8b1b805]{opacity:1;visibility:visible}@media (hover: hover){.info-hint:hover .info-icon[data-v-e8b1b805]{opacity:1}.info-hint:hover .tooltip[data-v-e8b1b805]{opacity:1;visibility:visible}}@media (max-width: 1024px){.view[data-v-e8b1b805]{height:auto}.card[data-v-e8b1b805]{flex-direction:column;overflow:visible}.images-section[data-v-e8b1b805]{display:contents}.input-slot[data-v-e8b1b805]{display:block;order:1;background:#e0e0e0;padding:var(--card-padding);border-radius:var(--border-radius) var(--border-radius) 0 0}.controls-section[data-v-e8b1b805]{order:3;overflow:visible;border-radius:0 0 var(--border-radius) var(--border-radius)}.result-slot[data-v-e8b1b805]{display:block;order:2;background:#e0e0e0;padding:0 var(--card-padding) var(--card-padding);border-radius:0}.btn[data-v-e8b1b805]{margin-top:.5rem}}@media (max-width: 768px){.title[data-v-e8b1b805]{font-size:1.25rem;margin-bottom:1rem}.btn[data-v-e8b1b805],.toggle[data-v-e8b1b805]{font-size:16px;min-height:var(--tap-size)}.toggle input[data-v-e8b1b805]{width:22px;height:22px}[data-v-e8b1b805] .matrix-wrapper{max-width:220px}.info-hint[data-v-e8b1b805]{width:var(--tap-size);height:var(--tap-size);cursor:pointer}.info-icon[data-v-e8b1b805]{font-size:1.3rem}.tooltip[data-v-e8b1b805]{top:calc(var(--tap-size) - .25rem)}}.view[data-v-f4c7b1fb]{max-width:100%;height:100%;display:flex;flex-direction:column}.title[data-v-f4c7b1fb]{font-size:1.5rem;color:var(--color-dark);margin-bottom:1.5rem;flex-shrink:0}.card[data-v-f4c7b1fb]{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);flex:1;min-height:0}.images-section[data-v-f4c7b1fb]{flex:2;min-width:0;min-height:0;background:#e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:var(--card-padding)}.input-slot[data-v-f4c7b1fb],.result-slot[data-v-f4c7b1fb]{display:contents}.controls-section[data-v-f4c7b1fb]{flex:1;min-width:0;background:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:var(--card-padding);overflow-y:auto}h4[data-v-f4c7b1fb]{color:var(--color-dark);font-size:.95rem;font-weight:700;align-self:flex-start}.vector-input[data-v-f4c7b1fb]{display:flex;gap:.3rem;padding:0 .8rem;max-width:100%}.scalar-input[data-v-f4c7b1fb]{width:55px;min-width:0;padding:.35rem;text-align:center;border:none;border-bottom:1px solid var(--color-dark);background:var(--color-light);border-radius:var(--border-radius);color:var(--color-black);font-size:.85rem;-moz-appearance:textfield}.scalar-input[data-v-f4c7b1fb]::-webkit-outer-spin-button,.scalar-input[data-v-f4c7b1fb]::-webkit-inner-spin-button{-webkit-appearance:none}.scalar-input[data-v-f4c7b1fb]:focus{outline:2px solid var(--color-primary)}.btn[data-v-f4c7b1fb]{background:var(--color-primary);color:var(--color-white);border:none;padding:.6rem 2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:background .2s;width:100%;margin-top:auto}.btn[data-v-f4c7b1fb]:hover:not(:disabled){background:var(--color-btn-hover)}.btn[data-v-f4c7b1fb]:disabled{background:#aaa;cursor:not-allowed}.validation-message[data-v-f4c7b1fb]{color:#b00020;font-size:.85rem;margin:0;align-self:flex-start}.section-header[data-v-f4c7b1fb]{width:100%;display:flex;justify-content:space-between;align-items:center}.section-header h4[data-v-f4c7b1fb]{margin:0}.info-hint[data-v-f4c7b1fb]{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;font:inherit;cursor:help}.info-icon[data-v-f4c7b1fb]{font-size:1.1rem;color:var(--color-dark);opacity:.7;transition:opacity .2s}.tooltip[data-v-f4c7b1fb]{position:absolute;top:1.6rem;right:0;width:max-content;max-width:min(280px,75vw);background:var(--color-dark);color:var(--color-white);padding:.4rem .65rem;border-radius:5px;font-size:.85rem;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:10}.tooltip.tooltip-visible[data-v-f4c7b1fb]{opacity:1;visibility:visible}@media (hover: hover){.info-hint:hover .info-icon[data-v-f4c7b1fb]{opacity:1}.info-hint:hover .tooltip[data-v-f4c7b1fb]{opacity:1;visibility:visible}}@media (max-width: 1024px){.view[data-v-f4c7b1fb]{height:auto}.card[data-v-f4c7b1fb]{flex-direction:column;overflow:visible}.images-section[data-v-f4c7b1fb]{display:contents}.input-slot[data-v-f4c7b1fb]{display:block;order:1;background:#e0e0e0;padding:var(--card-padding);border-radius:var(--border-radius) var(--border-radius) 0 0}.controls-section[data-v-f4c7b1fb]{order:3;overflow:visible;border-radius:0 0 var(--border-radius) var(--border-radius)}.result-slot[data-v-f4c7b1fb]{display:block;order:2;background:#e0e0e0;padding:0 var(--card-padding) var(--card-padding);border-radius:0}.btn[data-v-f4c7b1fb]{margin-top:.5rem}}@media (max-width: 768px){.title[data-v-f4c7b1fb]{font-size:1.25rem;margin-bottom:1rem}.vector-input[data-v-f4c7b1fb]{width:100%;max-width:320px;gap:.5rem}.scalar-input[data-v-f4c7b1fb]{flex:1 1 0;width:auto}.scalar-input[data-v-f4c7b1fb],.btn[data-v-f4c7b1fb]{font-size:16px;min-height:var(--tap-size)}.info-hint[data-v-f4c7b1fb]{width:var(--tap-size);height:var(--tap-size);cursor:pointer}.info-icon[data-v-f4c7b1fb]{font-size:1.3rem}.tooltip[data-v-f4c7b1fb]{top:calc(var(--tap-size) - .25rem)}}.view[data-v-7aaf1cba]{max-width:100%;height:100%;display:flex;flex-direction:column}.title[data-v-7aaf1cba]{font-size:1.5rem;color:var(--color-dark);margin-bottom:1.5rem;flex-shrink:0}.card[data-v-7aaf1cba]{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);flex:1;min-height:0}.images-section[data-v-7aaf1cba]{flex:2;min-width:0;min-height:0;background:#e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:var(--card-padding)}.input-slot[data-v-7aaf1cba],.result-slot[data-v-7aaf1cba]{display:contents}.controls-section[data-v-7aaf1cba]{flex:1;min-width:0;background:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:var(--card-padding);overflow-y:auto;position:relative}.scalar-field[data-v-7aaf1cba]{width:100%;display:flex;align-items:center;gap:1rem}.scalar-field label[data-v-7aaf1cba]{color:var(--color-dark);font-size:.9rem;width:80px;flex-shrink:0}.scalar-input[data-v-7aaf1cba]{width:80px;padding:.35rem;text-align:center;border:none;border-bottom:1px solid var(--color-dark);background:var(--color-light);border-radius:var(--border-radius);color:var(--color-black);font-size:.85rem;-moz-appearance:textfield}.scalar-input[data-v-7aaf1cba]::-webkit-outer-spin-button,.scalar-input[data-v-7aaf1cba]::-webkit-inner-spin-button{-webkit-appearance:none}.scalar-input[data-v-7aaf1cba]:focus{outline:2px solid var(--color-primary)}.toggle[data-v-7aaf1cba]{display:flex;align-items:center;gap:.5rem;align-self:flex-start;font-size:.9rem;color:var(--color-dark);cursor:pointer}.toggle input[data-v-7aaf1cba]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.btn[data-v-7aaf1cba]{background:var(--color-primary);color:var(--color-white);border:none;padding:.6rem 2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:background .2s;width:100%;margin-top:auto}.btn[data-v-7aaf1cba]:hover:not(:disabled){background:var(--color-btn-hover)}.btn[data-v-7aaf1cba]:disabled{background:#aaa;cursor:not-allowed}.validation-message[data-v-7aaf1cba]{color:#b00020;font-size:.85rem;margin:0;align-self:flex-start}.info-hint[data-v-7aaf1cba]{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;font:inherit;cursor:help}.info-hint--corner[data-v-7aaf1cba]{position:absolute;top:1rem;right:1rem}.info-icon[data-v-7aaf1cba]{font-size:1.1rem;color:var(--color-dark);opacity:.7;transition:opacity .2s}.tooltip[data-v-7aaf1cba]{position:absolute;top:1.6rem;right:0;width:max-content;max-width:min(280px,75vw);background:var(--color-dark);color:var(--color-white);padding:.4rem .65rem;border-radius:5px;font-size:.85rem;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:10}.tooltip.tooltip-visible[data-v-7aaf1cba]{opacity:1;visibility:visible}@media (hover: hover){.info-hint:hover .info-icon[data-v-7aaf1cba]{opacity:1}.info-hint:hover .tooltip[data-v-7aaf1cba]{opacity:1;visibility:visible}}@media (max-width: 1024px){.view[data-v-7aaf1cba]{height:auto}.card[data-v-7aaf1cba]{flex-direction:column;overflow:visible}.images-section[data-v-7aaf1cba]{display:contents}.input-slot[data-v-7aaf1cba]{display:block;order:1;background:#e0e0e0;padding:var(--card-padding);border-radius:var(--border-radius) var(--border-radius) 0 0}.controls-section[data-v-7aaf1cba]{order:3;overflow:visible;border-radius:0 0 var(--border-radius) var(--border-radius);gap:1rem}.result-slot[data-v-7aaf1cba]{display:block;order:2;background:#e0e0e0;padding:0 var(--card-padding) var(--card-padding);border-radius:0}.btn[data-v-7aaf1cba]{margin-top:.5rem}}@media (max-width: 768px){.title[data-v-7aaf1cba]{font-size:1.25rem;margin-bottom:1rem}.scalar-input[data-v-7aaf1cba],.btn[data-v-7aaf1cba],.toggle[data-v-7aaf1cba]{font-size:16px}.scalar-input[data-v-7aaf1cba],.btn[data-v-7aaf1cba],.toggle[data-v-7aaf1cba]{min-height:var(--tap-size)}.scalar-input[data-v-7aaf1cba]{flex:1;max-width:140px}.toggle input[data-v-7aaf1cba]{width:22px;height:22px}.info-hint[data-v-7aaf1cba]{width:var(--tap-size);height:var(--tap-size);cursor:pointer}.info-hint--corner[data-v-7aaf1cba]{top:.5rem;right:.5rem}.info-icon[data-v-7aaf1cba]{font-size:1.3rem}.tooltip[data-v-7aaf1cba]{top:calc(var(--tap-size) - .25rem);right:.25rem}}.view[data-v-e0a33470]{max-width:100%;height:100%;display:flex;flex-direction:column}.title[data-v-e0a33470]{font-size:1.5rem;color:var(--color-dark);margin-bottom:1.5rem;flex-shrink:0}.card[data-v-e0a33470]{display:flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);flex:1;min-height:0}.images-section[data-v-e0a33470]{flex:2;min-width:0;background:#e0e0e0;display:flex;flex-direction:column;gap:1rem;padding:var(--card-padding)}.result-slot[data-v-e0a33470]{display:contents}.grid-wrapper[data-v-e0a33470]{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.pixel-grid[data-v-e0a33470]{display:grid;grid-template-columns:repeat(16,1fr);aspect-ratio:1;height:100%;max-height:100%;max-width:100%;gap:1px;background:#b0b0b0;padding:1px;border-radius:var(--border-radius);user-select:none;-webkit-user-select:none;touch-action:none;cursor:crosshair}.pixel[data-v-e0a33470]{min-width:0;min-height:0}@media (hover: hover){.pixel[data-v-e0a33470]:hover{outline:1px solid var(--color-primary);outline-offset:-1px}}.pixel.active[data-v-e0a33470]{outline:2px solid var(--color-primary);outline-offset:-2px}.controls-section[data-v-e0a33470]{flex:1;min-width:0;background:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:var(--card-padding);overflow-y:auto}h4[data-v-e0a33470]{color:var(--color-dark);font-size:.95rem;font-weight:700;align-self:flex-start;margin:.5rem 0 0}.scalar-field[data-v-e0a33470]{width:100%;display:flex;align-items:center;gap:1rem}.scalar-field label[data-v-e0a33470]{color:var(--color-dark);font-size:.9rem;width:90px;flex-shrink:0}.scalar-input[data-v-e0a33470]{width:80px;padding:.35rem;text-align:center;border:none;border-bottom:1px solid var(--color-dark);background:var(--color-light);border-radius:var(--border-radius);color:var(--color-black);font-size:.85rem;-moz-appearance:textfield}.scalar-input[data-v-e0a33470]::-webkit-outer-spin-button,.scalar-input[data-v-e0a33470]::-webkit-inner-spin-button{-webkit-appearance:none}.scalar-input[data-v-e0a33470]:focus{outline:2px solid var(--color-primary)}.color-input[data-v-e0a33470]{width:80px;height:34px;padding:2px;border:1px solid var(--color-dark);border-radius:var(--border-radius);background:var(--color-light);cursor:pointer}.scalar-select[data-v-e0a33470]{padding:.35rem;border-radius:var(--border-radius);background:var(--color-light);border:none;border-bottom:1px solid var(--color-dark);font-size:.85rem;min-width:0}.btn-row[data-v-e0a33470]{display:flex;gap:.5rem;width:100%}.btn[data-v-e0a33470]{background:var(--color-primary);color:var(--color-white);border:none;padding:.6rem 2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:background .2s;width:100%;margin-top:auto}.btn[data-v-e0a33470]:hover{background:var(--color-btn-hover)}.btn-secondary[data-v-e0a33470]{background:var(--color-dark);padding:.5rem 1rem;font-size:.85rem;margin-top:0}.btn-secondary[data-v-e0a33470]:hover{background:#4a5a6e}@media (max-width: 1024px){.view[data-v-e0a33470]{height:auto}.card[data-v-e0a33470]{flex-direction:column;overflow:visible}.images-section[data-v-e0a33470]{display:contents}.grid-wrapper[data-v-e0a33470]{order:1;background:#e0e0e0;padding:var(--card-padding);border-radius:var(--border-radius) var(--border-radius) 0 0}.controls-section[data-v-e0a33470]{order:3;overflow:visible;border-radius:0 0 var(--border-radius) var(--border-radius)}.result-slot[data-v-e0a33470]{display:block;order:2;background:#e0e0e0;padding:0 var(--card-padding) var(--card-padding);border-radius:0}.pixel-grid[data-v-e0a33470]{width:100%;height:auto;max-height:none;max-width:480px}.btn[data-v-e0a33470]{margin-top:.5rem}}@media (max-width: 768px){.title[data-v-e0a33470]{font-size:1.25rem;margin-bottom:1rem}.scalar-input[data-v-e0a33470],.scalar-select[data-v-e0a33470],.btn[data-v-e0a33470],.btn-secondary[data-v-e0a33470]{font-size:16px}.scalar-input[data-v-e0a33470],.color-input[data-v-e0a33470],.scalar-select[data-v-e0a33470],.btn[data-v-e0a33470],.btn-secondary[data-v-e0a33470]{min-height:var(--tap-size)}.scalar-input[data-v-e0a33470],.color-input[data-v-e0a33470]{flex:1;max-width:140px}.scalar-select[data-v-e0a33470]{flex:1}.scalar-field label[data-v-e0a33470]{width:80px}}:root{--color-black: #222222;--color-dark: #334152;--color-primary: #009B91;--color-light: #D9E5EC;--color-white: #EEEEEE;--color-bg-sidebar: var(--color-dark);--color-bg-content: var(--color-white);--color-bg-card: var(--color-light);--color-text: var(--color-black);--color-text-muted: #888888;--color-btn: var(--color-primary);--color-btn-hover: #007d74;--border-radius: 8px;--shadow: 0 4px 15px rgba(0, 0, 0, .1);--sidebar-width: 220px;--page-padding: 2rem;--card-padding: 2rem;--tap-size: 44px;--header-offset: 0px}@media (max-width: 768px){:root{--page-padding: 1rem;--card-padding: 1.25rem;--header-offset: 3.5rem}}@media (max-width: 480px){:root{--page-padding: .75rem;--card-padding: 1rem}}