:root{--const-typography-family-compact: "MTS Compact", sans-serif;--const-typography-family-wide: "MTS Wide", sans-serif;--const-typography-family-text: "MTS Text", sans-serif;--const-typography-size-10: 3.5rem;--const-typography-size-11: 4.5rem;--const-typography-size-09: 2.75rem;--const-typography-size-08: 2.25rem;--const-typography-size-07: 2rem;--const-typography-size-06: 1.5rem;--const-typography-size-05: 1.25rem;--const-typography-size-04: 1.0625rem;--const-typography-size-03: .875rem;--const-typography-size-02: .75rem;--const-typography-size-01: .625rem;--const-typography-lineHeight-10: 2.75rem;--const-typography-lineHeight-11: 3.5rem;--const-typography-lineHeight-12: 4.5rem;--const-typography-lineHeight-09: 2.5rem;--const-typography-lineHeight-08: 2.25rem;--const-typography-lineHeight-07: 2rem;--const-typography-lineHeight-06: 1.75rem;--const-typography-lineHeight-05: 1.5rem;--const-typography-lineHeight-04: 1.25rem;--const-typography-lineHeight-03: 1.125rem;--const-typography-lineHeight-02: 1rem;--const-typography-lineHeight-01: .75rem;--const-radius-10: 80px;--const-radius-09: 64px;--const-radius-08: 48px;--const-radius-07: 40px;--const-radius-06: 32px;--const-radius-05: 24px;--const-radius-04: 20px;--const-radius-03: 16px;--const-radius-02: 12px;--const-radius-01: 8px;--const-spacing-10: 36px;--const-spacing-11: 40px;--const-spacing-12: 48px;--const-spacing-13: 64px;--const-spacing-14: 80px;--const-spacing-09: 32px;--const-spacing-08: 24px;--const-spacing-07: 20px;--const-spacing-06: 16px;--const-spacing-05: 12px;--const-spacing-04: 8px;--const-spacing-03: 4px;--const-spacing-02: 2px;--const-spacing-01: 0px;--const-palette-greyscale-100: rgba(242, 243, 247, 1);--const-palette-greyscale-200: rgba(226, 229, 235, 1);--const-palette-greyscale-300: rgba(187, 193, 199, 1);--const-palette-greyscale-400: rgba(150, 159, 168, 1);--const-palette-greyscale-500: rgba(98, 108, 119, 1);--const-palette-greyscale-600: rgba(67, 74, 81, 1);--const-palette-greyscale-700: rgba(44, 49, 53, 1);--const-palette-greyscale-800: rgba(29, 32, 35, 1);--const-palette-greyscale-900: rgba(0, 0, 0, 1);--const-palette-greyscale-000: rgba(255, 255, 255, 1);--const-palette-blackberry-darkest: rgba(0, 32, 148, 1);--const-palette-blackberry-dark: rgba(0, 61, 183, 1);--const-palette-blackberry-normal: rgba(1, 79, 206, 1);--const-palette-blackberry-light: rgba(99, 132, 224, 1);--const-palette-blackberry-lightest: rgba(231, 234, 250, 1);--const-palette-blueberry-darkest: rgba(0, 72, 170, 1);--const-palette-blueberry-dark: rgba(0, 124, 255, 1);--const-palette-blueberry-normal: rgba(0, 151, 253, 1);--const-palette-blueberry-light: rgba(69, 182, 252, 1);--const-palette-blueberry-lightest: rgba(225, 243, 254, 1);--const-palette-mint-darkest: rgba(0, 114, 77, 1);--const-palette-mint-dark: rgba(3, 161, 123, 1);--const-palette-mint-normal: rgba(0, 193, 155, 1);--const-palette-mint-light: rgba(0, 217, 188, 1);--const-palette-mint-lightest: rgba(223, 249, 245, 1);--const-palette-apple-darkest: rgba(2, 119, 34, 1);--const-palette-apple-dark: rgba(4, 170, 66, 1);--const-palette-apple-normal: rgba(38, 205, 88, 1);--const-palette-apple-light: rgba(116, 223, 139, 1);--const-palette-apple-lightest: rgba(232, 250, 235, 1);--const-palette-lime-darkest: rgba(128, 130, 1, 1);--const-palette-lime-dark: rgba(166, 193, 0, 1);--const-palette-lime-normal: rgba(193, 235, 29, 1);--const-palette-lime-light: rgba(211, 243, 107, 1);--const-palette-lime-lightest: rgba(248, 254, 231, 1);--const-palette-banana-darkest: rgba(243, 127, 25, 1);--const-palette-banana-dark: rgba(250, 192, 49, 1);--const-palette-banana-normal: rgba(251, 231, 57, 1);--const-palette-banana-light: rgba(253, 241, 119, 1);--const-palette-banana-lightest: rgba(255, 253, 232, 1);--const-palette-orange-darkest: rgba(186, 54, 10, 1);--const-palette-orange-dark: rgba(224, 74, 23, 1);--const-palette-orange-normal: rgba(249, 87, 33, 1);--const-palette-orange-light: rgba(255, 160, 128, 1);--const-palette-orange-lightest: rgba(251, 233, 231, 1);--const-palette-raspberry-darkest: rgba(142, 0, 63, 1);--const-palette-raspberry-dark: rgba(197, 19, 69, 1);--const-palette-raspberry-normal: rgba(234, 31, 73, 1);--const-palette-raspberry-light: rgba(245, 95, 126, 1);--const-palette-raspberry-lightest: rgba(255, 228, 233, 1);--const-palette-cranberry-darkest: rgba(127, 51, 99, 1);--const-palette-cranberry-dark: rgba(187, 64, 121, 1);--const-palette-cranberry-normal: rgba(229, 72, 135, 1);--const-palette-cranberry-light: rgba(230, 119, 173, 1);--const-palette-cranberry-lightest: rgba(249, 231, 240, 1);--const-palette-plum-darkest: rgba(71, 28, 97, 1);--const-palette-plum-dark: rgba(109, 45, 121, 1);--const-palette-plum-normal: rgba(136, 56, 136, 1);--const-palette-plum-light: rgba(168, 110, 167, 1);--const-palette-plum-lightest: rgba(240, 231, 240, 1);--const-shadow-05: 0 4px 24px 0 rgba(0, 0, 0, .12), 0 12px 20px 0 rgba(0, 0, 0, .14);--const-shadow-04: 0 -2px 24px 0 rgba(0, 0, 0, .08), 0 -8px 24px 0 rgba(0, 0, 0, .1);--const-shadow-03: 0 4px 24px 0 rgba(0, 0, 0, .12), 0 8px 16px 0 rgba(0, 0, 0, .08);--const-shadow-02: 0 0 16px 0 rgba(0, 0, 0, .08), 0 4px 16px 0 rgba(0, 0, 0, .08);--const-shadow-01: 0 0 6px 0 rgba(0, 0, 0, .08), 0 4px 16px 0 rgba(0, 0, 0, .08);--sys-typography-size-promo-1: 4.5rem;--sys-typography-size-promo-2: 3.5rem;--sys-typography-size-promo-3: 2.75rem;--sys-typography-size-promo-4: 2.25rem;--sys-typography-size-header-h1: 2.25rem;--sys-typography-size-header-h2: 2rem;--sys-typography-size-header-h3: 1.5rem;--sys-typography-size-header-h4: 1.25rem;--sys-typography-size-paragraph-p1: 1.5rem;--sys-typography-size-paragraph-p2: 1.25rem;--sys-typography-size-paragraph-p3: 1.0625rem;--sys-typography-size-paragraph-p4: .875rem;--sys-typography-size-caption-c1: .75rem;--sys-typography-size-caption-c2: .625rem;--sys-typography-lineHeight-promo-1: 2.25rem;--sys-typography-lineHeight-promo-2: 2.75rem;--sys-typography-lineHeight-promo-3: 3.5rem;--sys-typography-lineHeight-promo-4: 4.5rem;--sys-typography-lineHeight-header-h1: 2.5rem;--sys-typography-lineHeight-header-h2: 2.25rem;--sys-typography-lineHeight-header-h3: 2rem;--sys-typography-lineHeight-header-h4: 1.5rem;--sys-typography-lineHeight-paragraph-p1: 2rem;--sys-typography-lineHeight-paragraph-p2: 1.75rem;--sys-typography-lineHeight-paragraph-p3: 1.5rem;--sys-typography-lineHeight-paragraph-p4: 1.25rem;--sys-typography-lineHeight-paragraph-p4-tight: 1.125rem;--sys-typography-lineHeight-caption-c1: 1rem;--sys-typography-lineHeight-caption-c2: .75rem;--sys-background-primary: rgba(255, 255, 255, 1);--sys-background-lower: rgba(242, 243, 247, 1);--sys-background-primaryElevated: rgba(255, 255, 255, 1);--sys-background-modal: rgba(255, 255, 255, 1);--sys-background-stroke: rgba(188, 195, 208, .5);--sys-background-secondary: rgba(242, 243, 247, 1);--sys-background-secondaryElevated: rgba(255, 255, 255, 1);--sys-background-overlay: rgba(29, 32, 35, .4);--sys-background-overlayAlternative: rgba(29, 32, 35, .4);--sys-background-inverted: rgba(29, 32, 35, 1);--sys-background-hover: rgba(188, 195, 208, .25);--sys-background-bar: rgba(255, 255, 255, .88);--sys-background-disabled: rgba(248, 248, 251, 1);--sys-background-strokeDisabled: rgba(188, 195, 208, .25);--sys-background-activeSoft: rgba(199, 225, 255, 1);--sys-background-positiveSoft: rgba(190, 244, 189, 1);--sys-background-warningSoft: rgba(250, 232, 158, 1);--sys-background-negativeSoft: rgba(252, 212, 201, 1);--sys-background-highlightSoft: rgba(227, 204, 255, 1);--sys-text-primary: rgba(29, 32, 35, 1);--sys-text-secondary: rgba(98, 108, 119, 1);--sys-text-tertiary: rgba(150, 159, 168, 1);--sys-text-inverted: rgba(250, 250, 250, 1);--sys-text-positive: rgba(18, 178, 63, 1);--sys-text-negative: rgba(216, 64, 12, 1);--sys-text-primaryLink: rgba(0, 112, 229, 1);--sys-text-primaryLinkInverted: rgba(69, 182, 252, 1);--sys-text-secondaryLink: rgba(98, 108, 119, 1);--sys-text-visitedLink: rgba(136, 56, 136, 1);--sys-text-inactiveTabbar: rgba(110, 119, 130, 1);--sys-text-activeStrong: rgba(0, 92, 189, 1);--sys-text-positiveStrong: rgba(0, 117, 2, 1);--sys-text-warningStrong: rgba(128, 96, 0, 1);--sys-text-negativeStrong: rgba(173, 52, 0, 1);--sys-text-highlightStrong: rgba(121, 54, 201, 1);--sys-icons-primary: rgba(29, 32, 35, 1);--sys-icons-secondary: rgba(141, 150, 159, 1);--sys-icons-tertiary: rgba(187, 193, 199, 1);--sys-icons-inverted: rgba(250, 250, 250, 1);--sys-controls-primaryActive: rgba(255, 0, 50, 1);--sys-controls-secondaryActive: rgba(29, 32, 35, 1);--sys-controls-tertiaryActive: rgba(242, 243, 247, 1);--sys-controls-blur: rgba(255, 255, 255, .08);--sys-controls-stroke: rgba(141, 150, 159, 1);--sys-controls-inactive: rgba(188, 195, 208, .5);--sys-controls-alternative: rgba(255, 255, 255, 1);--sys-controls-activeTabbar: rgba(255, 0, 50, 1);--sys-controls-inactiveTabbar: rgba(141, 150, 159, 1);--sys-controls-hoverPrimary: rgba(188, 195, 208, .4);--sys-controls-hoverAlternative: rgba(242, 243, 247, .12);--sys-accent-active: rgba(0, 124, 255, 1);--sys-accent-positive: rgba(38, 205, 88, 1);--sys-accent-warning: rgba(250, 192, 49, 1);--sys-accent-negative: rgba(249, 87, 33, 1);--sys-accent-highlight: rgba(151, 71, 255, 1);--sys-accent-activeInverted: rgba(69, 182, 252, 1);--sys-accent-positiveInverted: rgba(116, 223, 139, 1);--sys-accent-warningInverted: rgba(250, 214, 125, 1);--sys-accent-negativeInverted: rgba(250, 138, 100, 1);--sys-accent-notification: rgba(255, 0, 50, 1);--sys-brand-MTSRed: rgba(255, 0, 50, 1);--sys-brand-MTSRed50: rgba(255, 0, 50, .5);--sys-ecosystemBackground-invertedElevated: rgba(67, 74, 81, 1);--sys-ecosystemBackground-AI: linear-gradient(263.75deg, #994BFF .49%, #C09AFF 99.05%);--sys-ecosystemText-AI: linear-gradient(263.75deg, #785BC2 .49%, #9941FF 99.05%);--comp-buttons-hover-secondary: rgba(229, 231, 237);--comp-buttons-hover-negative: rgba(229, 231, 237);--comp-buttons-background-secondary: rgba(242, 243, 247, 1);--comp-buttons-background-negative: rgba(242, 243, 247, 1);--comp-chips-background-primary: rgba(242, 243, 247, 1);--comp-chips-background-secondary: rgba(255, 255, 255, 1);--comp-chips-background-selected: rgba(29, 32, 35, 1);--comp-chips-background-disabled: rgba(188, 195, 208, .5);--comp-chips-hover-primary: rgba(188, 195, 208, .25);--comp-chips-hover-selected: rgba(242, 243, 247, .12);--comp-badge-background-onPrimaryBg: rgba(242, 243, 247, 1);--comp-badge-background-onSecondaryBg: rgba(255, 255, 255, 1);--comp-avatar-color: rgba(129, 149, 227, 1);--comp-avatar-size-06: 80px;--comp-avatar-size-05: 64px;--comp-avatar-size-04: 52px;--comp-avatar-size-03: 44px;--comp-avatar-size-02: 32px;--comp-avatar-size-01: 24px;--comp-segmentedControl-background-onPrimaryBg: rgba(242, 243, 247, 1);--comp-segmentedControl-background-onSecondaryBg: rgba(255, 255, 255, 1);--comp-segmentedControl-indicator-onPrimaryBg: rgba(255, 255, 255, 1);--comp-segmentedControl-indicator-onSecondaryBg: rgba(242, 243, 247, 1)}[data-theme=dark]{--sys-background-primary: rgba(0, 0, 0, 1);--sys-background-lower: rgba(0, 0, 0, 1);--sys-background-primaryElevated: rgba(29, 32, 35, 1);--sys-background-modal: rgba(44, 49, 53, 1);--sys-background-stroke: rgba(127, 140, 153, .35);--sys-background-secondary: rgba(98, 108, 119, .25);--sys-background-secondaryElevated: rgba(98, 108, 119, .25);--sys-background-overlay: rgba(29, 32, 35, .9);--sys-background-overlayAlternative: rgba(0, 0, 0, .64);--sys-background-inverted: rgba(255, 255, 255, 1);--sys-background-hover: rgba(242, 243, 247, .2);--sys-background-bar: rgba(0, 0, 0, .7);--sys-background-disabled: rgba(98, 108, 119, .15);--sys-background-strokeDisabled: rgba(127, 140, 153, .1);--sys-background-activeSoft: rgba(40, 63, 97, 1);--sys-background-positiveSoft: rgba(50, 78, 55, 1);--sys-background-warningSoft: rgba(72, 68, 46, 1);--sys-background-negativeSoft: rgba(91, 52, 46, 1);--sys-background-highlightSoft: rgba(82, 54, 84, 1);--sys-text-primary: rgba(250, 250, 250, 1);--sys-text-secondary: rgba(150, 159, 168, 1);--sys-text-tertiary: rgba(98, 108, 119, 1);--sys-text-inverted: rgba(29, 32, 35, 1);--sys-text-positive: rgba(116, 223, 139, 1);--sys-text-negative: rgba(255, 160, 128, 1);--sys-text-primaryLink: rgba(69, 182, 252, 1);--sys-text-primaryLinkInverted: rgba(0, 112, 229, 1);--sys-text-secondaryLink: rgba(150, 159, 168, 1);--sys-text-visitedLink: rgba(183, 103, 183, 1);--sys-text-inactiveTabbar: rgba(255, 255, 255, .46);--sys-text-activeStrong: rgba(136, 207, 255, 1);--sys-text-positiveStrong: rgba(140, 242, 162, 1);--sys-text-warningStrong: rgba(250, 238, 158, 1);--sys-text-negativeStrong: rgba(255, 183, 158, 1);--sys-text-highlightStrong: rgba(225, 193, 255, 1);--sys-icons-primary: rgba(250, 250, 250, 1);--sys-icons-secondary: rgba(150, 159, 168, 1);--sys-icons-tertiary: rgba(98, 108, 119, 1);--sys-icons-inverted: rgba(29, 32, 35, 1);--sys-controls-primaryActive: rgba(255, 0, 50, 1);--sys-controls-secondaryActive: rgba(255, 255, 255, 1);--sys-controls-tertiaryActive: rgba(127, 140, 153, .35);--sys-controls-blur: rgba(255, 255, 255, .08);--sys-controls-stroke: rgba(99, 107, 114, 1);--sys-controls-inactive: rgba(127, 140, 153, .35);--sys-controls-alternative: rgba(127, 140, 153, .35);--sys-controls-activeTabbar: rgba(255, 255, 255, 1);--sys-controls-inactiveTabbar: rgba(255, 255, 255, .42);--sys-controls-hoverPrimary: rgba(188, 195, 208, .4);--sys-controls-hoverAlternative: rgba(188, 195, 208, .4);--sys-accent-active: rgba(69, 182, 252, 1);--sys-accent-positive: rgba(116, 223, 139, 1);--sys-accent-warning: rgba(250, 214, 125, 1);--sys-accent-negative: rgba(250, 138, 100, 1);--sys-accent-highlight: rgba(151, 71, 255, 1);--sys-accent-activeInverted: rgba(0, 124, 255, 1);--sys-accent-positiveInverted: rgba(38, 205, 88, 1);--sys-accent-warningInverted: rgba(250, 192, 49, 1);--sys-accent-negativeInverted: rgba(249, 87, 33, 1);--sys-accent-notification: rgba(255, 0, 50, 1);--sys-brand-MTSRed: rgba(255, 0, 50, 1);--sys-brand-MTSRed50: rgba(255, 0, 50, .5);--sys-ecosystemBackground-invertedElevated: rgba(242, 243, 247, 1);--sys-ecosystemBackground-AI: linear-gradient(263.75deg, #994BFF .49%, #C09AFF 99.05%);--sys-ecosystemText-AI: linear-gradient(263.75deg, #B781F5 .49%, #BBAFFF 99.05%);--comp-buttons-hover-secondary: rgba(84, 88, 93);--comp-buttons-hover-negative: rgba(84, 88, 93);--comp-buttons-background-secondary: rgba(127, 140, 153, .35);--comp-buttons-background-negative: rgba(127, 140, 153, .35);--comp-chips-background-primary: rgba(127, 140, 153, .35);--comp-chips-background-secondary: rgba(127, 140, 153, .35);--comp-chips-background-selected: rgba(255, 255, 255, 1);--comp-chips-background-disabled: rgba(127, 140, 153, .35);--comp-chips-hover-primary: rgba(242, 243, 247, .2);--comp-chips-hover-selected: rgba(188, 195, 208, .4);--comp-badge-background-onPrimaryBg: rgba(127, 140, 153, .35);--comp-badge-background-onSecondaryBg: rgba(127, 140, 153, .35);--comp-avatar-color: rgba(129, 149, 227, 1);--comp-segmentedControl-background-onPrimaryBg: rgba(127, 140, 153, .35);--comp-segmentedControl-background-onSecondaryBg: rgba(127, 140, 153, .35);--comp-segmentedControl-indicator-onPrimaryBg: rgba(127, 140, 153, .35);--comp-segmentedControl-indicator-onSecondaryBg: rgba(127, 140, 153, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sys-background-lower);color:var(--sys-text-primary);font-family:var(--const-typography-family-text);font-size:var(--sys-typography-size-paragraph-p3);line-height:var(--sys-typography-lineHeight-paragraph-p3);min-height:100vh}.shell{max-width:760px;margin:0 auto;padding:var(--const-spacing-06) var(--const-spacing-06) var(--const-spacing-14)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--const-spacing-06) 0;gap:var(--const-spacing-06)}.logo{font-family:var(--const-typography-family-wide);font-size:var(--sys-typography-size-header-h3);line-height:var(--sys-typography-lineHeight-header-h3);font-weight:500;letter-spacing:.01em}.logo .dot{color:var(--sys-brand-MTSRed)}.userbox{display:flex;align-items:center;gap:var(--const-spacing-05);min-width:0}.userbox .who{font-size:var(--sys-typography-size-paragraph-p4);color:var(--sys-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--sys-ecosystemBackground-AI);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:var(--sys-typography-size-paragraph-p4);flex-shrink:0}.tabs{display:flex;gap:var(--const-spacing-03);background:var(--sys-controls-tertiaryActive);border-radius:var(--const-radius-03);padding:var(--const-spacing-03);margin:var(--const-spacing-04) 0 var(--const-spacing-08)}.tab{flex:1;border:none;background:transparent;border-radius:var(--const-radius-02);padding:var(--const-spacing-05) var(--const-spacing-04);font-family:var(--const-typography-family-text);font-size:var(--sys-typography-size-paragraph-p4);line-height:var(--sys-typography-lineHeight-paragraph-p4);color:var(--sys-text-secondary);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--sys-text-primary)}.tab.active{background:var(--sys-background-primaryElevated);color:var(--sys-text-primary);font-weight:500;box-shadow:var(--const-shadow-01)}.card{background:var(--sys-background-primaryElevated);border-radius:var(--const-radius-04);padding:var(--const-spacing-08);box-shadow:var(--const-shadow-01);margin-bottom:var(--const-spacing-06)}.card h2{margin:0 0 var(--const-spacing-03);font-family:var(--const-typography-family-wide);font-size:var(--sys-typography-size-header-h4);line-height:var(--sys-typography-lineHeight-header-h4);font-weight:500}.card .hint{margin:0 0 var(--const-spacing-06);color:var(--sys-text-secondary);font-size:var(--sys-typography-size-paragraph-p4);line-height:var(--sys-typography-lineHeight-paragraph-p4)}.label{display:block;margin:var(--const-spacing-06) 0 var(--const-spacing-04);font-size:var(--sys-typography-size-caption-c1);line-height:var(--sys-typography-lineHeight-caption-c1);color:var(--sys-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--sys-background-stroke);border-radius:var(--const-radius-02);background:var(--sys-background-primary);color:var(--sys-text-primary);font-family:var(--const-typography-family-text);font-size:var(--sys-typography-size-paragraph-p3);line-height:var(--sys-typography-lineHeight-paragraph-p3);padding:var(--const-spacing-05) var(--const-spacing-06);outline:none}.textarea:focus{border-color:var(--sys-accent-active)}.chips{display:flex;flex-wrap:wrap;gap:var(--const-spacing-04)}.chip{border:1px solid var(--sys-background-stroke);background:var(--sys-background-primary);color:var(--sys-text-primary);border-radius:var(--const-radius-09);padding:var(--const-spacing-04) var(--const-spacing-06);font-family:var(--const-typography-family-text);font-size:var(--sys-typography-size-paragraph-p4);line-height:var(--sys-typography-lineHeight-paragraph-p4);cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--sys-controls-stroke)}.chip.selected{background:var(--sys-controls-secondaryActive);border-color:var(--sys-controls-secondaryActive);color:var(--sys-text-inverted);font-weight:500}.chip .sub{color:inherit;opacity:.65;margin-left:var(--const-spacing-03)}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:var(--const-spacing-06);padding:var(--const-spacing-05) 0}.switch{position:relative;width:52px;height:32px;border-radius:var(--const-radius-09);border:none;background:var(--sys-controls-inactive);cursor:pointer;transition:background .15s ease;flex-shrink:0}.switch:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--const-palette-greyscale-000);box-shadow:var(--const-shadow-01);transition:left .15s ease}.switch.on{background:var(--sys-accent-positive)}.switch.on:after{left:24px}.dropzone{border:2px dashed var(--sys-background-stroke);border-radius:var(--const-radius-03);padding:var(--const-spacing-08);text-align:center;color:var(--sys-text-secondary);cursor:pointer;transition:all .15s ease;font-size:var(--sys-typography-size-paragraph-p4);line-height:var(--sys-typography-lineHeight-paragraph-p4)}.dropzone:hover,.dropzone.dragover{border-color:var(--sys-accent-active);background:var(--sys-background-secondary)}.dropzone img{max-width:160px;max-height:160px;border-radius:var(--const-radius-02);display:block;margin:0 auto var(--const-spacing-04)}.stylegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--const-spacing-04)}.styletile{border:1px solid var(--sys-background-stroke);background:var(--sys-background-primary);border-radius:var(--const-radius-03);padding:var(--const-spacing-06) var(--const-spacing-04);text-align:center;cursor:pointer;transition:all .15s ease;font-family:var(--const-typography-family-text)}.styletile:hover{border-color:var(--sys-controls-stroke);box-shadow:var(--const-shadow-01)}.styletile.selected{border-color:var(--sys-brand-MTSRed);box-shadow:0 0 0 1px var(--sys-brand-MTSRed)}.styletile .emoji{font-size:var(--sys-typography-size-header-h2);line-height:1.2;display:block}.styletile .name{font-size:var(--sys-typography-size-paragraph-p4);line-height:var(--sys-typography-lineHeight-paragraph-p4);margin-top:var(--const-spacing-03);color:var(--sys-text-primary)}.btn{border:none;border-radius:var(--const-radius-02);font-family:var(--const-typography-family-text);font-weight:500;cursor:pointer;transition:opacity .15s ease,transform .05s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--const-spacing-04)}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--sys-controls-primaryActive);color:var(--const-palette-greyscale-000);font-size:var(--sys-typography-size-paragraph-p2);line-height:var(--sys-typography-lineHeight-paragraph-p2);padding:var(--const-spacing-06) var(--const-spacing-09);width:100%;margin-top:var(--const-spacing-08)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--sys-controls-tertiaryActive);color:var(--sys-text-primary);font-size:var(--sys-typography-size-paragraph-p4);line-height:var(--sys-typography-lineHeight-paragraph-p4);padding:var(--const-spacing-05) var(--const-spacing-07)}.btn-secondary:hover:not(:disabled){background:var(--sys-controls-hoverPrimary)}.pricebox{display:flex;align-items:baseline;justify-content:space-between;gap:var(--const-spacing-06);margin-top:var(--const-spacing-07);padding:var(--const-spacing-05) var(--const-spacing-06);background:var(--sys-background-activeSoft);border-radius:var(--const-radius-02)}.pricebox .caption{font-size:var(--sys-typography-size-caption-c1);line-height:var(--sys-typography-lineHeight-caption-c1);color:var(--sys-text-activeStrong)}.pricebox .value{font-family:var(--const-typography-family-wide);font-size:var(--sys-typography-size-header-h4);line-height:var(--sys-typography-lineHeight-header-h4);font-weight:500;color:var(--sys-text-activeStrong);white-space:nowrap}.pricebox details,.price-details{font-size:var(--sys-typography-size-caption-c1);color:var(--sys-text-secondary)}.progressbox{display:flex;align-items:center;gap:var(--const-spacing-06);padding:var(--const-spacing-07);background:var(--sys-background-secondary);border-radius:var(--const-radius-03);margin-top:var(--const-spacing-06)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--sys-controls-inactive);border-top-color:var(--sys-brand-MTSRed);animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.progressbox .text{font-size:var(--sys-typography-size-paragraph-p3)}.progressbox .note{font-size:var(--sys-typography-size-caption-c1);color:var(--sys-text-tertiary);margin-top:var(--const-spacing-02)}.result{margin-top:var(--const-spacing-06)}.result img,.result video{width:100%;max-height:560px;object-fit:contain;border-radius:var(--const-radius-03);background:var(--const-palette-greyscale-800);display:block}.result .actions{display:flex;gap:var(--const-spacing-04);margin-top:var(--const-spacing-05);flex-wrap:wrap}.costline{margin-top:var(--const-spacing-05);font-size:var(--sys-typography-size-paragraph-p4);color:var(--sys-text-secondary)}.costline b{color:var(--sys-text-primary)}.alert{border-radius:var(--const-radius-02);padding:var(--const-spacing-05) var(--const-spacing-06);margin-top:var(--const-spacing-06);font-size:var(--sys-typography-size-paragraph-p4);line-height:var(--sys-typography-lineHeight-paragraph-p4)}.alert.error{background:var(--sys-background-negativeSoft);color:var(--sys-text-negativeStrong)}.alert.info{background:var(--sys-background-warningSoft);color:var(--sys-text-warningStrong)}.login{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--const-spacing-06);padding:var(--const-spacing-08)}.login h1{margin:0;font-family:var(--const-typography-family-wide);font-size:var(--sys-typography-size-promo-3);line-height:var(--sys-typography-lineHeight-promo-3);font-weight:400}.login .sub{color:var(--sys-text-secondary);max-width:420px;margin:0}.login .buttons{display:flex;flex-direction:column;gap:var(--const-spacing-05);width:100%;max-width:340px;margin-top:var(--const-spacing-07)}.btn-google{background:var(--sys-controls-secondaryActive);color:var(--sys-text-inverted);font-size:var(--sys-typography-size-paragraph-p3);padding:var(--const-spacing-06) var(--const-spacing-08)}.btn-guest{background:var(--sys-controls-tertiaryActive);color:var(--sys-text-primary);font-size:var(--sys-typography-size-paragraph-p3);padding:var(--const-spacing-06) var(--const-spacing-08)}.history-item{display:flex;gap:var(--const-spacing-06);padding:var(--const-spacing-06) 0;border-bottom:1px solid var(--sys-background-stroke);align-items:flex-start}.history-item:last-child{border-bottom:none}.history-thumb{width:88px;height:88px;border-radius:var(--const-radius-02);object-fit:cover;background:var(--sys-background-secondary);flex-shrink:0}.history-main{flex:1;min-width:0}.history-main .title{font-size:var(--sys-typography-size-paragraph-p3);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-main .meta{font-size:var(--sys-typography-size-caption-c1);color:var(--sys-text-secondary);margin-top:var(--const-spacing-03);display:flex;gap:var(--const-spacing-05);flex-wrap:wrap;align-items:center}.status-pill{display:inline-block;border-radius:var(--const-radius-09);padding:var(--const-spacing-02) var(--const-spacing-05);font-size:var(--sys-typography-size-caption-c1);font-weight:500}.status-pill.succeeded{background:var(--sys-background-positiveSoft);color:var(--sys-text-positiveStrong)}.status-pill.failed{background:var(--sys-background-negativeSoft);color:var(--sys-text-negativeStrong)}.status-pill.running,.status-pill.queued{background:var(--sys-background-activeSoft);color:var(--sys-text-activeStrong)}.stepline{display:flex;align-items:center;gap:var(--const-spacing-04);color:var(--sys-text-tertiary);font-size:var(--sys-typography-size-caption-c1);margin-bottom:var(--const-spacing-04);text-transform:uppercase;letter-spacing:.04em}.footer-note{text-align:center;color:var(--sys-text-tertiary);font-size:var(--sys-typography-size-caption-c1);margin-top:var(--const-spacing-09)}@media(max-width:640px){.stylegrid{grid-template-columns:repeat(2,1fr)}.tab{font-size:var(--sys-typography-size-caption-c1);padding:var(--const-spacing-04) var(--const-spacing-02)}.shell{padding-left:var(--const-spacing-04);padding-right:var(--const-spacing-04)}}
