:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--outer:#f4f4f4;--page:#fff;--hero:#ededed;--panel:#fff;--text:#303030;--muted:#777;--border:#d7d7d7;--field:#fff;--field-shadow:inset 0 1px 2.9px #0000001a;--icon-bg:#cbedcc;--green:#8fe392;--green-text:#012b02;--green-strong:#227528;--focus:#8fe3924d;--danger:#b3261e;--disabled:#ececec;--disabled-text:#00000038;--switch-off:#8a8a8a;--switch-off-hover:#777;--switch-thumb:#f7f7f7;--inactive-icon-bg:#dedede;--inactive-icon-color:#737373;--secondary-background:#ebebeb;--secondary-text:#272727;--overlay:#0000003d;--shadow:0 12px 34px #00000014;--qr-placeholder-bg:#fff;--language-panel:var(--panel);--language-field:var(--field);--language-text:var(--text);--language-muted:var(--muted);--language-button-color:#858585;--language-border:var(--border);--language-accent:var(--green);--language-accent-text:var(--green-text);--language-selected:color-mix(in srgb, var(--green) 24%, var(--field));--language-button-background:color-mix(in srgb, var(--page) 55%, transparent);--language-button-hover:color-mix(in srgb, var(--hero) 78%, transparent);--language-focus:var(--focus);--language-overlay:var(--overlay);--language-shadow:0 18px 50px #0000002e;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--outer);min-width:320px;color:var(--text)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0}h1,h2,h3,p{margin:0}.symbol{width:24px;height:24px;-webkit-mask-image:var(--symbol);mask-image:var(--symbol);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--symbol);background:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.creator-page{width:min(1180px,100%);min-height:100dvh;padding-bottom:max(24px, calc(env(safe-area-inset-bottom) + 4px));background:var(--page);margin:0 auto;position:relative}.creator-hero{background:var(--hero);flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:182px;padding:34px 40px;display:flex;position:relative}.hero-symbol{background:var(--icon-bg);color:#05570a;border-radius:50%;place-items:center;width:82px;height:82px;display:grid}.hero-symbol .symbol{width:42px;height:42px}.creator-hero h1{letter-spacing:-.02em;text-align:center;width:100%;font-size:31px;font-weight:550;line-height:1.2}.creator-layout{grid-template-columns:minmax(0,1fr) 356px;align-items:start;gap:24px;padding:30px;display:grid}.creator-form{gap:22px;display:grid}.form-section{padding:8px 0 28px}.form-section--channels{padding-bottom:0}.section-title,.preview-title,.section-title__main{align-items:center;gap:11px;display:flex}.section-title--split{justify-content:space-between}.section-title h2,.preview-title h2{font-size:20px;font-weight:600;line-height:1.2}.section-icon,.provider-icon{background:var(--icon-bg);color:#05570a;border-radius:50%;place-items:center;display:grid}.section-icon{width:42px;height:42px}.section-icon .symbol{width:24px;height:24px}.vehicle-fields{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.field{min-width:0}.field label{margin:0 0 8px 3px;font-size:14px;font-weight:550;line-height:17px;display:block}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--field);width:100%;box-shadow:var(--field-shadow);color:var(--text);border-radius:12px;outline:none;transition:border-color .14s,box-shadow .14s;display:block}.field input,.field select{height:45px;padding:0 14px;line-height:43px}.field select{appearance:none;cursor:pointer}.field textarea{resize:vertical;min-height:126px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:var(--field-shadow), 0 0 0 3px var(--focus);border-color:#a8c9a9}.field--invalid input,.field--invalid textarea,.field--invalid select{border-color:var(--danger);box-shadow:var(--field-shadow), 0 0 0 2px color-mix(in srgb, var(--danger) 18%, transparent)}.section-icon.section-icon--disabled{background:var(--inactive-icon-bg);color:var(--inactive-icon-color)}.notification-toggle{background:var(--switch-off);cursor:pointer;border-radius:999px;outline:none;flex:0 0 44px;width:44px;height:26px;margin-right:8px;padding:0;transition:background-color .16s;position:relative}.notification-toggle span{background:var(--switch-thumb);border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.notification-toggle[aria-checked=true]{background:var(--green)}.notification-toggle:hover:not([aria-checked=true]){background:var(--switch-off-hover)}.notification-toggle[aria-checked=true] span{transform:translate(18px)}.notification-toggle:focus-visible{box-shadow:0 0 0 3px var(--focus)}.notification-toggle:active span{transform:scale(.9)}.notification-toggle[aria-checked=true]:active span{transform:translate(18px)scale(.9)}.channel-settings-shell{grid-template-rows:1fr;display:grid}.channel-settings-shell>.channel-settings{min-height:0;overflow:hidden}.channel-settings-shell--closed{opacity:0;pointer-events:none;grid-template-rows:0fr}.channel-settings-shell--opening{animation:.24s cubic-bezier(.2,.8,.2,1) both channels-open}.channel-settings-shell--closing{animation:.24s cubic-bezier(.2,.8,.2,1) both channels-close}.channel-list{gap:14px;margin-top:20px;display:grid}.channel-list--empty{min-height:132px}.empty-channels{border:1px dashed var(--border);min-height:132px;color:var(--muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;font-size:14px;display:flex}.empty-channels .symbol{width:28px;height:28px}.channel-card{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 94%, var(--hero));border-radius:15px;min-width:0;max-width:100%;padding:17px;overflow:hidden}.channel-card--entering{animation:.18s ease-out both card-in}.channel-card__header,.channel-card__identity,.channel-card__actions{align-items:center;display:flex}.channel-card__header{justify-content:space-between;gap:16px;min-width:0}.channel-card__identity{gap:11px;min-width:0}.channel-card__actions{flex:none;gap:4px}.tutorial-button{background:var(--secondary-background);height:34px;color:var(--secondary-text);white-space:nowrap;cursor:pointer;border-radius:999px;outline:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:550;line-height:34px;transition:filter .13s,transform .13s,background-color .13s;display:inline-flex}.tutorial-button .symbol{width:17px;height:17px}.tutorial-button:hover,.tutorial-button:focus-visible{filter:brightness(.97)}.tutorial-button:focus-visible{box-shadow:0 0 0 3px var(--focus)}.tutorial-button:active{transform:scale(.96)}.provider-icon{flex:0 0 42px;width:42px;height:42px}.provider-icon .symbol{width:23px;height:23px}.channel-card h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:20px;overflow:hidden}.channel-status{color:var(--muted);margin-top:2px;font-size:12px;line-height:15px;display:block}.channel-status--success{color:var(--green-strong)}.channel-status--error{color:var(--danger)}.channel-card__body{margin-top:17px}.channel-form--webhook{grid-template-columns:minmax(0,1fr) 126px;gap:16px;display:grid}.channel-form--webhook .field:not(.field--url,.field--method){grid-column:1/-1}.field-action{grid-template-columns:minmax(0,1fr) 45px;gap:8px;display:grid}.field-action--topic{grid-template-columns:minmax(0,1fr) 45px 45px auto}.field-action--topic input[readonly]{text-overflow:ellipsis;white-space:nowrap;cursor:default;-webkit-user-select:all;user-select:all;overflow:hidden}.icon-button{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;outline:none;place-items:center;padding:0;transition:background-color .13s,transform .13s;display:grid}.provider-picker>header .icon-button,.tutorial-dialog>header .icon-button{border-radius:999px;flex:0 0 42px;width:42px;height:42px}.field-action .icon-button{border:1px solid var(--border);background:var(--field);border-radius:12px;width:45px;height:45px}.copy-button--success{background:color-mix(in srgb, var(--green) 30%, var(--disabled))!important;color:var(--green-strong)!important}.copy-button--success .symbol{animation:.18s cubic-bezier(.2,.8,.2,1) both copy-check-in}.copy-button__success-text{white-space:nowrap;font-size:12px;font-weight:600;line-height:16px}.topic-subscribe-button{border:1px solid color-mix(in srgb, var(--green-strong) 35%, var(--border));background:var(--field);height:45px;color:var(--green-strong);white-space:nowrap;cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:13px;font-weight:550;text-decoration:none;transition:background-color .13s,transform .13s;display:inline-flex}.topic-subscribe-button:hover,.topic-subscribe-button:focus-visible{background:color-mix(in srgb, var(--green) 18%, var(--field))}.topic-subscribe-button:focus-visible{box-shadow:0 0 0 3px var(--focus)}.topic-subscribe-button:active{transform:scale(.96)}.icon-button:hover,.icon-button:focus-visible{background:color-mix(in srgb, var(--hero) 78%, transparent)}.icon-button:active{transform:scale(.93)}.add-button,.test-button,.generate-button,.preview-actions button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .14s,filter .14s,background-color .14s;display:flex}.add-button:active,.test-button:active,.generate-button:active,.preview-actions button:active,.provider-option:active,.button--pressed{filter:brightness(.96);transform:scale(.97)}.button--pressed{transition-duration:70ms}.button--tapped{animation:.19s cubic-bezier(.2,.8,.2,1) creator-button-tap}.add-button{background:var(--green);width:100%;height:45px;color:var(--green-text);gap:8px;margin-top:15px;font-weight:600}.add-button .symbol,.test-button .symbol,.generate-button .symbol{width:20px;height:20px}.test-button{background:var(--green);min-width:92px;height:39px;color:var(--green-text);white-space:nowrap;flex:none;gap:7px;margin-left:auto;padding:0 14px;font-size:14px;font-weight:600}.channel-test-row{align-items:center;gap:12px;margin-top:16px;display:flex}.channel-test-hint{min-width:0;color:var(--muted);text-align:left;overflow-wrap:anywhere;flex:auto;font-size:11px;line-height:16px}.test-button .spinner{flex:0 0 19px}.test-button>span:last-child{flex:none}.preview-panel{text-align:center;padding:8px 0 0 24px;position:sticky;top:24px}.preview-title{text-align:left;justify-content:flex-start}.preview-panel>.generate-button{margin-top:18px}.qr-frame{aspect-ratio:1;border:1px dashed var(--border);background:var(--qr-placeholder-bg);color:#b8b8b8;border-radius:16px;place-items:center;width:min(100%,278px);margin:18px auto 14px;display:grid;overflow:hidden}.qr-frame--ready{background:#fff;border-style:solid}.qr-frame--entering{animation:.22s ease-out both qr-in}.qr-frame img{width:100%;height:100%;display:block}.qr-placeholder{width:78px;height:78px}.preview-plate{text-overflow:ellipsis;white-space:nowrap;min-height:29px;font-size:22px;font-weight:600;line-height:29px;display:block;overflow:hidden}.preview-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.preview-actions button{background:var(--disabled);min-width:0;height:54px;color:var(--text);border-radius:11px;flex-direction:column;gap:3px;padding:6px 3px;font-size:11px}.preview-actions .symbol{width:19px;height:19px}.generate-button{background:var(--green);width:100%;height:48px;color:var(--green-text);gap:8px;margin-top:8px;font-size:17px;font-weight:600}.site-record{z-index:1;bottom:max(5px, calc(env(safe-area-inset-bottom) - 18px));width:min(100% - 30px,1150px);color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:.55;pointer-events:none;font-size:9px;font-weight:400;line-height:12px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}button:disabled{background:var(--disabled);color:var(--disabled-text);cursor:default;filter:none;transform:none}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:19px;height:19px;animation:.7s linear infinite spin}.modal-layer{z-index:20;background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:20px;animation:.16s ease-out both layer-in;display:grid;position:fixed;inset:0}.modal-layer--closing{animation:.14s ease-in both layer-out}.modal-layer--closing>*{pointer-events:none}.modal-layer--closing .provider-picker,.modal-layer--closing .tutorial-dialog{animation:.14s ease-in both picker-out}.provider-picker,.tutorial-dialog{background:var(--panel);border-radius:18px;width:min(100%,500px);padding:20px;animation:.18s ease-out both picker-in;box-shadow:0 18px 50px #0000002e}.tutorial-dialog>header{justify-content:space-between;align-items:center;display:flex}.tutorial-dialog h2{font-size:21px;font-weight:600}.tutorial-steps{gap:14px;margin:20px 0 0;padding:0 4px 2px 28px;font-size:15px;line-height:1.55;display:grid}.tutorial-steps li{padding-left:4px}.tutorial-steps a{width:fit-content;color:var(--green-strong);text-underline-offset:3px;margin-top:5px;font-weight:600;display:block}.provider-picker>header{justify-content:space-between;align-items:center;display:flex}.provider-picker h2{font-size:21px;font-weight:600}.provider-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.provider-option{border:1px solid var(--border);background:var(--field);min-width:0;min-height:72px;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;outline:none;align-items:center;gap:11px;padding:12px;transition:transform .14s,filter .14s;display:flex}.provider-option__text{flex-direction:column;gap:3px;min-width:0;display:flex}.provider-option__text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:19px;overflow:hidden}.provider-option__text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.provider-option:hover,.provider-option:focus-visible{filter:brightness(.96)}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}@keyframes qr-in{0%{opacity:0;transform:scale(.975)}}@keyframes channels-open{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes channels-close{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}@keyframes copy-check-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes layer-in{0%{opacity:0}}@keyframes layer-out{0%{opacity:1}to{opacity:0}}@keyframes picker-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes picker-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(5px)scale(.985)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes creator-button-tap{0%{filter:brightness();transform:scale(1)}44%{filter:brightness(.94);transform:scale(.965)}to{filter:brightness();transform:scale(1)}}@media (width<=820px){.creator-page{width:100%}.creator-hero{min-height:168px;padding:30px 20px}.hero-symbol{width:75px;height:75px}.creator-layout{grid-template-columns:minmax(0,1fr);padding:18px}.preview-panel{grid-row:2;padding:24px 0 0;position:static}}@media (width<=520px){body,.creator-form,.form-section,.section-title,.section-title__main,.channel-settings,.channel-list,.channel-card,.preview-panel{min-width:0}.creator-hero{min-height:154px}.creator-hero h1{font-size:28px}.creator-layout{gap:16px;padding:14px}.form-section{padding-top:4px}.form-section--channels{padding-bottom:0}.preview-panel{padding-top:20px}.vehicle-fields,.channel-form--webhook{grid-template-columns:1fr}.channel-form--webhook .field:not(.field--url,.field--method){grid-column:auto}.provider-list{grid-template-columns:1fr}.provider-option{min-height:64px}}@media (prefers-color-scheme:dark){:root{--outer:#0d0d0d;--page:#1b1b1b;--hero:#111;--panel:#262626;--text:#f1f1f1;--muted:#adadad;--border:#454545;--field:#242424;--field-shadow:inset 0 1px 2.9px #0000005c;--icon-bg:#263e28;--green:#82dc86;--green-text:#072109;--green-strong:#9ae59e;--focus:#82dc8642;--danger:#ffb4ab;--disabled:#323232;--disabled-text:#ffffff3b;--switch-off:#626262;--switch-off-hover:#727272;--switch-thumb:#dedede;--inactive-icon-bg:#3a3a3a;--inactive-icon-color:#9a9a9a;--secondary-background:#3a3a3a;--secondary-text:#f1f1f1;--overlay:#0000008f;--shadow:0 12px 34px #0003;--qr-placeholder-bg:#242424;--language-button-color:#686868}.hero-symbol,.section-icon,.provider-icon{color:#9ae59e}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#fff}.creator-hero,.creator-form,.preview-title,.preview-actions,.generate-button,.site-record{display:none!important}.creator-page,.creator-layout,.preview-panel{width:100%;box-shadow:none;color:#000;background:#fff;border:0;padding:0;display:block}.preview-panel{border:0;padding-top:12mm;position:static}.qr-frame{border:0;width:120mm;margin:0 auto 8mm}.preview-plate{font-size:26pt;line-height:1.2}}