.v2 .xw-studio{color:#102344;min-width:0;max-width:1500px;margin:auto;padding:26px 28px 32px;font-size:13px}.v2 .xw-studio h2,.v2 .xw-studio h3,.v2 .xw-studio p{margin:0}.v2 .xw-studio button,.v2 .xw-studio input,.v2 .xw-studio select{font:inherit}.v2 .xw-studio button:disabled{opacity:.5;cursor:wait}.v2 .xw-studio .xs-button{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 14px;display:inline-flex}.v2 .xw-kind-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.v2 .xw-kind-tabs button{color:#537297;background:#fff;border:1px solid #c8e1fb;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;display:flex}.v2 .xw-kind-tabs button[aria-pressed=true]{color:#fff;background:#168cff;border-color:#168cff}.v2 .xw-kind-tabs>span{color:#7890ad;margin-left:8px;font-size:11px}.v2 .xw-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.v2 .xw-eyebrow{letter-spacing:2px;color:#168cff;font-size:10px}.v2 .xw-toolbar h2{margin:5px 0;font-size:24px}.v2 .xw-toolbar p{color:#6c819c;font-size:12px}.v2 .xw-draft-status{color:#3186be;white-space:nowrap;background:#f4fbff;border:1px solid #cae4fa;border-radius:30px;align-items:center;gap:6px;padding:7px 13px;font-size:11px;display:flex}.v2 .xw-workbench{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}.v2 .xw-preview-panel{background:#fff;border:1px solid #d5e8fb;border-radius:18px;min-width:0;position:sticky;top:15px;overflow:hidden;box-shadow:0 8px 32px #1378d307}.v2 .xw-preview-panel>header{justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;display:flex}.v2 .xw-preview-panel h3,.v2 .xw-presets h3,.v2 .xw-card h3{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.v2 .xw-preview-panel svg,.v2 .xw-card h3 svg{color:#168cff;flex-shrink:0}.v2 .xw-source-badge{color:#9b701d;white-space:nowrap;background:#fff5df;border-radius:20px;padding:4px 9px;font-size:10px}.v2 .xw-source-badge.account{color:#31815a;background:#e7f8ee}.v2 .xw-stage{justify-content:center;align-items:center;height:300px;padding:15px;display:flex;overflow:hidden}.v2 .xw-stage-dark{background:radial-gradient(at 50% 0,#172d4b,#081730 80%)}.v2 .xw-stage-light{background:#e8f3ff}.v2 .xw-stage-transparent{background:repeating-conic-gradient(#dce6f2 0% 25%,#f2f7fc 0% 50%) 0 0/20px 20px}.v2 .xw-design-stage{isolation:isolate;width:100%;min-width:0;max-width:1000px;height:260px;position:relative}.v2 .xw-no-donor{color:#8a9eb5;text-align:center;padding:90px 15px}.v2 .xw-preview-tools{border-bottom:1px solid #e5f0fc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.v2 .xw-preview-tools>div{background:#f1f7fd;border-radius:8px;gap:4px;padding:3px;display:flex}.v2 .xw-preview-tools button{color:#7a8ea8;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:10px}.v2 .xw-preview-tools button[aria-pressed=true]{color:#168cff;background:#fff;box-shadow:0 2px 6px #168cff12}.v2 .xw-preview-tools small{color:#7a8ea8;font-size:10px}.v2 .xw-sample-settings{border-bottom:1px solid #e5f0fc;padding:18px 20px}.v2 .xw-sample-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.v2 .xw-sample-heading>label{color:#6c819c;align-items:center;gap:10px;margin:0;font-size:10px;display:flex}.v2 .xw-sample-heading select{width:auto;max-width:160px;font-size:11px}.v2 .xw-studio label{color:#315486;font-size:12px;display:block}.v2 .xw-studio input:not([type=checkbox],[type=color],[type=range]),.v2 .xw-studio select{color:#102344;background:#fff;border:1px solid #c8e1fb;border-radius:8px;outline:none;width:100%;min-width:0;margin-top:6px;padding:9px 10px;display:block}.v2 .xw-studio input:focus-visible,.v2 .xw-studio select:focus-visible,.v2 .xw-studio button:focus-visible{outline-offset:3px;outline:2px solid #168cff}.v2 .xw-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.v2 .xw-sample-settings p,.v2 .xw-card p,.v2 .xw-note{color:#7890ad;margin-top:10px;font-size:11px;line-height:1.8}.v2 .xw-progress-controls{align-items:center;gap:8px;margin-top:12px;display:flex}.v2 .xw-progress-controls>span{color:#168cff;font-variant-numeric:tabular-nums;min-width:40px}.v2 .xw-progress-controls button{color:#4683b5;background:#f4faff;border:1px solid #d5e8fb;border-radius:7px;padding:4px 12px;font-size:11px}.v2 .xw-presets{padding:18px 20px}.v2 .xw-presets header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.v2 .xw-presets header small{color:#7890ad;font-size:10px}.v2 .xw-presets>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.v2 .xw-presets button{text-align:left;color:#315486;background:#fff;border:1px solid #dceafa;border-radius:10px;padding:0;overflow:hidden}.v2 .xw-presets button:hover{border-color:#168cff;box-shadow:0 4px 15px #168cff14}.v2 .xw-presets b{padding:8px 10px;font-size:11px;font-weight:500;display:block}.v2 .xw-preset-art{background:#102344;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:64px;display:flex}.v2 .xw-preset-art i{background:linear-gradient(90deg,#168cff,#60c5ff);border-radius:5px;width:65%;height:4px}.v2 .xw-preset-art i:last-child{background:#d0eaff;width:40%;height:2px}.v2 .xw-preset-art.plain i{background:#60c5ff;height:3px}.v2 .xw-preset-art.neon i{background:linear-gradient(90deg,#168cff,#ff3155);box-shadow:0 0 12px #168cff}.v2 .xw-settings{min-width:0}.v2 .xw-settings fieldset{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.v2 .xw-card{background:#ffffffc9;border:1px solid #d5e8fb;border-radius:16px;padding:20px}.v2 .xw-card h3{margin-bottom:18px;font-size:16px}.v2 .xw-card>label{margin:14px 0}.v2 .xw-card>label:last-child{margin-bottom:0}.v2 .xw-card small{color:#7890ad;margin-top:5px;font-size:10px;display:block}.v2 .xw-color-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.v2 .xw-color>span:last-child{background:#fff;border:1px solid #c8e1fb;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:5px;display:flex}.v2 .xw-color input{cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;width:30px;height:27px;padding:0}.v2 .xw-color small{color:#466283;margin:0;font-family:ui-monospace,monospace;font-size:10px}.v2 .xw-range>span{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.v2 .xw-range output{color:#168cff;font-variant-numeric:tabular-nums}.v2 .xw-range input{accent-color:#168cff;cursor:pointer;width:100%}.v2 .xw-toggles{gap:2px;margin-top:16px;display:grid}.v2 .xw-toggles>label{border-top:1px solid #e4effb;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.v2 .xw-toggles input{accent-color:#168cff;cursor:pointer;width:30px;height:18px}.v2 .xw-local-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.v2 .xw-account-panel,.v2 .xw-history{background:#ffffffc9;border:1px solid #d5e8fb;border-radius:16px;margin-top:24px;padding:22px}.v2 .xw-account-heading{align-items:center;gap:14px;display:flex}.v2 .xw-account-icon{color:#168cff;background:#e8f4ff;border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.v2 .xw-account-heading>div{flex:1;min-width:0}.v2 .xw-account-heading h3{font-size:16px}.v2 .xw-account-heading p{color:#7890ad;overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.8}.v2 .xw-account-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.v2 .xw-account-actions p,.v2 .xw-account-panel>p{color:#7890ad;font-size:11px;line-height:1.8}.v2 .xw-account-panel>p{margin-top:14px}.v2 .xw-current-goal{border-top:1px solid #e4effb;border-bottom:1px solid #e4effb;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:20px;padding:18px 0;display:flex}.v2 .xw-current-goal strong,.v2 .xw-current-goal span{display:block}.v2 .xw-current-goal span{color:#6c819c;margin-top:5px;font-size:12px}.v2 .xw-current-goal>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.v2 .xw-current-goal>div:first-child{display:block}.v2 .xw-warning{background:#fff8e6;border:1px solid #f3dfaf;border-radius:9px;padding:12px 15px;color:#9b701d!important}.v2 .xw-warning a{color:#168cff;margin-left:5px;text-decoration:underline}.v2 .xw-history h3{margin-bottom:14px;font-size:16px}.v2 .xw-history article{border-top:1px solid #e4effb;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.v2 .xw-history p,.v2 .xw-history span{color:#7890ad;font-size:12px}.v2 .xw-error,.v2 .xw-message{overflow-wrap:anywhere;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:12px;line-height:1.8;display:flex;margin-bottom:18px!important}.v2 .xw-error{color:#ba3150;background:#fff0f3}.v2 .xw-error button{color:inherit;background:0 0;border:0;font-size:22px}.v2 .xw-message{color:#287e52;background:#eaf8ef;justify-content:flex-start}.v2 .xw-confirm{padding:10px 0}.v2 .xw-confirm p{margin-bottom:22px;line-height:1.9}.v2 .xw-confirm>div{justify-content:flex-end;gap:10px;display:flex}.v2 .xs-widget-page .xs-title-block{flex:1}.v2 .xs-widget-page .xs-heading{padding-right:150px!important}.v2 .xs-widget-page .xs-header-mascot{opacity:.6;right:-20px}.v2 .xs-widget-page .xs-heading-actions{display:none!important}.v2 .xw-toggles>label{flex-direction:row;margin:0}.v2 .xs-redesign .xw-toggles input[role=switch]{appearance:none;cursor:pointer;background:#c2d3e5;border:1px solid #b8cce2;border-radius:20px;flex:0 0 34px;width:34px;height:20px;min-height:20px;margin:0;padding:0;position:relative}.v2 .xs-redesign .xw-toggles input[role=switch]:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #10234420}.v2 .xs-redesign .xw-toggles input[role=switch]:checked{background:#168cff;border-color:#168cff}.v2 .xs-redesign .xw-toggles input[role=switch]:checked:before{left:16px}@media (max-width:1000px){.v2 .xw-workbench{grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:14px}.v2 .xw-studio{padding:22px 18px}.v2 .xw-card{padding:16px}.v2 .xw-stage{height:260px;padding:8px}.v2 .xw-design-stage{height:230px}.v2 .xw-color-grid{gap:10px}.v2 .xw-preview-panel>header{padding:15px}.v2 .xw-preview-panel h3{font-size:12px}.v2 .xw-presets{padding:16px}}@media (max-width:760px){.v2 .xw-workbench{grid-template-columns:1fr}.v2 .xw-preview-panel{position:static}.v2 .xw-toolbar{align-items:flex-start;gap:12px}.v2 .xw-toolbar h2{font-size:22px}.v2 .xw-draft-status{padding:5px 8px;font-size:10px}.v2 .xw-account-heading{flex-wrap:wrap;align-items:flex-start}.v2 .xw-account-heading>button{margin-left:60px}.v2 .xw-stage{height:260px}.v2 .xw-design-stage{height:230px}.v2 .xw-kind-tabs>span{width:100%;margin:2px 0 0}.v2 .xs-widget-page .xs-heading{padding-right:20px!important}.v2 .xw-account-heading>div{flex:calc(100% - 60px)}}@media (max-width:420px){.v2 .xw-studio{padding:18px 10px}.v2 .xw-toolbar{flex-wrap:wrap}.v2 .xw-preview-panel>header{padding:14px 12px}.v2 .xw-preview-panel h3{font-size:12px}.v2 .xw-card,.v2 .xw-account-panel,.v2 .xw-history{padding:16px}.v2 .xw-presets,.v2 .xw-sample-settings{padding:16px 12px}.v2 .xw-preview-tools{padding:12px}.v2 .xw-local-actions{justify-content:stretch}.v2 .xw-local-actions>button{flex:1}.v2 .xw-account-actions>.xs-button{width:100%}.v2 .xw-stage{height:230px}.v2 .xw-design-stage{height:205px}}
.xs-storyboard{--xsb-ink:#14304d;--xsb-muted:#647f98;--xsb-line:#d9eaf7;--xsb-blue:#087ad5;--xsb-red:#f02e4f;border:1px solid var(--xsb-line);min-width:0;color:var(--xsb-ink);background:linear-gradient(165deg,#fff,#f8fcff);border-radius:16px;padding:10px;box-shadow:0 8px 28px #287db908}.xs-storyboard .xsb-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.xs-storyboard .xsb-heading-copy{grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:0;display:grid}.xs-storyboard .xsb-eyebrow{color:var(--xsb-blue);letter-spacing:1.1px;align-items:center;gap:5px;margin:0;font-size:9px;font-weight:600;display:flex}.xs-studio .xs-storyboard h2{letter-spacing:-.2px;margin:0;font-size:14px;font-weight:600;line-height:1.5}.xs-studio .xs-storyboard .xsb-heading p{color:var(--xsb-muted);grid-column:1/-1;margin:0;font-size:10px;line-height:1.4}.xs-storyboard .xsb-play{color:#bd1839;min-height:32px;font:inherit;cursor:pointer;background:#fff4f6;border:1px solid #efb6c2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:11px;display:inline-flex}.xs-storyboard .xsb-play:hover{border-color:var(--xsb-red);background:#ffe9ee}.xs-storyboard .xsb-play:focus-visible,.xs-storyboard input:focus-visible{outline:2px solid var(--xsb-blue);outline-offset:4px}.xs-storyboard .xsb-scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.xs-storyboard .xsb-scene{border:1px solid var(--xsb-line);background:#fff;border-radius:10px;min-width:0;margin:0;overflow:hidden}.xs-storyboard .xsb-scene[data-active=true]{border-color:#72b8ed;box-shadow:0 0 0 2px #cceaff}.xs-storyboard .xsb-scene-exit[data-active=true]{border-color:#f49caf;box-shadow:0 0 0 2px #ffe4eb}.xs-storyboard .xsb-scene-preview{isolation:isolate;background:#f0f7fc;border-bottom:1px solid #e4eef7;place-items:center;height:96px;padding:0;display:grid;position:relative;overflow:hidden}.xs-storyboard .xsb-snapshot{pointer-events:none;width:min(100%,160px);min-width:0}.xs-storyboard .xsb-snapshot .xs-canvas-scroll{border-radius:0;max-height:none;overflow:hidden}.xs-storyboard .xsb-snapshot .xs-canvas-viewport[data-background=transparent]{background-color:#f5faff;background-image:linear-gradient(45deg,#e6f0f8 25%,#0000 25%),linear-gradient(-45deg,#e6f0f8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6f0f8 75%),linear-gradient(-45deg,#0000 75%,#e6f0f8 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.xs-storyboard .xsb-scene-preview[data-ratio=portrait] .xsb-snapshot{width:48px}.xs-storyboard .xsb-scene-number{color:#6388a7;letter-spacing:1px;font-size:9px;position:absolute;top:7px;left:8px}.xs-storyboard .xsb-scene-time{color:#456d8a;font-variant-numeric:tabular-nums;background:#ffffffeb;border:1px solid #d4e6f4;border-radius:5px;padding:2px 5px;font-size:8px;line-height:1.4;position:absolute;bottom:5px;right:6px}.xs-storyboard figcaption{padding:6px 8px}.xs-storyboard figcaption>div{color:#36749f;align-items:center;gap:5px;display:flex}.xs-storyboard figcaption strong{color:var(--xsb-ink);white-space:nowrap;font-size:10px;font-weight:500;line-height:1.4}.xs-storyboard figcaption>div>span{color:var(--xsb-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:8px}.xs-storyboard figcaption>small{color:var(--xsb-muted);margin-top:2px;font-size:9px;line-height:1.4;display:block}.xs-storyboard .xsb-timeline{margin-top:7px}.xs-storyboard .xsb-timeline-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:10px;line-height:1.4;display:flex}.xs-storyboard .xsb-timeline-heading>span{color:#567791;align-items:center;gap:5px;display:inline-flex}.xs-storyboard .xsb-timeline-heading>output{font-variant-numeric:tabular-nums;color:var(--xsb-blue);font-weight:600}.xs-storyboard .xsb-timeline-heading>output>span{color:var(--xsb-muted);font-weight:400}.xs-storyboard .xsb-track{background:#eef7fe;border:1px solid #cae3f5;border-radius:7px;height:22px;display:flex;position:relative}.xs-storyboard .xsb-segment{white-space:nowrap;flex-basis:0;justify-content:center;align-items:center;min-width:0;font-size:9px;font-weight:500;display:flex;overflow:hidden}.xs-storyboard .xsb-segment:first-child{border-radius:6px 0 0 6px}.xs-storyboard .xsb-segment:last-of-type{border-radius:0 6px 6px 0}.xs-storyboard .xsb-segment:only-of-type{border-radius:6px}.xs-storyboard .xsb-segment-enter{color:#fff;background:#5ba8e8}.xs-storyboard .xsb-segment-display{color:#33739f;background:repeating-linear-gradient(90deg,#dff0fc 0 calc(25% - 1px),#cde4f6 calc(25% - 1px) 25%)}.xs-storyboard .xsb-segment-exit{color:#ae2940;background:#ffcbd5}.xs-storyboard .xsb-playhead{background:var(--xsb-red);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:-5px}.xs-storyboard .xsb-playhead:before{content:"";background:var(--xsb-red);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);width:8px;height:7px;position:absolute;top:0;left:-3px}.xs-storyboard .xsb-ruler{color:#7e96a9;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:3px;font-size:8px;line-height:1.4;display:flex}.xs-storyboard .xsb-timing-controls{border-top:1px solid #e2eef8;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;padding-top:6px;display:grid}.xs-studio .xs-storyboard .xsb-timing-controls label{color:#325674;gap:2px;min-width:0;margin:0;font-size:10px;line-height:1.4;display:grid}.xs-storyboard .xsb-timing-controls label>span{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;display:flex}.xs-storyboard .xsb-timing-controls output{color:var(--xsb-blue);font-variant-numeric:tabular-nums;font-size:10px}.xs-studio .xs-storyboard .xsb-timing-controls input[type=range]{width:100%;accent-color:var(--xsb-blue);height:6px;margin:4px 0}.xs-storyboard .xsb-timing-controls small{color:var(--xsb-muted);font-size:9px;line-height:1.4}@media (min-width:521px) and (max-width:1100px){.xs-storyboard .xsb-heading-copy{grid-template-columns:1fr}.xs-storyboard .xsb-eyebrow{display:none}.xs-storyboard figcaption>div{flex-wrap:wrap;gap:4px}.xs-storyboard figcaption>div>span{font-size:9px}}@media (max-width:520px){.xs-storyboard{border-radius:16px;padding:12px}.xs-storyboard .xsb-heading{align-items:flex-start;gap:8px}.xs-storyboard .xsb-heading-copy{grid-template-columns:1fr;gap:1px}.xs-storyboard .xsb-eyebrow{display:none}.xs-studio .xs-storyboard h2{font-size:15px}.xs-studio .xs-storyboard .xsb-heading p{font-size:10px;line-height:1.5}.xs-storyboard .xsb-play{min-height:40px;padding:8px 10px;font-size:11px}.xs-storyboard .xsb-scenes{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;grid-template-columns:repeat(3,156px);gap:8px;padding:2px 2px 6px;overflow-x:auto}.xs-storyboard .xsb-scene-preview{height:100px}.xs-storyboard .xsb-scene{scroll-snap-align:start}.xs-storyboard figcaption{padding:8px}.xs-storyboard figcaption>div{flex-wrap:wrap;gap:4px}.xs-storyboard figcaption strong{font-size:11px}.xs-storyboard figcaption>div>span{font-size:9px}.xs-storyboard figcaption>small{font-size:10px;line-height:1.5}.xs-storyboard .xsb-timeline-heading{margin-bottom:7px;font-size:11px}.xs-storyboard .xsb-timing-controls{grid-template-columns:1fr;gap:10px}.xs-studio .xs-storyboard .xsb-timing-controls label,.xs-storyboard .xsb-timing-controls output{font-size:11px}.xs-studio .xs-storyboard .xsb-timing-controls input[type=range]{min-height:20px;margin:1px 0}.xs-storyboard .xsb-timing-controls small{font-size:10px}}@media (prefers-reduced-motion:reduce){.xs-storyboard *,.xs-storyboard :before{transition:none!important;animation:none!important}}
:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls :is(input[type=number],select){min-height:0;margin:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls label{margin:0;display:block}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls{--xq-ink:#102344;--xq-blue:#168cff;--xq-line:#d8eafd;color:var(--xq-ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls *{box-sizing:border-box}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-card{min-width:0;color:var(--xq-ink);background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #e1f0fc;border-radius:19px;padding:18px 21px;box-shadow:0 5px 23px #168cff09}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-card>header{align-items:center;gap:11px;min-height:28px;margin:0 0 14px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-card>header h2{color:#102344;white-space:nowrap;margin:0;font-size:20px;font-weight:600;line-height:1.3}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-card-icon{color:#0788ff;flex:none;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls button,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls input,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls select{font:inherit;letter-spacing:normal}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-more{color:#168cff;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;min-height:28px;margin-left:auto;padding:5px 0 5px 5px;font-size:11px;line-height:1.2;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-card-body{flex-direction:column;gap:13px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls label,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-mini-label{color:#26426c;font-size:12px;line-height:1.4}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-field{flex-direction:column;gap:5px;min-width:0;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-field>label,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-color>label,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-slider>label{font-weight:400;display:block}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls input[type=number],:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls select{color:#112b52;background:#fff;border:1px solid #cddff1;border-radius:6px;width:100%;min-width:0;height:35px;padding:5px 9px;font-size:13px;line-height:1.2;box-shadow:inset 0 1px 2px #15326b04}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls select{text-overflow:ellipsis;padding-right:22px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls :is(button,input,select,label.xq-upload):focus-visible{outline-offset:3px;outline:3px solid #168cff80}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls button:disabled,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls select:disabled{opacity:.45;cursor:not-allowed}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls button:not(:disabled):hover{filter:brightness(.97)}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-color{flex-direction:column;gap:4px;min-width:0;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-color>div{background:#fff;border:1px solid #cddff1;border-radius:6px;align-items:center;gap:9px;min-height:35px;padding:4px 7px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls input[type=color]{cursor:pointer;background:0 0;border:0;flex:0 0 25px;width:25px;height:25px;padding:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls input[type=color]::-webkit-color-swatch{border:1px solid #c1d5e9;border-radius:5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-color span{color:#193459;font-size:11px;line-height:1}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-font-row{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:18px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-font-row>.xq-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-unit-input{align-items:center;gap:7px;min-width:0;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-unit-input>span{color:#496289;white-space:nowrap;font-size:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-unit-input input{min-width:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-image-row{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-image-choice{min-width:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-image-choice>div{align-items:center;gap:12px;margin-top:6px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-image-thumb{border:1px solid var(--xq-line);background:repeating-conic-gradient(#e9f3fd 0 25%,#fff 0 50%) 0/12px 12px;border-radius:6px;width:108px;height:60px;display:block;overflow:hidden}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-image-thumb img{-o-object-fit:contain;object-fit:contain;-o-object-position:center 35%;object-position:center 35%;width:100%;height:100%}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-upload{color:#0788ff;cursor:pointer;white-space:nowrap;background:#edf7ff;border:1px solid #aed8ff;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:6px 10px;font-size:13px;display:inline-flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-upload[aria-disabled=true]{opacity:.5;cursor:wait}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-image-options{flex-direction:column;gap:14px;padding-bottom:3px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-check{align-items:center;gap:7px;font-size:12px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-check input{accent-color:#0788ff;width:15px;height:15px;margin:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-file{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-upload:has(+.xq-file:focus-visible){outline:3px solid #168cff80}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-appearance:has(.xq-file:focus-visible) .xq-upload{outline-offset:3px;outline:3px solid #168cff80}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-toggle{color:#193459;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:auto;max-width:100%;min-height:24px;padding:0;font-size:12px;line-height:1.3;display:inline-flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-toggle-track{background:#a8b8d1;border-radius:20px;flex:none;align-items:center;width:39px;height:23px;padding:3px;transition:background .18s;display:inline-flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-toggle-track i{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;box-shadow:0 1px 3px #0d2b4820}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-toggle[aria-checked=true] .xq-toggle-track{background:#0788ff}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-toggle[aria-checked=true] .xq-toggle-track i{transform:translate(16px)}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-slider{flex-direction:column;gap:5px;min-width:0;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-slider>div{align-items:center;gap:10px;min-height:22px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls input[type=range]{accent-color:#098bff;cursor:pointer;width:100%;min-width:0;height:5px;box-shadow:none;background:#e0eaf4;border:0;border-radius:20px;flex:1;margin:6px 0;padding:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-slider output{color:#26426c;text-align:right;white-space:nowrap;min-width:34px;font-size:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-play{color:#0788ff;cursor:pointer;background:#e3f3ff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;display:inline-flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-play svg{transform:translate(1px)}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-motion-choices{align-items:center;gap:8px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-motion-choices>button:not(.xq-play){color:#456087;cursor:pointer;background:#fff;border:1px solid #d3e6fa;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;height:38px;font-size:13px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-motion-choices>button[aria-pressed=true]{color:#0788ff;background:#eff8ff;border-color:#168cff;box-shadow:0 0 0 1px #168cff10}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-motion-choices>button>span{font:25px/1 system-ui}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-animation-fields{grid-template-columns:1fr 1fr .8fr;gap:12px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-animation .xq-card-body{gap:20px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-test{color:#0788ff;cursor:pointer;background:#eff8ff;border:1px solid #b8ddff;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:6px;font-size:12px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-sound-line{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:18px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-select-play{align-items:center;gap:8px;min-width:0;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-select-play select{flex:1;min-width:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-voice-block{border-top:1px solid #d8e6f5;flex-direction:column;gap:11px;padding-top:12px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-voice-line{align-items:center;gap:13px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-voice-line>.xq-select-play{flex:1}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-voice-bottom{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-rate{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-note{color:#6b83a6;margin:0;font-size:10px;line-height:1.5}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-sound .xq-card-body{gap:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-thresholds{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-thresholds>.xq-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-thresholds>.xq-field+.xq-field{border-left:1px solid #d8e6f5;padding-left:20px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-filter{border-top:1px solid #d8e6f5;justify-content:space-between;align-items:center;gap:10px;padding-top:17px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-filter .xq-note{margin:5px 0 0 48px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-add-words{color:#0788ff;white-space:nowrap;cursor:pointer;background:#edf7ff;border:1px solid #b4dbff;border-radius:6px;padding:7px 10px;font-size:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-rules .xq-card-body{gap:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-rules .xq-card-body>.xq-note{text-align:right;margin-top:-5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced{grid-template-areas:"appearance sound""animation rules";gap:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-appearance{grid-area:appearance}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-sound{grid-area:sound}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-animation{grid-area:animation}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-rules{grid-area:rules}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card{border-radius:15px;padding:14px 12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card>header{gap:8px;margin-bottom:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card>header h2{font-size:16px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-more{gap:0;padding:4px 0;font-size:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-more svg{width:14px;height:14px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card-icon svg{width:20px;height:20px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card-body{gap:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced label,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-slider>label{font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced input[type=number],:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced select{height:29px;padding:4px 6px;font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced select{padding-right:17px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-color-row{order:1;gap:5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-color>div{justify-content:center;gap:0;min-height:29px;padding:3px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-color span{display:none}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced input[type=color]{flex:1;width:100%;height:23px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-color>label{text-align:center;font-size:9px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-font-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-appearance .xq-slider{order:2}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-inline-toggles{flex-wrap:wrap;order:3;gap:9px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-upload-small{order:4;min-height:28px;font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-unit-input{gap:3px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-unit-input>span{font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-toggle{gap:5px;min-height:20px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-toggle-track{width:30px;height:18px;padding:2px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-toggle-track i{width:14px;height:14px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-toggle[aria-checked=true] .xq-toggle-track i{transform:translate(12px)}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-slider output{min-width:31px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-slider>div{gap:5px;min-height:17px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-play{width:27px;min-width:27px;height:27px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-play svg{width:14px;height:14px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-select-play{gap:5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-sound-line{flex-direction:column;align-items:stretch;gap:8px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-voice-line{flex-direction:column;align-items:stretch;gap:7px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-voice-bottom{display:block}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-voice-block{gap:6px;padding-top:9px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-note{font-size:9px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-sound .xq-card-body{gap:7px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-motion-choices{gap:5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-motion-choices>button{gap:2px;height:32px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-motion-choices>button>span{font-size:19px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-animation-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 6px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-speed{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-thresholds{gap:7px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-thresholds .xq-unit-input>span{display:none}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-thresholds label{font-size:9px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-filter{flex-wrap:wrap;gap:4px;padding-top:9px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-add-words{padding:4px 5px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-special{flex-direction:column;gap:6px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-special-choice{color:#24436a;text-align:left;cursor:pointer;background:#f0f8ff;border:1px solid #cbe6ff;border-radius:7px;align-items:center;gap:5px;min-width:0;padding:5px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-special-choice>img{-o-object-fit:contain;object-fit:contain;width:32px;height:30px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-special-choice>span{flex:1;min-width:0;font-size:10px;line-height:1.4}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-special-choice small{color:#6681a6;font-size:9px;display:block}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-special-choice[aria-pressed=true]{background:#e7f5ff;border-color:#168cff}@media (min-width:1200px){:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-card{min-height:252px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card{min-height:285px}}@media (max-width:1150px){:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-card{padding:16px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-card>header h2{font-size:17px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-more{font-size:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-font-row>.xq-field,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-thresholds>.xq-field{display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-image-row{gap:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-image-choice>div{gap:7px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-image-thumb{width:65px;height:52px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-upload{padding:5px 7px;font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-image-options{gap:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-toggle,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-check{font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-voice-line{flex-wrap:wrap}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-rate{display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-thresholds>.xq-field+.xq-field{padding-left:12px}}@media (max-width:700px){:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls{grid-template-columns:minmax(0,1fr)}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced{grid-template-areas:"appearance""sound""animation""rules"}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls .xq-card{border-radius:16px;padding:17px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-card>header h2{font-size:18px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-card-body{gap:13px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-image-thumb{width:70px;height:54px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-image-row{flex-wrap:wrap;align-items:start}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-image-options{padding-top:5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-color-row{gap:7px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-color>div{gap:5px;padding:4px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-color span{font-size:9px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-sound-line,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-voice-bottom{gap:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-animation-fields{grid-template-columns:1fr 1fr;gap:7px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-speed{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-filter{flex-wrap:wrap;align-items:start}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-filter .xq-note{margin-left:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-motion-choices{gap:5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-simple .xq-motion-choices>button:not(.xq-play){gap:3px;font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card>header h2{font-size:17px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced label,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-slider>label{font-size:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced input[type=number],:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced select{height:35px;font-size:13px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card-body{gap:13px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-color span{font-size:10px;display:inline}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-color>div{gap:5px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced input[type=color]{flex:0 0 24px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-toggle{font-size:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-note{font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-sound-line{grid-template-columns:1fr 1fr;align-items:end;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-special-choice>span{font-size:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-special-choice small{font-size:11px}}@media (prefers-reduced-motion:reduce){:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-toggle-track,:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-toggle-track i{transition:none}}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls input.xq-file[type=file]{opacity:0;clip-path:inset(50%);border:0;width:1px;min-width:1px;max-width:1px;height:1px;min-height:1px;max-height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-card{position:relative}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-advanced .xq-card{max-width:100%;min-height:285px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-control-scope) .xq-controls :is(input[type=number],select):focus{border-color:#168cff!important;box-shadow:0 0 0 2px #168cff16!important}
.v2 .xs-studio.xs-redesign{--xs-purple:#168cff;--xs-ink:#102344;--xs-muted:#56718f;--xs-line:#d8eafd;--xs-wash:#f3f9ff;color:var(--xs-ink);background:radial-gradient(ellipse at 75% 0%, #e0f2ff 0, transparent 35%), var(--xs-wash);font-family:var(--font-sans), Kanit, sans-serif}.v2 .xs-redesign .xs-site-nav{background:#ffffffed;height:72px;padding:0 32px}.v2 .xs-redesign .xs-logo{color:#102344;letter-spacing:-2px;align-items:center;gap:1px;padding-bottom:12px;font:900 32px/1 system-ui,sans-serif;display:flex;position:relative}.v2 .xs-redesign .xs-logo b{color:#f3193e;font-size:39px;transform:skew(-12deg)}.v2 .xs-redesign .xs-logo small{letter-spacing:4px;color:#102344;font:600 8px/1 system-ui,sans-serif;position:absolute;bottom:0;left:3px}.v2 .xs-redesign .xs-heading{background:0 0;border:0;min-height:90px;padding:20px 32px}.v2 .xs-redesign h1{letter-spacing:-1px;font-size:28px}.v2 .xs-redesign .xs-pill{color:#086bb7;background:#e1f2ff;border:1px solid #c0e3fd}.v2 .xs-redesign .xs-widget-nav{background:#ffffff87;gap:28px;padding:0 32px}.v2 .xs-redesign .xs-button{color:#126baf;min-height:40px;box-shadow:none;background:#fff;border-color:#c1def5;border-radius:12px;padding:9px 15px}.v2 .xs-redesign .xs-button.primary{color:#fff;background:linear-gradient(140deg,#36a9ff,#1682ef);border-color:#168cff;box-shadow:0 5px 14px #168cff22,inset 0 1px #ffffff45}.v2 .xs-redesign .xs-button.primary:hover{background:#0874d7;border-color:#0874d7}.v2 .xs-redesign .xs-heading-actions>.xs-button.primary{background:#f3193e;border-color:#f3193e;box-shadow:0 6px 16px #f3193e20}.v2 .xs-redesign .xs-heading-actions>.xs-button.primary:hover{background:#d91032}.v2 .xs-redesign .xs-icon{min-width:36px;min-height:36px}.v2 .xs-redesign button,.v2 .xs-redesign a{-webkit-tap-highlight-color:transparent}.v2 .xs-redesign :is(input,select,textarea){font-family:inherit}.v2 .xs-redesign :is(button,a,summary):focus-visible{outline-offset:3px;outline:3px solid #168cff}.v2 .xs-redesign .xs-welcome{align-items:center;gap:30px;max-width:1480px;margin:auto;padding:26px 32px 20px;display:flex;position:relative}.v2 .xs-redesign .xs-welcome-copy{flex:1}.v2 .xs-redesign .xs-eyebrow{color:#1682df;letter-spacing:2.4px;margin-bottom:6px;font:600 9px/1.6 system-ui,sans-serif;display:block}.v2 .xs-redesign .xs-welcome h2{letter-spacing:-.6px;font-size:24px;font-weight:600}.v2 .xs-redesign .xs-welcome p{color:#56718f;margin-top:6px;font-size:12px}.v2 .xs-redesign .xs-welcome-mascot{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 12px #168cff16);width:110px;height:110px}.v2 .xs-redesign .xs-mode-switch{background:#e7f3fd;border:1px solid #cde5f8;border-radius:16px;grid-template-columns:1fr 1fr;gap:5px;min-width:235px;margin-bottom:16px;padding:5px;display:grid;position:relative}.v2 .xs-redesign .xs-mode-switch button{color:#597793;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:13px;display:flex}.v2 .xs-redesign .xs-mode-switch button[aria-pressed=true]{color:#0877d1;background:#fff;box-shadow:0 3px 10px #1d6fb91a}.v2 .xs-redesign .xs-mode-switch small{text-align:center;width:100%;font-size:10px;position:absolute;top:calc(100% + 7px);left:0}.v2 .xs-redesign .xs-workbench{grid-template-columns:220px minmax(0,1fr) 320px;gap:18px;max-width:1680px;padding:0 24px 24px}.v2 .xs-redesign :is(.xs-library,.xs-preview,.xs-test,.xs-inspector,.xs-control-card){background:#fff;border:1px solid #d8eafd;border-radius:22px;min-width:0;box-shadow:0 8px 30px #1a70af08}.v2 .xs-redesign .xs-center{gap:16px;min-width:0;display:grid}.v2 .xs-redesign .xs-preview{padding:20px}.v2 .xs-redesign .xs-quick-presets{border-bottom:1px solid #e5f0fa;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;padding-bottom:16px;display:flex}.v2 .xs-redesign .xs-quick-presets>span{color:#6a849e;margin-right:6px;font-size:11px}.v2 .xs-redesign .xs-quick-presets button{color:#4c7191;background:#fff;border:1px solid #dbeaf7;border-radius:9px;align-items:center;gap:5px;padding:8px 12px;font-size:11px;display:flex}.v2 .xs-redesign .xs-quick-presets button[aria-pressed=true]{color:#0678d2;background:#eaf6ff;border-color:#86c7ff}.v2 .xs-redesign .xs-quick-presets .xs-quick-save{margin-left:auto}.v2 .xs-redesign .xs-panel-heading{margin-bottom:16px}.v2 .xs-redesign .xs-panel-heading h2{font-size:16px}.v2 .xs-redesign .xs-canvas-scroll{border-radius:16px;max-height:65vh}.v2 .xs-redesign .xs-canvas-viewport[data-background=transparent]{background-color:#f7fbff;background-image:linear-gradient(45deg,#e8f2fa 25%,#0000 25%),linear-gradient(-45deg,#e8f2fa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8f2fa 75%),linear-gradient(-45deg,#0000 75%,#e8f2fa 75%)}.v2 .xs-redesign .xs-canvas-tools{background:#f7fbff;border:1px solid #e6f1fa;border-radius:12px;margin-top:16px;padding:9px 12px}.v2 .xs-redesign .xs-test{padding:20px}.v2 .xs-redesign .xs-rule-status{color:#457391;margin-top:12px;font-size:11px;line-height:1.7}.v2 .xs-redesign .xs-rule-status:before{content:"";background:#168cff;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.v2 .xs-redesign .xs-audio-status{color:#56718f;line-height:1.7}.v2 .xs-redesign .xs-audio-status button{color:#56718f;flex-shrink:0;min-height:30px}.v2 .xs-redesign label{color:#405a79;font-size:12px}.v2 .xs-redesign :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){color:#102344;width:100%;min-width:0;min-height:42px;box-shadow:none;background:#fbfdff;border:1px solid #cfe3f6;border-radius:10px;padding:10px 12px;font-size:12px}.v2 .xs-redesign textarea{resize:vertical;line-height:1.7}.v2 .xs-redesign .xs-slider{margin:16px 0 20px}.v2 .xs-redesign .xs-slider output{color:#136cae;background:#eaf6ff;border-radius:6px;padding:3px 8px}.v2 .xs-redesign input[type=range]{accent-color:#168cff;height:6px}.v2 .xs-redesign :is(input[type=checkbox],input[type=radio]){accent-color:#168cff;flex:0 0 17px;width:17px;height:17px}.v2 .xs-redesign .xs-check{gap:9px;min-height:28px;font-size:12px}.v2 .xs-redesign .xs-inspector{padding:16px 12px}.v2 .xs-redesign .xs-inspector>h2{padding:2px 6px}.v2 .xs-redesign .xs-inspector-body{min-height:0;max-height:none;padding:0;overflow:visible}.v2 .xs-redesign .xs-control-card{padding:22px}.v2 .xs-redesign .xs-control-card>header{border-bottom:1px solid #e7f1fa;align-items:center;gap:12px;padding-bottom:16px;display:flex}.v2 .xs-redesign .xs-control-card>header>span{color:#168cff;background:#ecf7ff;border:1px solid #d5eafd;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.v2 .xs-redesign .xs-control-card>header h2{font-size:17px;font-weight:500}.v2 .xs-redesign .xs-control-card>header p{color:#66809d;margin-top:3px;font-size:11px}.v2 .xs-redesign .xs-control-card>header>b{color:#a7c6e1;margin-left:auto;font:500 12px system-ui,sans-serif}.v2 .xs-redesign .xs-control-card .xs-section{padding:20px 0}.v2 .xs-redesign .xs-control-card .xs-section:last-child{padding-bottom:0}.v2 .xs-redesign .xs-section h3{color:#223e60;font-size:13px}.v2 .xs-redesign .xs-section summary{color:#3e6688;min-height:30px}.v2 .xs-redesign .xs-service-details{border-top:1px solid #e2eef8;margin-top:14px;padding:13px 0}.v2 .xs-redesign .xs-service-details summary{cursor:pointer;color:#4f7090;font-size:12px}.v2 .xs-redesign .xs-service-details[open]>summary{margin-bottom:14px}.v2 .xs-redesign .xs-service-details .xs-button{margin:4px 0}.v2 .xs-redesign .xs-image-picker>img{-o-object-fit:contain;object-fit:contain;background:#edf7ff;border-color:#d7eafa;border-radius:16px}.v2 .xs-redesign .xs-image-picker .xs-upload-button{color:#1579bc;border-color:#b9dbf6;border-radius:10px;position:relative}.v2 .xs-redesign .xs-upload-button input[type=file]{clip-path:inset(50%);white-space:nowrap;opacity:0;border:0;width:1px;min-width:1px;max-width:1px;height:1px;min-height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.v2 .xs-redesign .xs-colors label{border-radius:10px;gap:7px;padding:10px}.v2 .xs-redesign .xs-colors label span{font-size:11px}.v2 .xs-redesign .xs-colors input[type=color]{width:25px;height:26px}.v2 .xs-redesign .xs-sound{padding:10px 0;display:flex}.v2 .xs-redesign .xs-sound>label{flex-direction:row;flex:1;gap:10px;width:auto;min-width:0;display:flex}.v2 .xs-redesign .xs-sound>label>span{flex:1;min-width:0}.v2 .xs-redesign .xs-sound>.xs-icon{flex:0 0 36px}.v2 .xs-redesign .xs-sound small{color:#68829d;font-size:10px}.v2 .xs-redesign .xs-timing{color:#168cff;background:#f0f8ff;border-color:#d7eafb;padding:18px}.v2 .xs-redesign .xs-timing i{background:#afdafa}.v2 .xs-redesign .xs-field-note{background:#f0f8ff;border-radius:10px;padding:12px;font-size:11px!important}.v2 .xs-redesign .xs-library{min-height:0;padding:18px 12px}.v2 .xs-redesign .xs-preset{text-align:center;flex-direction:column;gap:8px;padding:12px 8px}.v2 .xs-redesign .xs-preset-mini{background:#f6fbff;border-radius:10px;width:100%;height:100px}.v2 .xs-redesign .xs-preset-mini img{-o-object-fit:contain;object-fit:contain}.v2 .xs-redesign .xs-preset-mini em{color:#168cff}.v2 .xs-redesign .xs-layers button{min-height:34px}.v2 .xs-redesign .xs-layers button:not(:first-child){min-width:28px}.v2 .xs-redesign .xs-status{color:#718da8;max-width:1680px;margin:auto;padding:0 30px 24px}.v2 .xs-redesign.xs-mode-simple .xs-workbench{grid-template-columns:1fr;max-width:1330px}.v2 .xs-redesign.xs-mode-simple .xs-library{display:none}.v2 .xs-redesign.xs-mode-simple .xs-center{grid-template-columns:1fr}.v2 .xs-redesign.xs-mode-simple .xs-preview>.xs-canvas-scroll{max-width:900px;margin:auto}.v2 .xs-redesign.xs-mode-simple .xs-inspector{box-shadow:none;background:0 0;border:0;padding:0}.v2 .xs-redesign.xs-mode-simple .xs-inspector>h2,.v2 .xs-redesign.xs-mode-simple .xs-inspector>.xs-tabs{display:none}.v2 .xs-redesign.xs-mode-simple .xs-inspector-body{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.v2 .xs-redesign.xs-mode-simple .xs-appearance{grid-area:1/1}.v2 .xs-redesign.xs-mode-simple .xs-animation{grid-area:1/2}.v2 .xs-redesign.xs-mode-simple .xs-audio-card{grid-area:2/1}.v2 .xs-redesign.xs-mode-simple .xs-rules{grid-area:2/2}.v2 .xs-redesign.xs-mode-advanced .xs-control-card{box-shadow:none;border:0;border-radius:0;padding:16px 5px 0}.v2 .xs-redesign.xs-mode-advanced .xs-control-card>header{display:none}.v2 .xs-redesign.xs-mode-advanced .xs-test-fields{grid-template-columns:1fr 1fr}.v2 .xs-redesign.xs-mode-advanced .xs-inspector .xs-two{grid-template-columns:1fr;gap:0}.v2 .xs-redesign.xs-mode-advanced .xs-welcome{max-width:1680px}.v2 .xs-redesign.xs-mode-advanced .xs-welcome-mascot{width:80px;height:80px}.v2 .xs-redesign.xs-expanded .xs-welcome{display:none}@media (min-width:1650px){.v2 .xs-redesign .xs-workbench{grid-template-columns:240px minmax(0,1fr) 350px}}@media (max-width:1200px){.v2 .xs-redesign .xs-site-nav{gap:30px}.v2 .xs-redesign .xs-site-nav>div{gap:22px}.v2 .xs-redesign .xs-workbench{grid-template-columns:180px minmax(0,1fr) 290px;gap:12px;padding:0 16px 20px}.v2 .xs-redesign .xs-preview{padding:14px}.v2 .xs-redesign .xs-canvas-tools{flex-wrap:wrap;padding:8px}}@media (max-width:1000px){.v2 .xs-redesign.xs-mode-advanced .xs-workbench{grid-template-columns:185px minmax(0,1fr)}.v2 .xs-redesign.xs-mode-advanced .xs-inspector{grid-column:1/-1}.v2 .xs-redesign.xs-mode-advanced .xs-inspector-body{max-height:none}.v2 .xs-redesign .xs-site-nav>div{gap:16px}.v2 .xs-redesign .xs-heading{flex-wrap:wrap;gap:14px}.v2 .xs-redesign .xs-welcome{gap:18px;padding:22px}.v2 .xs-redesign .xs-welcome-mascot{display:none}.v2 .xs-redesign .xs-control-card{padding:18px}}@media (max-width:700px){.v2 .xs-redesign .xs-site-nav{flex-wrap:wrap;gap:18px;height:auto;min-height:64px;padding:12px 16px}.v2 .xs-redesign .xs-site-nav>div{order:3;gap:24px;width:100%;height:38px;overflow-x:auto}.v2 .xs-redesign .xs-site-nav>div>a{flex-shrink:0;font-size:12px}.v2 .xs-redesign .xs-account{font-size:11px}.v2 .xs-redesign .xs-heading{padding:18px 16px}.v2 .xs-redesign h1{font-size:25px}.v2 .xs-redesign .xs-heading-actions{flex-wrap:wrap;width:100%;gap:6px!important}.v2 .xs-redesign .xs-heading-actions>.xs-button:first-child{display:none}.v2 .xs-redesign .xs-heading-actions .xs-button{padding:8px 10px;font-size:11px}.v2 .xs-redesign .xs-heading-actions .xs-divider{margin:0 2px}.v2 .xs-redesign .xs-widget-nav{gap:20px;padding:0 16px;overflow:auto}.v2 .xs-redesign .xs-widget-nav button{flex-shrink:0}.v2 .xs-redesign .xs-welcome{flex-wrap:wrap;gap:18px;padding:22px 16px 30px}.v2 .xs-redesign .xs-welcome h2{font-size:21px}.v2 .xs-redesign .xs-welcome-copy{flex-basis:100%}.v2 .xs-redesign .xs-mode-switch{min-width:100%;margin-bottom:8px}.v2 .xs-redesign .xs-mode-switch button{padding:10px}.v2 .xs-redesign .xs-workbench,.v2 .xs-redesign.xs-mode-advanced .xs-workbench{flex-direction:column;gap:14px;padding:0 12px 20px;display:flex}.v2 .xs-redesign .xs-center,.v2 .xs-redesign .xs-inspector,.v2 .xs-redesign .xs-library{width:100%}.v2 .xs-redesign .xs-preset-list{overflow:auto}.v2 .xs-redesign .xs-preset{flex:0 0 120px}.v2 .xs-redesign .xs-preset-mini{height:75px}.v2 .xs-redesign .xs-preset-mini img{width:40px;height:40px}.v2 .xs-redesign .xs-preview{border-radius:18px;padding:12px}.v2 .xs-redesign .xs-panel-heading h2{font-size:15px}.v2 .xs-redesign .xs-panel-heading select{min-height:36px;padding:7px}.v2 .xs-redesign .xs-canvas-tools{justify-content:space-between;gap:9px}.v2 .xs-redesign .xs-canvas-tools .xs-button{width:100%;min-height:36px}.v2 .xs-redesign .xs-test{padding:16px}.v2 .xs-redesign .xs-test-fields{grid-template-columns:1fr 1fr}.v2 .xs-redesign .xs-amounts button{padding:7px 10px}.v2 .xs-redesign.xs-mode-simple .xs-inspector-body{flex-direction:column;gap:14px;display:flex}.v2 .xs-redesign .xs-control-card{width:100%;padding:18px}.v2 .xs-redesign .xs-appearance{order:1}.v2 .xs-redesign .xs-animation{order:2}.v2 .xs-redesign .xs-audio-card{order:3}.v2 .xs-redesign .xs-rules{order:4}.v2 .xs-redesign .xs-two{grid-template-columns:1fr;gap:0}.v2 .xs-redesign :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){font-size:16px}.v2 .xs-redesign .xs-status{gap:8px;padding:0 16px 22px}.v2 .xs-redesign .xs-status>span:last-child{max-width:100%;line-height:1.8}}@media (prefers-reduced-motion:no-preference){.v2 .xs-redesign :is(.xs-button,.xs-mode-switch button,.xs-preset){transition:background .18s,box-shadow .18s,border-color .18s}}
.v2 .xs-studio.xs-fidelity{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is(.v2 .xs-studio.xs-fidelity,#xs-fidelity-fields) .xs-panel-heading select{border-radius:6px;width:80px;min-width:0;height:26px;min-height:26px;padding:3px 19px 3px 7px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xs-fidelity-fields) .xs-test input{border-radius:7px;height:35px;min-height:35px;padding:6px 9px;font-size:12px}.v2 .xs-fidelity .xs-layers>div{padding:3px}.v2 .xs-fidelity .xs-layers button,.v2 .xs-fidelity .xs-layers .xs-layer-settings{min-height:24px}.v2 .xs-fidelity.xs-mode-simple .xs-inspector-body{grid-template-columns:none;display:block}.v2 .xs-fidelity.xs-mode-simple .xs-inspector>.xs-tabs{display:flex}.v2 .xs-fidelity.xs-mode-simple .xs-preview>.xs-canvas-scroll{max-width:none}.v2 .xs-fidelity.xs-mode-advanced .xs-workbench{grid-template-columns:216px minmax(0,1fr) 420px}.v2 .xs-fidelity.xs-mode-advanced .xs-control-card>header{display:flex}.v2 .xs-studio.xs-fidelity{--xs-purple:#168cff;--xs-ink:#102344;--xs-muted:#69819c;--xs-line:#d8eafd;background:radial-gradient(at 60% 0,#e1f2ff,#0000 60%),#f7fbff;min-height:100vh}.v2 .xs-fidelity .xs-site-nav{background:#ffffffeb;border-bottom:1px solid #e3eef9;gap:65px;height:61px;padding:0 28px}.v2 .xs-fidelity .xs-logo{white-space:nowrap;color:#132a4f;letter-spacing:-2px;align-items:center;gap:0;padding:0;font:900 28px/1 system-ui,sans-serif;display:flex}.v2 .xs-fidelity .xs-logo b{color:#f3193e;margin-right:1px;font-size:38px;transform:skew(-13deg)}.v2 .xs-fidelity .xs-logo small{color:#168cff;letter-spacing:-.8px;margin-left:7px;font:800 22px/1 system-ui,sans-serif;position:static}.v2 .xs-fidelity .xs-site-nav>div{gap:32px;font-size:12px}.v2 .xs-fidelity .xs-site-nav>div>a{color:#63738c}.v2 .xs-fidelity .xs-site-nav>div>a.active{color:#168cff;border-color:#168cff}.v2 .xs-fidelity .xs-account{color:#25466b;gap:8px;font-size:11px}.v2 .xs-fidelity .xs-avatar{color:#168cff;background:#d9edff;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:600;display:grid}.v2 .xs-fidelity .xs-heading{background:0 0;border:0;gap:20px;max-width:1920px;min-height:92px;margin:auto;padding:17px 25px;position:relative;overflow:hidden}.v2 .xs-fidelity .xs-title-block{z-index:1;align-items:center;gap:12px;display:flex}.v2 .xs-fidelity .xs-title-icon{color:#168cff;background:linear-gradient(135deg,#fff,#e0f2ff);border:1px solid #bfddfb;border-radius:14px;place-items:center;width:47px;height:47px;display:grid}.v2 .xs-fidelity .xs-heading h1{color:#102344;letter-spacing:-.5px;font-size:26px;font-weight:600;line-height:1.4}.v2 .xs-fidelity .xs-heading p{color:#6c819c;margin-top:2px;font-size:11px}.v2 .xs-fidelity .xs-pill{vertical-align:middle;color:#42678f;letter-spacing:0;background:#e7f3ff;border:1px solid #c9e0f9;margin-left:8px;padding:3px 9px;font-size:9px;font-weight:400;display:inline-block}.v2 .xs-fidelity .xs-heading-actions{z-index:1;flex-shrink:0;gap:7px!important}.v2 .xs-fidelity .xs-icon{color:#7992af;border-radius:7px;min-width:30px;min-height:30px}.v2 .xs-fidelity .xs-button{color:#126fb6;min-height:36px;box-shadow:none;background:#fff;border:1px solid #c5dff7;border-radius:8px;padding:7px 13px;font-size:11px}.v2 .xs-fidelity .xs-button.primary{color:#fff;background:linear-gradient(135deg,#209aff,#087ce8);border-color:#168cff;box-shadow:0 3px 7px #168cff20}.v2 .xs-fidelity .xs-button.xs-save-main{color:#fff;background:linear-gradient(#ff3151,#ef1739);border-color:#ef1739;box-shadow:0 4px 8px #f3193e14}.v2 .xs-fidelity .xs-mode-switch{z-index:1;background:#e7f3ff;border:1px solid #c4def6;border-radius:10px;flex-shrink:0;gap:4px;min-width:0;margin:0 0 0 auto;padding:4px;display:flex}.v2 .xs-fidelity .xs-mode-switch button{color:#6e87a3;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 17px;font-size:12px;display:flex}.v2 .xs-fidelity .xs-mode-switch button[aria-pressed=true]{color:#fff;background:#168cff;box-shadow:0 3px 6px #168cff28}.v2 .xs-fidelity .xs-widget-nav{background:0 0;border-bottom:1px solid #dcecf9;gap:24px;height:35px;margin:0 25px;padding:0}.v2 .xs-fidelity .xs-widget-nav button{color:#7388a0;font-size:10px}.v2 .xs-fidelity .xs-widget-nav button.active{color:#168cff;border-color:#168cff}.v2 .xs-fidelity .xs-widget-nav .xs-obs-link{margin-left:auto;font-size:10px}.v2 .xs-fidelity .xs-workbench{grid-template-columns:216px minmax(0,1fr) 420px;align-items:start;gap:16px;max-width:1920px;margin:auto;padding:16px 20px 18px;display:grid}.v2 .xs-fidelity :is(.xs-library,.xs-preview,.xs-test){background:#fff;border:1px solid #d8eafd;border-radius:16px;min-width:0;box-shadow:0 4px 22px #1a76bd07}.v2 .xs-fidelity .xs-library{grid-row:auto;min-height:0;padding:15px 12px}.v2 .xs-fidelity .xs-library>h2{font-size:16px;margin:0 4px 10px!important}.v2 .xs-fidelity .xs-tabs{gap:12px;margin:0 0 12px}.v2 .xs-fidelity .xs-tabs button{padding:7px 4px;font-size:11px}.v2 .xs-fidelity .xs-preset-list{gap:10px;display:grid;overflow:visible}.v2 .xs-fidelity .xs-preset{text-align:left;background:#fff;border:1px solid #e3eef8;border-radius:9px;flex:none;width:100%;padding:0 0 7px;display:block;position:relative;overflow:hidden}.v2 .xs-fidelity .xs-preset.selected{background:#f4faff;border-color:#168cff;box-shadow:0 0 0 1px #168cff}.v2 .xs-fidelity .xs-preset.selected:before{display:none}.v2 .xs-fidelity .xs-preset>span:last-of-type{padding:6px 10px 0;display:block}.v2 .xs-fidelity .xs-preset strong{font-size:12px;line-height:1.3}.v2 .xs-fidelity .xs-preset small{color:#8394ab;margin-top:1px;font-size:9px;display:block}.v2 .xs-fidelity .xs-preset-check{color:#fff;background:#168cff;border-radius:50%;width:17px;height:17px;padding:2px;top:auto;bottom:14px;right:9px}.v2 .xs-fidelity .xs-rich-thumb{pointer-events:none;background:#edf7ff;width:100%;display:block;overflow:hidden}.v2 .xs-fidelity .xs-rich-thumb .xs-canvas-scroll{border-radius:0;max-height:none;overflow:hidden}.v2 .xs-fidelity .xs-save-preset{color:#168cff;border:1px dashed #abd6fa;border-radius:7px;justify-content:center;margin:11px 0 0;padding:10px 3px;font-size:11px}.v2 .xs-fidelity .xs-layers{border:0;border-top:1px solid #e3eef9;margin:16px 0 0;padding:15px 0 0}.v2 .xs-fidelity .xs-layers h2{justify-content:space-between;align-items:center;margin:0 5px 10px;font-size:14px;display:flex}.v2 .xs-fidelity .xs-layers h2 small{font-size:9px;font-weight:400}.v2 .xs-fidelity .xs-layers>div{border:1px solid #e5eff8;border-radius:6px;margin-bottom:5px;padding:5px}.v2 .xs-fidelity .xs-layers>div.selected{background:#edf7ff;border-color:#b4d9fa}.v2 .xs-fidelity .xs-layers button{color:#5c7394;font-size:10px}.v2 .xs-fidelity .xs-layer-settings{justify-content:center;align-items:center;gap:6px;width:100%;display:flex;padding:8px!important}.v2 .xs-fidelity .xs-center{align-content:start;gap:14px;min-width:0;display:grid}.v2 .xs-fidelity .xs-preview{padding:12px}.v2 .xs-fidelity .xs-panel-heading{gap:8px;margin-bottom:9px}.v2 .xs-fidelity .xs-panel-heading h2{align-items:center;gap:6px;font-size:14px;display:flex}.v2 .xs-fidelity .xs-panel-heading small{color:#8194aa;font-size:9px}.v2 .xs-fidelity .xs-panel-heading select{color:#4f7193;background:#fff;border:1px solid #d5e6f5;border-radius:6px;width:auto;max-width:100px;height:26px;min-height:26px;padding:3px 20px 3px 7px;font-size:10px}.v2 .xs-fidelity .xs-text-button{color:#168cff;font-size:10px}.v2 .xs-fidelity .xs-canvas-scroll{border-radius:10px;max-height:none}.v2 .xs-fidelity .xs-canvas-viewport[data-background=dark]{background:#081730}.v2 .xs-fidelity .xs-canvas-tools{background:#f8fbff;border:1px solid #e3edf7;border-radius:8px;flex-wrap:nowrap;margin-top:9px;padding:7px 8px}.v2 .xs-fidelity .xs-canvas-tools .xs-button{min-height:29px;padding:4px 9px;font-size:10px}.v2 .xs-fidelity .xs-backgrounds button{border-color:#d0e2f3;border-radius:5px;width:22px;height:22px}.v2 .xs-fidelity .xs-backgrounds button.selected{outline-color:#168cff}.v2 .xs-fidelity .xs-zoom button{color:#6384a3;padding:5px 7px;font-size:10px}.v2 .xs-fidelity .xs-edit-help{color:#6b82a0;margin:7px 0 0;font-size:9px}.v2 .xs-fidelity .xs-settings{gap:14px;min-width:0;display:grid}.v2 .xs-fidelity .xs-test{padding:15px}.v2 .xs-fidelity .xs-test-fields{grid-template-columns:1fr 100px;align-items:end;gap:9px;display:grid}.v2 .xs-fidelity .xs-test-fields .xs-message-input{grid-column:1/-1}.v2 .xs-fidelity .xs-test-fields>.xs-button{grid-column:1/-1;width:100%}.v2 .xs-fidelity .xs-test label{color:#526c89;flex-direction:column;gap:4px;margin:0;font-size:10px;display:flex}.v2 .xs-fidelity .xs-test input{color:#153253;background:#fff;border:1px solid #d3e4f4;border-radius:6px;width:100%;min-width:0;height:33px;min-height:33px;padding:6px 9px;font-family:inherit;font-size:11px}.v2 .xs-fidelity .xs-test-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:9px;display:flex}.v2 .xs-fidelity .xs-rule-status{color:#69829c;min-width:0;margin:0;font-size:9px;line-height:1.6}.v2 .xs-fidelity .xs-rule-status:before{display:none}.v2 .xs-fidelity .xs-stop-audio{font:inherit;color:#6d87a1;background:0 0;border:0;flex-shrink:0;align-items:center;gap:4px;font-size:9px;display:flex}.v2 .xs-fidelity .xs-status{color:#6d87a0;background:#ffffffd9;border-top:1px solid #d9eafa;justify-content:space-between;align-items:center;gap:15px;padding:12px 25px;font-size:10px;display:flex}.v2 .xs-fidelity .xs-status>div{gap:8px;display:flex}.v2 .xs-fidelity .xs-status svg{color:inherit}.v2 .xs-fidelity .xs-status>span>svg{color:#168cff}.v2 .xs-fidelity.xs-mode-simple .xs-heading{min-height:117px;padding:23px 32px}.v2 .xs-fidelity.xs-mode-simple .xs-title-icon{display:none}.v2 .xs-fidelity.xs-mode-simple .xs-heading h1{font-size:30px}.v2 .xs-fidelity.xs-mode-simple .xs-heading p{font-size:12px}.v2 .xs-fidelity.xs-mode-simple .xs-heading .xs-pill{display:none}.v2 .xs-fidelity.xs-mode-simple .xs-mode-switch{margin:0 100px 0 auto}.v2 .xs-fidelity.xs-mode-simple .xs-heading-actions{margin-left:auto;position:relative}.v2 .xs-fidelity .xs-header-mascot{-o-object-fit:contain;object-fit:contain;opacity:.95;pointer-events:none;width:335px;height:335px;position:absolute;bottom:-125px;right:20px}.v2 .xs-fidelity.xs-mode-simple .xs-heading-actions>.xs-button{background:#ffffffed}.v2 .xs-fidelity.xs-mode-simple .xs-workbench{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1450px;padding:16px 28px 20px}.v2 .xs-fidelity.xs-mode-simple .xs-center{gap:12px}.v2 .xs-fidelity.xs-mode-simple .xs-preview{background:#081730;border-color:#18355e;padding:0;overflow:hidden;box-shadow:0 8px 17px #1023440c}.v2 .xs-fidelity.xs-mode-simple .xs-preview>.xs-panel-heading{color:#acbed8;margin:0;padding:9px 18px 0}.v2 .xs-fidelity.xs-mode-simple .xs-preview>.xs-panel-heading h2{color:#acbed8;font-size:10px;font-weight:400}.v2 .xs-fidelity.xs-mode-simple .xs-preview>.xs-panel-heading select{color:#d6eaff;background:#1e3455;border-color:#334d73}.v2 .xs-fidelity.xs-mode-simple .xs-preview .xs-text-button{color:#a1d5ff;font-size:10px}.v2 .xs-fidelity.xs-mode-simple .xs-preview .xs-icon{color:#b5cee7}.v2 .xs-fidelity.xs-mode-simple .xs-preview>.xs-canvas-scroll{border-radius:0 0 14px 14px}.v2 .xs-fidelity.xs-mode-simple .xs-test{border-radius:11px;grid-template-columns:120px minmax(0,1fr);gap:0 18px;padding:12px 18px;display:grid}.v2 .xs-fidelity.xs-mode-simple .xs-test .xs-panel-heading{flex-direction:column;grid-row:1/3;justify-content:center;align-items:flex-start;gap:4px;margin:0;display:flex}.v2 .xs-fidelity.xs-mode-simple .xs-test-fields{grid-template-columns:1.2fr 100px 1.9fr auto;gap:12px}.v2 .xs-fidelity.xs-mode-simple .xs-test-fields .xs-message-input{grid-column:auto}.v2 .xs-fidelity.xs-mode-simple .xs-test-fields>.xs-button{grid-column:auto;min-height:34px}.v2 .xs-fidelity.xs-mode-simple .xs-test-bottom{grid-column:2;margin-top:5px}.v2 .xs-fidelity.xs-mode-simple .xs-settings{grid-area:auto;gap:0}.v2 .xs-fidelity .v-modal{color:#143559;background:#f7fbff;border:1px solid #c8e3fc;border-radius:19px;max-width:min(760px,100vw - 24px);padding:20px}.v2 .xs-fidelity .xs-inspector{box-shadow:none;background:0 0;border:0;grid-area:auto;min-width:0;padding:0;display:block}.v2 .xs-fidelity .xs-inspector>h2{display:none}.v2 .xs-fidelity .xs-inspector-body{max-height:none;padding:0;display:block;overflow:visible}.v2 .xs-fidelity .xs-control-card{background:#fff;border:1px solid #d7e9f9;border-radius:14px;padding:20px}.v2 .xs-fidelity .xs-control-card>header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.v2 .xs-fidelity .xs-control-card>header>span{color:#168cff}.v2 .xs-fidelity .xs-control-card>header h2{font-size:18px}.v2 .xs-fidelity .xs-control-card>header p{color:#738aa5;font-size:11px}.v2 .xs-fidelity .xs-control-card>header b{color:#c4dff7;margin-left:auto;font-size:24px}.v2 .xs-fidelity .xs-inspector :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){color:#163855;background:#fff;border:1px solid #cbdff3;border-radius:7px;width:100%;min-width:0;padding:9px 10px;font-family:inherit;font-size:12px}.v2 .xs-fidelity .xs-inspector input[type=range]{accent-color:#168cff}.v2 .xs-fidelity .xs-inspector details{margin-top:12px}.v2 .xs-fidelity .xs-inspector summary{cursor:pointer;color:#168cff}.v2 .xs-fidelity .xs-inspector .xs-colors{gap:12px;display:flex}.v2 .xs-fidelity .xs-inspector .xs-colors label{flex:1}.v2 .xs-fidelity.xs-expanded .xs-workbench{grid-template-columns:210px minmax(0,1fr) 420px;max-width:none}.v2 .xs-fidelity.xs-expanded .xs-heading{padding-right:200px}.v2 .xs-fidelity.xs-expanded .xs-header-mascot{display:none}@media (min-width:1650px){.v2 .xs-fidelity.xs-mode-advanced .xs-workbench{grid-template-columns:250px minmax(0,1fr) 460px}}@media (min-width:1051px) and (max-width:1200px){.v2 .xs-fidelity.xs-mode-advanced .xs-workbench{grid-template-columns:180px minmax(0,1fr) 360px}}@media (max-width:1050px){.v2 .xs-fidelity.xs-mode-advanced .xs-workbench{grid-template-columns:180px minmax(0,1fr)}}@media (min-width:1650px){.v2 .xs-fidelity .xs-workbench{grid-template-columns:250px minmax(0,1fr) 460px;gap:18px}.v2 .xs-fidelity .xs-site-nav{gap:90px}.v2 .xs-fidelity .xs-library{padding:18px}.v2 .xs-fidelity .xs-rich-thumb{max-height:118px}.v2 .xs-fidelity.xs-mode-simple .xs-workbench{grid-template-columns:1fr}}@media (max-width:1200px){.v2 .xs-fidelity .xs-site-nav{gap:30px;padding:0 20px}.v2 .xs-fidelity .xs-site-nav>div{gap:20px}.v2 .xs-fidelity .xs-workbench,.v2 .xs-fidelity.xs-expanded .xs-workbench{grid-template-columns:180px minmax(0,1fr) 360px;gap:12px;padding:14px}.v2 .xs-fidelity .xs-mode-switch button{padding:8px 10px}.v2 .xs-fidelity .xs-heading{gap:10px;padding:16px 20px}.v2 .xs-fidelity .xs-heading h1{font-size:23px}.v2 .xs-fidelity.xs-mode-simple .xs-mode-switch{margin-right:25px}.v2 .xs-fidelity.xs-mode-simple .xs-workbench{grid-template-columns:1fr}.v2 .xs-fidelity .xs-library{padding:12px 9px}}@media (max-width:1050px){.v2 .xs-fidelity .xs-workbench,.v2 .xs-fidelity.xs-expanded .xs-workbench{grid-template-columns:180px minmax(0,1fr)}.v2 .xs-fidelity .xs-library{grid-row:1/3}.v2 .xs-fidelity .xs-settings{grid-area:2/2}.v2 .xs-fidelity .xs-heading-actions .xs-icon{display:none}.v2 .xs-fidelity .xs-site-nav>div{gap:16px}.v2 .xs-fidelity .xs-site-nav>div>a:nth-last-child(-n+2){display:none}.v2 .xs-fidelity .xs-logo{font-size:25px}.v2 .xs-fidelity .xs-logo small{font-size:19px}.v2 .xs-fidelity.xs-mode-simple .xs-workbench{grid-template-columns:1fr}.v2 .xs-fidelity.xs-mode-simple .xs-settings{grid-column:1}.v2 .xs-fidelity.xs-mode-simple .xs-heading h1{font-size:25px}.v2 .xs-fidelity.xs-mode-simple .xs-mode-switch{margin-right:0}.v2 .xs-fidelity.xs-mode-simple .xs-header-mascot{opacity:.25}.v2 .xs-fidelity.xs-mode-simple .xs-test{grid-template-columns:1fr}.v2 .xs-fidelity.xs-mode-simple .xs-test .xs-panel-heading{display:none}.v2 .xs-fidelity.xs-mode-simple .xs-test-bottom{grid-column:1}}@media (max-width:700px){.v2 .xs-fidelity .xs-site-nav{flex-wrap:wrap;gap:10px;height:auto;min-height:55px;padding:10px 14px}.v2 .xs-fidelity .xs-site-nav>div{order:3;gap:22px;width:100%;height:31px;font-size:11px;overflow:auto}.v2 .xs-fidelity .xs-site-nav>div>a:nth-last-child(-n+2){display:flex}.v2 .xs-fidelity .xs-logo{font-size:24px}.v2 .xs-fidelity .xs-logo b{font-size:30px}.v2 .xs-fidelity .xs-logo small{font-size:18px}.v2 .xs-fidelity .xs-heading,.v2 .xs-fidelity.xs-mode-simple .xs-heading{flex-flow:wrap;align-items:center;gap:12px;min-height:0;padding:17px 14px;display:flex}.v2 .xs-fidelity .xs-title-block{gap:9px;width:100%}.v2 .xs-fidelity .xs-title-icon{border-radius:10px;width:38px;height:38px}.v2 .xs-fidelity .xs-heading h1,.v2 .xs-fidelity.xs-mode-simple .xs-heading h1{font-size:23px}.v2 .xs-fidelity .xs-heading p,.v2 .xs-fidelity.xs-mode-simple .xs-heading p{font-size:10px}.v2 .xs-fidelity .xs-mode-switch,.v2 .xs-fidelity.xs-mode-simple .xs-mode-switch{margin:0}.v2 .xs-fidelity .xs-mode-switch button{padding:7px 12px;font-size:11px}.v2 .xs-fidelity .xs-heading-actions{width:auto;margin-left:auto;flex-wrap:nowrap!important}.v2 .xs-fidelity .xs-heading-actions .xs-save-main{display:none}.v2 .xs-fidelity .xs-heading-actions .xs-button{min-height:32px;padding:6px 9px;font-size:10px}.v2 .xs-fidelity .xs-header-mascot{width:250px;height:250px;bottom:-90px;right:-45px;opacity:.22!important}.v2 .xs-fidelity .xs-widget-nav{gap:16px;margin:0 14px;overflow:auto}.v2 .xs-fidelity .xs-widget-nav .xs-obs-link{gap:0;font-size:0}.v2 .xs-fidelity .xs-workbench,.v2 .xs-fidelity.xs-mode-simple .xs-workbench,.v2 .xs-fidelity.xs-expanded .xs-workbench{flex-direction:column;gap:12px;padding:12px 10px;display:flex}.v2 .xs-fidelity .xs-library{order:1;width:100%;padding:12px}.v2 .xs-fidelity .xs-center{order:2;width:100%}.v2 .xs-fidelity .xs-settings{order:3;width:100%}.v2 .xs-fidelity .xs-preset-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v2 .xs-fidelity .xs-preset>span:last-of-type{padding:5px 5px 0}.v2 .xs-fidelity .xs-preset strong{font-size:10px}.v2 .xs-fidelity .xs-preset small{display:none}.v2 .xs-fidelity .xs-preset-check{width:12px;height:12px;top:3px;bottom:auto;right:3px}.v2 .xs-fidelity .xs-layers{margin-top:10px;padding-top:10px}.v2 .xs-fidelity .xs-layers>div{width:calc(50% - 3px);min-width:0;margin-right:3px;display:inline-flex}.v2 .xs-fidelity .xs-layers>div:last-of-type{width:100%}.v2 .xs-fidelity .xs-preview{padding:9px}.v2 .xs-fidelity.xs-mode-simple .xs-preview{padding:0}.v2 .xs-fidelity.xs-mode-simple .xs-preview>.xs-panel-heading{padding:8px 10px 0}.v2 .xs-fidelity.xs-mode-simple .xs-preview .xs-text-button{font-size:9px}.v2 .xs-fidelity.xs-mode-simple .xs-test{padding:12px}.v2 .xs-fidelity.xs-mode-simple .xs-test-fields{grid-template-columns:1fr 100px;gap:9px}.v2 .xs-fidelity.xs-mode-simple .xs-test-fields .xs-message-input,.v2 .xs-fidelity.xs-mode-simple .xs-test-fields>.xs-button{grid-column:1/-1}.v2 .xs-fidelity .xs-status{gap:10px;padding:12px;font-size:9px;display:grid}.v2 .xs-fidelity .xs-status>div{justify-content:space-between;gap:7px}.v2 .xs-fidelity .xs-status .xs-button{padding:7px 9px;font-size:10px}.v2 .xs-fidelity .xs-status .xs-button:first-child{display:none}.v2 .xs-fidelity .xs-inspector .xs-two{grid-template-columns:1fr}.v2 .xs-fidelity .xs-control-card,.v2 .xs-fidelity .v-modal{padding:14px}}
:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) :is(.xf-elements,.xf-properties){color:#102344;min-width:0;font-size:12px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) :is(.xf-elements,.xf-properties) *{box-sizing:border-box}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) :is(.xf-elements,.xf-properties) button{font:inherit;cursor:pointer;color:#41658e;background:#fff;border:1px solid #d9eafa;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:0;padding:7px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) :is(.xf-elements,.xf-properties) button:disabled{opacity:.35;cursor:not-allowed}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) :is(.xf-elements,.xf-properties) button:not(:disabled):hover{color:#0788ff;background:#edf7ff;border-color:#80c9ff}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) :is(.xf-elements,.xf-properties) :is(button,input,textarea,select):focus-visible{outline-offset:2px;outline:3px solid #168cff80}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-elements>header{justify-content:space-between;align-items:center;gap:5px;margin:15px 0 10px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-elements>header h3{color:#102344;margin:0;font-size:13px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-elements>header span{color:#718bac;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-add-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-add-grid button{color:#326aa3;background:linear-gradient(150deg,#fff,#f3faff);border-radius:9px;flex-direction:column;gap:6px;min-height:58px;padding:10px 1px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-data-add{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-data-add button{color:#1681da;background:#f0f8ff;border:0;padding:5px 7px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layers{border-top:1px solid #e4f0fa;margin-top:20px;padding-top:16px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layers h2{align-items:center;gap:6px;margin:0 0 10px;font-size:13px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layers h2 small{color:#7391b2;margin-left:auto;font-size:10px;font-weight:400}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layers>.xf-layer-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4e1fb transparent;background:0 0;border:0;flex-direction:column;gap:3px;max-height:370px;margin:0;padding:0;display:flex;overflow-y:auto}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layer-row{background:#f8fbff;border:1px solid #0000;border-radius:9px;flex-shrink:0;grid-template-columns:minmax(0,1fr) repeat(3,24px);align-items:center;gap:0;padding:3px 2px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layer-row.selected{background:#e8f5ff;border-color:#86cdff}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layer-row button{background:0 0;border:0;border-radius:6px;min-height:30px;padding:5px 2px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layer-row .xf-layer-select{color:#193b63;justify-content:flex-start;gap:5px;overflow:hidden}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layer-select svg{color:#5499d1;flex-shrink:0}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layer-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layer-row.is-hidden .xf-layer-select{opacity:.5}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-elements .xf-clear{color:#a85067;background:#fffafd;border-style:dashed;width:100%;margin-top:13px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-caption{color:#7288a7;margin:8px 0 0;font-size:10px;line-height:1.7}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-empty{text-align:center;color:#6b89aa;background:#f6fbff;border:1px dashed #c2e2fb;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:22px 8px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-empty strong{color:#255882;font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-empty p{margin:0;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties{background:linear-gradient(135deg,#fff,#f5fbff);border:1px solid #cde7fc;border-radius:18px;margin:0 0 14px;padding:17px 18px;box-shadow:0 5px 24px #168cff07}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties>header{align-items:center;gap:9px;margin-bottom:13px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties>header>span{color:#168cff;background:#e8f5ff;border-radius:11px;padding:9px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties h2{color:#102344;margin:0;font-size:16px;line-height:1.4}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties header p{color:#7190b2;overflow-wrap:anywhere;margin:3px 0 0;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties header>button{flex-shrink:0;margin-left:auto}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-object-actions{gap:6px;margin:0 0 14px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-object-actions button{min-height:32px;font-size:11px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-object-actions .xf-delete{color:#d3506f;background:#fff6f8;border-color:#f3d9e1;margin-left:auto}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties fieldset{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties fieldset:disabled{opacity:.45}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties label{color:#486b95;flex-direction:column;gap:5px;min-width:0;margin:0;font-size:10px;line-height:1.4;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties :is(input,textarea,select){font:inherit;color:#173c68;width:100%;min-width:0;min-height:0;box-shadow:none;background:#fff;border:1px solid #d4e7f8;border-radius:7px;margin:0;padding:7px 9px;font-size:12px;line-height:1.4}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties :is(input,select){height:34px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties input[type=color]{cursor:pointer;padding:4px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-properties textarea{resize:vertical;min-height:68px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;display:grid}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-tokens{flex-wrap:wrap;gap:5px;display:flex}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-tokens button{color:#168cff;background:#eff8ff;border:0;padding:4px 7px;font-size:10px}:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-lock-note{color:#92722b;background:#fff9e9;border-radius:7px;align-items:center;gap:6px;padding:8px;font-size:10px;display:flex}@media (min-width:1051px){.v2 .xs-studio.xs-fidelity.xs-mode-advanced .xs-workbench{grid-template-columns:240px minmax(0,1fr) 360px}}.v2 .xs-studio.xs-fidelity .xs-heading-actions .xs-icon{display:inline-flex}@media (max-width:1050px) and (min-width:701px){.v2 .xs-studio.xs-fidelity.xs-mode-advanced .xs-workbench{grid-template-columns:220px minmax(0,1fr)}.v2 .xs-studio.xs-fidelity.xs-mode-advanced .xs-settings{grid-column:2}.v2 .xs-studio.xs-fidelity .xf-add-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){:is(.v2 .xs-studio.xs-fidelity,#xll-studio-layer-scope) .xf-layers>.xf-layer-scroll{max-height:220px}.v2 .xs-studio.xs-fidelity.xs-mode-advanced .xs-library{order:2}.v2 .xs-studio.xs-fidelity.xs-mode-advanced .xs-center{order:1}.v2 .xs-studio.xs-fidelity.xs-mode-advanced .xs-settings{order:3}.v2 .xs-studio.xs-fidelity .xs-heading-actions{gap:4px}.v2 .xs-studio.xs-fidelity .xs-heading-actions .xs-icon{width:28px;min-width:28px;height:30px;padding:5px}}
