:root{--color-bg: var(--tg-theme-bg-color, #ffffff);--color-surface: var(--tg-theme-secondary-bg-color, #f3f3f7);--color-text: var(--tg-theme-text-color, #14141a);--color-hint: var(--tg-theme-hint-color, #8a8a99);--color-accent: var(--tg-theme-button-color, #6d5efc);--color-accent-text: var(--tg-theme-button-text-color, #ffffff);--color-danger: var(--tg-theme-destructive-text-color, #e5484d);--color-success: #2fb36d;--color-border: rgba(127, 127, 140, .16);--color-border: color-mix(in srgb, var(--color-text) 9%, transparent);--color-accent-soft: rgba(109, 94, 252, .12);--color-accent-soft: color-mix(in srgb, var(--color-accent) 13%, transparent);--color-danger-soft: rgba(229, 72, 77, .12);--color-danger-soft: color-mix(in srgb, var(--color-danger) 12%, transparent);--color-success-soft: rgba(47, 179, 109, .12);--color-success-soft: color-mix(in srgb, var(--color-success) 12%, transparent);--color-bg-blur: rgba(255, 255, 255, .82);--color-bg-blur: color-mix(in srgb, var(--color-bg) 82%, transparent);--gradient-accent: linear-gradient(135deg, var(--color-accent), #b25cf6);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 20, 40, .06);--shadow-md: 0 6px 20px rgba(20, 20, 40, .08);--shadow-accent: 0 6px 18px rgba(109, 94, 252, .32);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 22px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--ease: cubic-bezier(.2, .8, .2, 1);--duration: .16s;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 28px}@media (prefers-color-scheme: dark){:root{--color-bg: var(--tg-theme-bg-color, #111116);--color-surface: var(--tg-theme-secondary-bg-color, #1c1c24);--color-text: var(--tg-theme-text-color, #f2f2f7);--color-hint: var(--tg-theme-hint-color, #8d8d9c);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.spin{animation:spin .9s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-semibold);transition:transform var(--duration) var(--ease),opacity var(--duration) var(--ease),background var(--duration) var(--ease)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn--block{width:100%}.btn--lg{min-height:52px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn--primary{background:var(--gradient-accent);color:var(--color-accent-text);box-shadow:var(--shadow-accent)}.btn--primary:disabled{box-shadow:none}.btn--secondary{background:var(--color-surface)}.btn--ghost{color:var(--color-accent);min-height:36px}.btn svg{width:var(--icon-md);height:var(--icon-md);flex:none}.chip-row{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4)}.chip-row::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.chip svg{width:var(--icon-sm);height:var(--icon-sm)}.chip--selected{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1.5px var(--color-accent)}.segmented{display:inline-flex;padding:3px;border-radius:var(--radius-sm);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border)}.segmented__item{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 var(--space-2);border-radius:8px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-hint);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.segmented__item svg{width:14px;height:14px}.segmented__item--active{background:var(--color-accent);color:var(--color-accent-text)}.segmented__item:disabled{opacity:.4}.section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden}.section__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);min-height:34px}.section__head--solo{margin-bottom:0}.section__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--color-accent-soft);color:var(--color-accent)}.section__icon svg{width:var(--icon-sm);height:var(--icon-sm)}.section__title{flex:1;margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);animation:rise var(--duration) var(--ease)}.status svg{width:var(--icon-md);height:var(--icon-md);flex:none}.status--busy{background:var(--color-surface);color:var(--color-hint)}.status--success{background:var(--color-success-soft);color:var(--color-success)}.status--error{background:var(--color-danger-soft);color:var(--color-danger)}.pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-bold)}.pill svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-accent)}.input{width:100%;height:44px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text);font:inherit;transition:box-shadow var(--duration) var(--ease)}.input::placeholder{color:var(--color-hint)}.input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--color-accent)}.status__text{flex:1;min-width:0}.status--floating{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.status--floating.status--busy{background:var(--color-bg-blur)}.status .btn{min-height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.tabbar{display:flex;padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-bg)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:var(--radius-sm);color:var(--color-hint);font-size:11px;font-weight:var(--weight-semibold);transition:color var(--duration) var(--ease)}.tabbar__icon{position:relative;display:grid;place-items:center;width:44px;height:28px;border-radius:var(--radius-pill);transition:background var(--duration) var(--ease)}.tabbar__icon svg{width:var(--icon-md);height:var(--icon-md)}.tabbar__item--active{color:var(--color-accent)}.tabbar__item--active .tabbar__icon{background:var(--color-accent-soft)}.tabbar__badge{position:absolute;top:-2px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-text);font-size:10px;line-height:16px}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-surface);transition:transform var(--duration) var(--ease)}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn svg{width:18px;height:18px}.field{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.field__label{color:var(--color-hint);font-size:var(--text-sm);font-weight:var(--weight-medium)}.home,.editor{max-width:560px;margin:0 auto;height:var(--tg-viewport-stable-height, 100dvh)}.home{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow-y:auto}.home__toast{position:sticky;bottom:0;min-height:1px}.home__toast .status--floating{position:static}.app-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.app-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-accent)}.app-logo svg{width:24px;height:24px}.app-title{flex:1;min-width:0}.app-title h1{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.app-title p{margin:0;color:var(--color-hint);font-size:var(--text-sm)}.picker{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:300px;max-height:460px;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-border);transition:transform var(--duration) var(--ease)}.picker:active:not(:disabled){transform:scale(.99)}.picker:disabled{opacity:.6}.picker__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-accent)}.picker__icon svg{width:var(--icon-lg);height:var(--icon-lg)}.picker__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.picker__tips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);color:var(--color-hint);font-size:var(--text-sm)}.picker__tips span{display:inline-flex;align-items:center;gap:5px}.picker__tips svg{width:14px;height:14px}.home-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);text-align:left}.home-card__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent)}.home-card__icon svg{width:var(--icon-md);height:var(--icon-md)}.home-card__body{display:flex;flex-direction:column}.home-card__body small{color:var(--color-hint);font-size:var(--text-xs)}.tip{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-text);font-size:var(--text-sm);text-align:left}.tip b{color:var(--color-accent)}.tip__icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text)}.tip__icon svg{width:var(--icon-sm);height:var(--icon-sm)}.editor{display:flex;flex-direction:column;overflow:hidden}.editor__top{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:52px}.editor__title{flex:1;margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em}.editor__stage{position:relative;flex:1;min-height:200px;padding:0 var(--space-4)}.editor__panel{flex:none;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);height:192px;padding:var(--space-3) var(--space-4);overflow:hidden}.editor__panel>.segmented{display:flex}.editor__panel>.segmented .segmented__item{flex:1;justify-content:center;height:36px;font-size:var(--text-sm)}.editor__cta{flex:none;padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom))}.panel-row{display:flex;align-items:center;gap:var(--space-2)}.panel-row .chip-row{flex:1;margin-right:0}.stage{position:relative;display:grid;place-items:center;height:100%;border-radius:var(--radius-lg);background:repeating-conic-gradient(var(--color-border) 0% 25%,transparent 0% 50%) 50% / 20px 20px,var(--color-surface);overflow:hidden}.stage__frame{position:relative;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}.stage__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.stage__replace{position:absolute;bottom:var(--space-3);right:var(--space-3);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-bg-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.stage__replace svg{width:18px;height:18px}.picker-frame canvas{cursor:crosshair;border-radius:var(--radius-sm)}.picker-marker{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid #fff;background:var(--color-accent);box-shadow:var(--shadow-md);pointer-events:none;animation:rise var(--duration) var(--ease)}.accessory-strip,.emoji-strip{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,52px);grid-auto-columns:52px;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4)}.accessory-strip::-webkit-scrollbar,.emoji-strip::-webkit-scrollbar{display:none}.accessory{display:grid;place-items:center;width:52px;height:52px;padding:6px;border-radius:var(--radius-sm);background:var(--color-surface);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.accessory img{width:100%;height:100%;object-fit:contain}.accessory:active,.emoji:active{transform:scale(.92)}.accessory--selected,.emoji--selected{background:var(--color-accent-soft);box-shadow:inset 0 0 0 2px var(--color-accent)}.emoji{width:52px;height:52px;font-size:26px;border-radius:var(--radius-sm);background:var(--color-surface);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.hint{margin:0;color:var(--color-hint);font-size:var(--text-xs);text-align:center}.hint--left{text-align:left}.font-sample{font-size:15px;line-height:1}.swatches{display:flex;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;padding:4px 2px}.swatch{flex:none;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f,0 0 0 0 var(--color-accent);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.swatch:active{transform:scale(.9)}.swatch--selected{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 3px var(--color-bg),0 0 0 5px var(--color-accent)}.panel-row .input,.panel-row .segmented{flex:1}.panel-row .segmented .segmented__item{flex:1;justify-content:center}.history-buttons{display:flex;gap:var(--space-1)}.icon-btn:disabled{opacity:.35}.home__legal{margin-top:auto;align-self:center;padding:var(--space-2);color:var(--color-hint);font-size:var(--text-xs);text-decoration:none}