@keyframes css-image-filter-preview-module__xq0OOa__ve_keyframes_1{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.css-image-filter-preview-module__xq0OOa__page{--ve-var-1:#1f2a33;--ve-var-2:#5b6772;--ve-var-3:#2f6f6d;--ve-var-4:#e6f2f0;--ve-var-5:#fff;--ve-var-6:#f7f9fc;--ve-var-7:#d9d2c7;min-height:100vh;color:var(--ve-var-1);background:#fff;flex-direction:column;font-family:Sora,Noto Sans JP,Hiragino Sans,sans-serif;display:flex}.css-image-filter-preview-module__xq0OOa__container{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1180px;margin:0 auto;padding:28px 20px 56px;display:flex}@media (min-width:900px){.css-image-filter-preview-module__xq0OOa__container{padding:36px 28px 64px}}.css-image-filter-preview-module__xq0OOa__hero{flex-direction:column;gap:10px;animation:.6s both css-image-filter-preview-module__xq0OOa__ve_keyframes_1;display:flex}@media (prefers-reduced-motion:reduce){.css-image-filter-preview-module__xq0OOa__hero{animation:none}}.css-image-filter-preview-module__xq0OOa__badge{background:var(--ve-var-4);border:1px solid var(--ve-var-7);letter-spacing:.12em;color:var(--ve-var-3);text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:12px;font-weight:700}.css-image-filter-preview-module__xq0OOa__title{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.2}@media (min-width:768px){.css-image-filter-preview-module__xq0OOa__title{font-size:30px}}.css-image-filter-preview-module__xq0OOa__lead{color:var(--ve-var-2);font-size:15px;line-height:1.7}.css-image-filter-preview-module__xq0OOa__chipRow{flex-wrap:wrap;gap:8px;display:flex}.css-image-filter-preview-module__xq0OOa__chip{background:var(--ve-var-5);border:1px solid var(--ve-var-7);color:var(--ve-var-1);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.css-image-filter-preview-module__xq0OOa__mainGrid{gap:18px;animation:.7s 80ms both css-image-filter-preview-module__xq0OOa__ve_keyframes_1;display:grid}@media (prefers-reduced-motion:reduce){.css-image-filter-preview-module__xq0OOa__mainGrid{animation:none}}@media (min-width:1024px){.css-image-filter-preview-module__xq0OOa__mainGrid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}.css-image-filter-preview-module__xq0OOa__panel{background:var(--ve-var-5);border:1px solid var(--ve-var-7);border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.css-image-filter-preview-module__xq0OOa__panelAlt{background:var(--ve-var-6)}.css-image-filter-preview-module__xq0OOa__panelHeader{flex-direction:column;gap:6px;display:flex}.css-image-filter-preview-module__xq0OOa__panelTitle{letter-spacing:-.01em;font-size:18px;font-weight:700}.css-image-filter-preview-module__xq0OOa__panelLead{color:var(--ve-var-2);font-size:13px;line-height:1.6}.css-image-filter-preview-module__xq0OOa__dropZone{border:2px dashed var(--ve-var-3);text-align:center;background:var(--ve-var-4);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-height:160px;padding:24px;transition:border-color .2s,background .2s;display:flex}.css-image-filter-preview-module__xq0OOa__dropZoneState-idle{color:var(--ve-var-2)}.css-image-filter-preview-module__xq0OOa__dropZoneState-active{color:var(--ve-var-1);border-color:var(--ve-var-3);background:#dcecea}.css-image-filter-preview-module__xq0OOa__dropTitle{font-size:16px;font-weight:700}.css-image-filter-preview-module__xq0OOa__dropSub{color:var(--ve-var-2);font-size:13px}.css-image-filter-preview-module__xq0OOa__status{color:var(--ve-var-3);font-size:12px}.css-image-filter-preview-module__xq0OOa__imageMeta{color:var(--ve-var-2);border:1px solid var(--ve-var-7);background:var(--ve-var-6);border-radius:12px;gap:6px;padding:12px;font-size:12px;display:grid}.css-image-filter-preview-module__xq0OOa__metaRow{justify-content:space-between;gap:12px;display:flex}.css-image-filter-preview-module__xq0OOa__presetRow{flex-wrap:wrap;gap:8px;display:flex}.css-image-filter-preview-module__xq0OOa__button{border:1px solid var(--ve-var-7);background:var(--ve-var-5);color:var(--ve-var-1);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;transition:transform .2s}.css-image-filter-preview-module__xq0OOa__button:hover{transform:translateY(-1px)}.css-image-filter-preview-module__xq0OOa__button:active{transform:translateY(0)}.css-image-filter-preview-module__xq0OOa__buttonPrimary{background:var(--ve-var-3);color:#fff;border-color:var(--ve-var-3)}.css-image-filter-preview-module__xq0OOa__sliderGrid{gap:14px;display:grid}@media (min-width:640px){.css-image-filter-preview-module__xq0OOa__sliderGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.css-image-filter-preview-module__xq0OOa__sliderCard{border:1px solid var(--ve-var-7);background:var(--ve-var-5);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.css-image-filter-preview-module__xq0OOa__sliderHeader{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.css-image-filter-preview-module__xq0OOa__sliderLabel{font-size:13px;font-weight:600}.css-image-filter-preview-module__xq0OOa__sliderValue{color:var(--ve-var-2);font-size:12px}.css-image-filter-preview-module__xq0OOa__slider{width:100%;accent-color:var(--ve-var-3)}.css-image-filter-preview-module__xq0OOa__actionRow{flex-wrap:wrap;gap:10px;display:flex}.css-image-filter-preview-module__xq0OOa__cssBox{border:2px solid var(--ve-var-3);background:var(--ve-var-4);border-radius:14px;gap:8px;padding:14px;display:grid}.css-image-filter-preview-module__xq0OOa__cssLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--ve-var-3);font-size:12px;font-weight:700}.css-image-filter-preview-module__xq0OOa__cssCode{color:var(--ve-var-1);word-break:break-all;border:1px solid var(--ve-var-7);background:#fff;border-radius:10px;padding:8px 10px;font-size:13px}.css-image-filter-preview-module__xq0OOa__notice{color:var(--ve-var-3);font-size:12px}.css-image-filter-preview-module__xq0OOa__previewGrid{gap:16px;display:grid}.css-image-filter-preview-module__xq0OOa__previewCard{border:1px solid var(--ve-var-7);background:var(--ve-var-5);border-radius:16px;gap:10px;padding:12px;display:grid}.css-image-filter-preview-module__xq0OOa__previewLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--ve-var-2);font-size:12px;font-weight:700}.css-image-filter-preview-module__xq0OOa__previewStage{border:1px solid var(--ve-var-7);background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:320px;padding:10px;display:flex}.css-image-filter-preview-module__xq0OOa__previewImage{-o-object-fit:contain;object-fit:contain;border-radius:10px;width:100%;max-width:100%;height:auto;max-height:360px;display:block}.css-image-filter-preview-module__xq0OOa__placeholder{text-align:center;color:var(--ve-var-2);font-size:13px;line-height:1.6}.css-image-filter-preview-module__xq0OOa__liveRow{color:var(--ve-var-2);align-items:center;gap:10px;font-size:12px;display:flex}.css-image-filter-preview-module__xq0OOa__liveBadge{background:var(--ve-var-4);color:var(--ve-var-3);letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.css-image-filter-preview-module__xq0OOa__infoNote{color:var(--ve-var-2);font-size:12px;line-height:1.6}