.mobile-editor{--accent: #7c5cff;--accent-strong: #6846f4;--canvas: #0d0e12;--panel: #17181f;--panel-raised: #20222b;--text: #f7f7fb;--muted: #a7a9b4;--border: rgb(255 255 255 / 10%);--shadow: 0 -18px 50px rgb(0 0 0 / 28%);background:var(--canvas);color:var(--text);display:grid;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;grid-template-rows:minmax(260px,44dvh) minmax(0,1fr);min-height:100dvh;overflow-x:hidden}.mobile-editor[data-theme=light]{--canvas: #ececf2;--panel: #fff;--panel-raised: #f2f2f7;--text: #17171d;--muted: #656771;--border: rgb(20 20 30 / 10%);--shadow: 0 -18px 50px rgb(45 38 75 / 12%)}.mobile-editor *,.mobile-editor *:before,.mobile-editor *:after{box-sizing:border-box}.mobile-editor button,.mobile-editor input{font:inherit}.mobile-editor button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.preview-panel{background:radial-gradient(circle at 78% 18%,rgb(124 92 255 / 18%),transparent 34%),var(--canvas);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:max(14px,env(safe-area-inset-top)) 16px 18px}.preview-panel__toolbar,.controls__title-row,.parameter__header{align-items:center;display:flex;justify-content:space-between}.preview-panel h1,.settings-panel h2{font-size:15px;letter-spacing:.01em;line-height:1.3;margin:0}.comparison{background:#7f7f8c29;border:1px solid var(--border);border-radius:13px;display:flex;padding:3px}.comparison button{background:transparent;border:0;border-radius:9px;color:var(--muted);min-height:44px;min-width:64px;padding:7px 12px}.comparison button[aria-pressed=true]{background:var(--panel-raised);box-shadow:0 2px 8px #0000001f;color:var(--text)}.comparison button:disabled{cursor:not-allowed;opacity:.42}.preview-panel__canvas{align-items:center;display:flex;justify-content:center;min-height:0;padding-top:12px}.preview-panel__canvas img{border-radius:16px;box-shadow:0 12px 34px #00000047;display:block;height:100%;max-width:100%;object-fit:contain;width:100%}.preview-panel__empty{color:var(--muted);margin:0;max-width:240px;text-align:center}.settings-panel{background:var(--panel);border-radius:24px 24px 0 0;box-shadow:var(--shadow);min-width:0;padding:8px 0 max(24px,env(safe-area-inset-bottom));position:relative}.settings-panel__grabber{background:var(--border);border-radius:999px;height:4px;margin:0 auto 8px;width:38px}.settings-section{border-bottom:1px solid var(--border);min-width:0;padding:14px 16px 18px}.settings-section:last-child{border-bottom:0}.effect-list{display:grid;gap:10px;grid-auto-columns:108px;grid-auto-flow:column;margin:12px -16px -4px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 16px 8px;scroll-snap-type:inline proximity;scrollbar-width:none}.effect-list::-webkit-scrollbar{display:none}.effect-card{background:transparent;border:0;color:var(--muted);min-height:126px;padding:0;position:relative;scroll-snap-align:start;text-align:left}.effect-card__visual{background:repeating-linear-gradient(calc(38deg + var(--effect-index) * 13deg),rgb(255 255 255 / 30%) 0 3px,transparent 3px 16px),radial-gradient(circle at 24% 30%,#d9ff5c,transparent 25%),linear-gradient(calc(125deg + var(--effect-index) * 17deg),#7c5cff,#ff5c9a 52%,#3dd8ff);border:2px solid transparent;border-radius:15px;display:block;height:88px;margin-bottom:8px;overflow:hidden;transition:border-color .16s ease,transform .16s ease;width:108px}.effect-card__visual[data-effect=collage]{background-size:30px 30px,auto,auto}.effect-card[aria-pressed=true]{color:var(--text)}.effect-card[aria-pressed=true] .effect-card__visual{border-color:var(--accent);transform:translateY(-2px)}.effect-card__name{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.effect-card__check{align-items:center;background:var(--accent);border:2px solid var(--panel);border-radius:999px;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.empty-catalog{background:var(--panel-raised);border-radius:14px;color:var(--muted);line-height:1.45;margin:12px 0 0;padding:14px}.reset-button,.advanced__button{background:transparent;border:0;color:var(--accent);min-height:44px}.reset-button{border-radius:10px;margin:-10px -8px -10px 8px;max-width:52%;overflow-wrap:anywhere;padding:8px}.parameter-group{display:grid;gap:12px;margin-top:12px}.parameter{background:var(--panel-raised);border:1px solid var(--border);border-radius:16px;min-width:0;padding:13px 14px}.parameter--toggle{align-items:center;display:flex;justify-content:space-between;min-height:58px}.parameter__label{font-size:14px;line-height:1.35;max-width:calc(100% - 60px);overflow-wrap:anywhere}.parameter__value{color:var(--accent);flex:0 0 auto;font-variant-numeric:tabular-nums;margin-left:12px}.range{accent-color:var(--accent);cursor:pointer;display:block;height:44px;margin:5px 0 -3px;width:100%}.range::-webkit-slider-thumb{height:26px;width:26px}.range::-moz-range-thumb{height:24px;width:24px}.toggle{background:#7f7f8c47;border:0;border-radius:999px;flex:0 0 auto;height:32px;margin-left:14px;min-height:44px;padding:6px;position:relative;width:54px}.toggle__thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000003d;display:block;height:20px;transform:translate(0);transition:transform .16s ease;width:20px}.toggle[aria-checked=true]{background:var(--accent-strong)}.toggle[aria-checked=true] .toggle__thumb{transform:translate(22px)}.advanced{margin-top:8px}.advanced__button{align-items:center;display:flex;justify-content:space-between;padding:4px 0;text-align:left;width:100%}.advanced__chevron{color:var(--muted);font-size:22px;transform:rotate(0);transition:transform .16s ease}.advanced__button[aria-expanded=true] .advanced__chevron{transform:rotate(180deg)}.mobile-editor button:focus-visible,.mobile-editor input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:360px){.mobile-editor{grid-template-rows:minmax(236px,42dvh) minmax(0,1fr)}.preview-panel,.settings-section{padding-left:12px;padding-right:12px}.effect-list{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.comparison button{min-width:56px;padding-inline:9px}}@media(min-width:720px){.mobile-editor{border-inline:1px solid var(--border);box-shadow:0 0 60px #0000002e;margin-inline:auto;max-width:540px}}@media(prefers-reduced-motion:reduce){.mobile-editor *,.mobile-editor *:before,.mobile-editor *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.workflow{display:grid;gap:12px}.workflow button,.workflow a{align-items:center;border-radius:14px;display:inline-flex;justify-content:center;min-height:48px;padding:10px 16px;text-align:center}.workflow button:disabled{cursor:not-allowed;opacity:.46}.workflow__primary{background:var(--accent);color:#fff}.workflow__secondary{background:var(--panel-raised);border:1px solid var(--border);color:var(--text)}.workflow__status,.workflow__error p,.workflow__progress span{font-size:14px;line-height:1.4;margin:0}.workflow__status,.workflow__progress span{color:var(--muted)}.workflow__progress{display:grid;gap:7px}.workflow__progress progress{accent-color:var(--accent);height:9px;width:100%}.workflow__error{background:color-mix(in srgb,#d94242 14%,var(--panel-raised));border:1px solid color-mix(in srgb,#d94242 36%,transparent);border-radius:16px;display:grid;gap:10px;padding:13px}.workflow__error button,.workflow__error a{background:transparent;border:1px solid currentColor;color:var(--text);text-decoration:none}.workflow__results{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.workflow__results button{background:var(--panel-raised);border:1px solid var(--border);color:var(--text)}.workflow__results button:last-child:nth-child(3){grid-column:1 / -1}:root{color:#211f1c;background:#f4f2ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--app-background: var(--tg-theme-bg-color, #f4f2ee);--app-surface: var(--tg-theme-secondary-bg-color, #ffffff);--app-text: var(--tg-theme-text-color, #211f1c);--app-muted: var(--tg-theme-hint-color, #706b64);--app-accent: var(--tg-theme-button-color, #ec5f38);--app-accent-text: var(--tg-theme-button-text-color, #ffffff);--app-border: color-mix(in srgb, var(--app-text) 12%, transparent)}:root[data-theme=dark]{color:#f5f1eb;background:#181716;--app-background: var(--tg-theme-bg-color, #181716);--app-surface: var(--tg-theme-secondary-bg-color, #242220);--app-text: var(--tg-theme-text-color, #f5f1eb);--app-muted: var(--tg-theme-hint-color, #aaa49c);--app-accent: var(--tg-theme-button-color, #ff7953);--app-accent-text: var(--tg-theme-button-text-color, #21120d)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;min-height:100dvh;color:var(--app-text);background:var(--app-background)}button{min-height:48px;border:0;border-radius:14px;padding:0 20px;color:var(--app-accent-text);background:var(--app-accent);font:inherit;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid color-mix(in srgb,var(--app-accent) 45%,transparent);outline-offset:3px}.app-shell{width:min(100%,640px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.app-header{display:flex;align-items:center;gap:12px}.app-header strong,.app-header small{display:block}.app-header strong{font-size:1.05rem}.app-header small{margin-top:2px;color:var(--app-muted)}.app-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:var(--app-accent-text);background:var(--app-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em}.session-card{margin-top:clamp(72px,20vh,160px);border:1px solid var(--app-border);border-radius:22px;padding:24px;background:var(--app-surface);box-shadow:0 18px 45px color-mix(in srgb,#000000 10%,transparent)}.session-card p{margin:0;line-height:1.5}.session-card button{width:100%;margin-top:20px}.session-card dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:20px 0 0;border-top:1px solid var(--app-border);padding-top:18px}.session-card dt{color:var(--app-muted)}.session-card dd{margin:0;font-weight:700}