@font-face{font-family:KattuxAbc;src:url(/KattuxAbc-Regular.otf) format("opentype");font-weight:400;font-style:normal}.mg-app-topbar{background:var(--mg-rose-100);padding-block:var(--mg-space-5) 0}.mg-app-topbar__inner{display:flex;align-items:center;gap:var(--mg-space-4)}.mg-app-topbar__logo img{height:38px;width:auto}.mg-app-topbar__title{font:500 var(--mg-fs-small)/1 var(--mg-font-head);letter-spacing:.04em;color:var(--mg-text-2)}.mg-app-topbar__back{margin-left:auto;font:500 var(--mg-fs-small)/1 var(--mg-font-head);letter-spacing:.04em;color:var(--mg-black);text-decoration:none;white-space:nowrap}.mg-app-topbar__back:hover{color:var(--mg-magenta)}.mg-app-intro{background:var(--mg-rose-100);clip-path:polygon(0% 0%,100% 0%,100% 74%,calc(max(0px,(100% - var(--mg-wide)) / 2) + var(--mg-gutter)) 100%,0% 90%);padding-block:var(--mg-space-7) var(--mg-space-9)}.mg-app-intro__title{font:500 var(--mg-fs-h1)/var(--mg-lh-tight) var(--mg-font-head);color:var(--mg-black);margin-bottom:var(--mg-space-4)}.mg-app-intro .mg-ingang-sub{margin-bottom:0}.mg-app-intro .mg-ingang-sub a{color:var(--mg-magenta)}.mg-app-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--mg-space-6);align-items:start;padding-block:var(--mg-space-6) var(--mg-space-9)}.mg-app-sidebar>*+*{margin-top:var(--mg-space-5)}.mg-app-sidebar .mg-field{margin-bottom:0}.mg-app-sidebar .mg-btn--secondary{padding:10px 16px;font-size:var(--mg-fs-small)}.mg-app-sidebar .mg-btn--primary{width:100%;justify-content:center}.mg-app-chips{display:flex;flex-wrap:wrap;gap:var(--mg-space-2)}.mg-app-range-row{display:flex;align-items:center;gap:var(--mg-space-2)}.mg-app-range{width:100%;accent-color:var(--mg-magenta)}.mg-app-thumbs{display:flex;flex-wrap:wrap;gap:var(--mg-space-2)}.mg-app-thumbs img{width:48px;height:48px}.mg-app-canvas{background:var(--mg-rose-50);clip-path:polygon(0% 0%,100% 1%,99% 99%,0% 100%);padding:var(--mg-space-6);min-height:420px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-space-5)}.mg-app-canvas canvas{display:block;max-width:100%;height:auto;background:var(--mg-white)}.mg-app-compare{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mg-space-5)}.mg-app-compare canvas,.mg-app-compare img{width:100%;height:auto;aspect-ratio:1;background:var(--mg-white)}@media(max-width:600px){.mg-app-compare{grid-template-columns:1fr}}.mg-app-placeholder{font-size:var(--mg-fs-small);color:var(--mg-text-2)}.mg-upload-zone:focus-within{outline:2px solid var(--mg-magenta);outline-offset:2px}.mg-app-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:768px){.mg-app-body{grid-template-columns:1fr}.mg-app-canvas{order:-1;padding:var(--mg-space-2);min-height:240px}.mg-app-topbar__title{display:none}}.mg-app-tools{padding-block:var(--mg-space-6) var(--mg-space-8)}.mg-app-tool{display:flex;flex-direction:column;background:var(--mg-rose-50);color:inherit;text-decoration:none;transition:clip-path .35s ease,background .35s ease}.mg-app-tool:hover{background:var(--mg-rose-100);color:inherit;clip-path:polygon(0% 0%,100% 1%,99% 98%,97% 100%,1% 99%,0% 2%)}.mg-app-tool__media{height:200px;display:flex;align-items:center;justify-content:center;gap:var(--mg-space-2);padding:var(--mg-space-5) var(--mg-space-5) 0}.mg-app-tool__media img{max-height:100%;width:auto;object-fit:contain}.mg-app-tool__media--thumbs img{width:56px;height:56px}.mg-app-tool__body{padding:var(--mg-space-5)}.mg-app-tool__title{font:700 var(--mg-fs-h3)/1.2 var(--mg-font-head);color:var(--mg-black);margin-bottom:var(--mg-space-3)}.mg-app-tool__body p{font-size:.9375rem;line-height:1.65;color:var(--mg-text-2)}.mg-app-note{font-size:var(--mg-fs-small);color:var(--mg-text-2);padding-bottom:var(--mg-space-8)}@media(prefers-reduced-motion:reduce){.mg-app-tool{transition:none}}