*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f0eb;--color-surface: #ffffff;--color-accent: #c4a882;--color-accent-hover: #b09572;--color-text: #2c2c2c;--color-text-secondary: #777;--color-border: #e0d8cf;--color-error: #c44;--font-serif: "Noto Serif JP", serif;--font-sans: "Noto Sans JP", sans-serif;--radius: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}html{font-size:16px}body{font-family:var(--font-sans);font-weight:400;color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-serif);font-weight:700}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input[type=range]{width:100%}img{display:block;max-width:100%}#app{min-height:100vh}.uploader[data-v-0ab50bda]{width:100%}.upload-box[data-v-0ab50bda]{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:16px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease}.upload-box[data-v-0ab50bda]:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.upload-box.dragging[data-v-0ab50bda]{border-color:var(--color-accent);background:#faf6f1;transform:translateY(-2px)}.upload-icon[data-v-0ab50bda]{display:flex;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;background:#f5f0eb;border-radius:50%;color:var(--color-accent)}.upload-box:hover .upload-icon[data-v-0ab50bda]{background:#efe8df;transform:scale(1.05)}.upload-content h2[data-v-0ab50bda]{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.upload-content .hint[data-v-0ab50bda]{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.error-message[data-v-0ab50bda]{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:var(--color-error);font-size:.875rem}.error-message svg[data-v-0ab50bda]{flex-shrink:0}@media(max-width:640px){.upload-box[data-v-0ab50bda]{padding:3rem 1.5rem}.upload-icon[data-v-0ab50bda]{width:64px;height:64px}.upload-icon svg[data-v-0ab50bda]{width:40px;height:40px}.upload-content h2[data-v-0ab50bda]{font-size:1.125rem}}.canvas-wrapper[data-v-a54e9608]{position:relative;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:var(--radius);overflow:hidden;min-height:200px}.preview-canvas[data-v-a54e9608]{max-width:100%;max-height:70vh;display:block}.processing-overlay[data-v-a54e9608]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:.875rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-panel[data-v-b99a107d]{background:var(--color-surface);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.panel-title[data-v-b99a107d]{font-family:var(--font-serif);font-size:1.125rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.drawer-handle[data-v-b99a107d]{display:none}.filter-grid-section[data-v-b99a107d]{margin-bottom:1.25rem}.filter-grid[data-v-b99a107d]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.filter-grid[data-v-b99a107d]::-webkit-scrollbar{width:4px}.filter-grid[data-v-b99a107d]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.filter-item[data-v-b99a107d]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:8px;border:2px solid transparent;background:#f5f0eb;transition:all .15s ease;cursor:pointer}.filter-item[data-v-b99a107d]:hover{border-color:var(--color-accent)}.filter-item.active[data-v-b99a107d]{border-color:var(--color-accent);background:#c4a88226}.filter-thumb[data-v-b99a107d]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.filter-name[data-v-b99a107d]{font-size:.625rem;color:var(--color-text-secondary);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.filter-item.active .filter-name[data-v-b99a107d]{color:var(--color-accent);font-weight:600}.param-group[data-v-b99a107d]{margin-bottom:1rem}.param-group label[data-v-b99a107d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.param-label[data-v-b99a107d]{font-size:.875rem;font-weight:500}.param-value[data-v-b99a107d]{font-size:.8125rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}input[type=range][data-v-b99a107d]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-border);border-radius:3px;outline:none}input[type=range][data-v-b99a107d]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface);box-shadow:0 1px 4px #00000026}input[type=range][data-v-b99a107d]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface);box-shadow:0 1px 4px #00000026}.crop-row[data-v-b99a107d]{display:flex;gap:.5rem;align-items:start;margin-top:.375rem}.crop-presets[data-v-b99a107d]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;flex:1}.crop-btn[data-v-b99a107d]{display:flex;align-items:center;gap:.375rem;padding:.5rem;font-size:.8125rem;font-weight:500;background:#f5f0eb;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);transition:all .15s ease}.crop-btn[data-v-b99a107d]:hover{border-color:var(--color-accent)}.crop-btn.active[data-v-b99a107d]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.crop-icon[data-v-b99a107d],.preview-original-btn[data-v-b99a107d]{display:none}.preview-icon[data-v-b99a107d]{width:20px;height:20px;flex-shrink:0}.preview-text[data-v-b99a107d]{font-size:.6875rem;white-space:nowrap}@media(max-width:768px){.mobile-hidden[data-v-b99a107d]{display:none!important}.filter-panel[data-v-b99a107d]{padding:.75rem 1rem 1rem;border-radius:16px 16px 0 0;box-shadow:0 -2px 16px #00000014;border:none;border-top:1px solid var(--color-border)}.drawer-handle[data-v-b99a107d]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.handle-bar[data-v-b99a107d]{width:36px;height:4px;background:var(--color-border);border-radius:2px}.handle-label[data-v-b99a107d]{font-size:.6875rem;color:var(--color-text-secondary);letter-spacing:.05em}.panel-title[data-v-b99a107d]{font-size:1rem;margin-bottom:.75rem;padding-bottom:.5rem}.filter-grid-section[data-v-b99a107d]{max-height:35vh;overflow-y:auto;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.filter-grid[data-v-b99a107d]{grid-template-columns:repeat(5,1fr);gap:6px;max-height:none;padding-right:0}.filter-item[data-v-b99a107d]{padding:3px;border-radius:6px;gap:0;border-width:1.5px}.filter-name[data-v-b99a107d]{display:none}.param-group[data-v-b99a107d]{margin-bottom:.75rem}.param-label[data-v-b99a107d]{font-size:.8125rem}.crop-row[data-v-b99a107d]{gap:.375rem}.crop-presets[data-v-b99a107d]{grid-template-columns:repeat(6,1fr);gap:.25rem}.crop-btn[data-v-b99a107d]{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.375rem .25rem}.crop-icon[data-v-b99a107d]{display:block;width:22px;height:22px}.crop-text[data-v-b99a107d]{font-size:.5625rem}.preview-original-btn[data-v-b99a107d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.375rem .5rem;background:#f5f0eb;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.preview-original-btn[data-v-b99a107d]:active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}}.compare-container[data-v-da81b307]{width:100%}.image-wrapper[data-v-da81b307]{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;background:#1a1a1a;cursor:ew-resize;user-select:none;-webkit-user-select:none}.base-image[data-v-da81b307]{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.clip-container[data-v-da81b307]{position:absolute;top:0;left:0;width:100%;height:100%}.clip-container .base-image[data-v-da81b307]{width:100%;height:100%;object-fit:contain}.slider-line[data-v-da81b307]{position:absolute;top:0;bottom:0;width:3px;background:#fff;z-index:10;transform:translate(-50%);box-shadow:0 0 8px #0000004d;pointer-events:none}.slider-handle[data-v-da81b307]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;color:var(--color-accent);pointer-events:none}.label[data-v-da81b307]{position:absolute;bottom:12px;padding:5px 10px;background:#000000a6;color:#fff;font-size:.6875rem;font-weight:500;border-radius:4px;z-index:5;letter-spacing:.5px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.label-left[data-v-da81b307]{left:12px}.label-right[data-v-da81b307]{right:12px}.toggle-buttons[data-v-da81b307]{display:flex;background:#efe8df;border-radius:var(--radius);padding:3px;margin-bottom:.75rem}.toggle-buttons button[data-v-da81b307]{flex:1;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border-radius:6px;transition:all .2s ease}.toggle-buttons button.active[data-v-da81b307]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.mobile-image-wrapper[data-v-da81b307]{border-radius:var(--radius);overflow:hidden;background:#1a1a1a}.mobile-image[data-v-da81b307]{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.cropper-wrapper[data-v-e8544842]{background:#1a1a1a;border-radius:var(--radius)}.cropper-image[data-v-e8544842]{display:block;max-width:100%;max-height:70vh}.app[data-v-2e38a716]{display:flex;flex-direction:column;min-height:100vh}.app-header[data-v-2e38a716]{text-align:center;padding:2rem 1rem 1rem}.header-top[data-v-2e38a716]{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.app-header h1[data-v-2e38a716]{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--color-text);letter-spacing:.05em}.locale-switcher[data-v-2e38a716]{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:2px;background:#efe8df;border-radius:6px;padding:2px}.locale-switcher button[data-v-2e38a716]{padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border-radius:4px;transition:all .15s ease}.locale-switcher button.active[data-v-2e38a716]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.app-header .subtitle[data-v-2e38a716]{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem;letter-spacing:.1em}.app-main[data-v-2e38a716]{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1rem 1.5rem 2rem}.upload-section[data-v-2e38a716]{max-width:560px;margin:3rem auto}.editor-layout[data-v-2e38a716]{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}.preview-area[data-v-2e38a716]{min-width:0}.panel-area[data-v-2e38a716]{margin-top:3.125rem}.preview-tabs[data-v-2e38a716]{display:flex;gap:0;margin-bottom:.75rem;background:#efe8df;border-radius:var(--radius);padding:3px;width:fit-content}.preview-tabs button[data-v-2e38a716]{padding:.4rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);border-radius:6px;transition:all .15s ease}.preview-tabs button.active[data-v-2e38a716]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.preview-content[data-v-2e38a716]{position:relative}.canvas-container[data-v-2e38a716]{border-radius:var(--radius);overflow:hidden}.original-overlay[data-v-2e38a716]{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;z-index:10}.original-overlay img[data-v-2e38a716]{width:100%;height:100%;object-fit:contain}.hidden-input[data-v-2e38a716]{display:none}.action-bar[data-v-2e38a716]{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.btn[data-v-2e38a716]{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);transition:all .15s ease}.btn-primary[data-v-2e38a716]{background:var(--color-accent);color:#fff}.btn-primary[data-v-2e38a716]:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary[data-v-2e38a716]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-2e38a716]{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary[data-v-2e38a716]:hover{border-color:var(--color-accent)}.loading-overlay[data-v-2e38a716]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f0ebd9;z-index:100;font-size:1rem;color:var(--color-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.texture-error[data-v-2e38a716]{text-align:center;padding:1rem;margin:1rem auto;max-width:560px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:var(--color-error);font-size:.875rem}.app-footer[data-v-2e38a716]{text-align:center;padding:1.5rem;color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.05em}@media(max-width:768px){.app-header[data-v-2e38a716]{padding:1.25rem 1rem .5rem}.header-top[data-v-2e38a716]{flex-direction:column;gap:.5rem}.locale-switcher[data-v-2e38a716]{position:static;transform:none}.app-header h1[data-v-2e38a716]{font-size:1.5rem}.app-header .subtitle[data-v-2e38a716]{font-size:.75rem}.app-main[data-v-2e38a716]{padding:.75rem .75rem 1.5rem}.editor-layout[data-v-2e38a716]{grid-template-columns:1fr;gap:.75rem}.panel-area[data-v-2e38a716]{margin-top:0;position:fixed;bottom:0;left:0;right:0;z-index:50;transition:transform .3s ease}.preview-area[data-v-2e38a716]{padding-bottom:180px}.preview-tabs[data-v-2e38a716]{margin-bottom:.5rem}.canvas-container[data-v-2e38a716]{border-radius:8px}.action-bar[data-v-2e38a716]{gap:.5rem;margin-top:.75rem}.btn[data-v-2e38a716]{flex:1;text-align:center;padding:.75rem 1rem}.app-footer[data-v-2e38a716]{padding:1rem}}