.sl-shell{color:#344865}.sl-challenge-bar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#edf3fd;border:1px solid #d3dff2;border-radius:15px;padding:20px;margin-bottom:22px}.sl-challenge-bar>label{display:flex;flex-direction:column;gap:8px;min-width:220px;color:#566f93;font-size:11px;font-weight:600}.sl-challenge-bar select{background:#fff;border-color:#cbd9ee;color:#3e577a;font-size:12px;min-height:43px}.sl-challenge-bar>div{flex:1;min-width:220px}.sl-challenge-bar p{font-size:12px;line-height:1.8;color:#617b9d;margin-top:8px}.sl-level{display:inline-block;background:#e6e9fb;color:#7462ad;border:1px solid #d9daf4;border-radius:6px;padding:4px 8px;font-size:9px}.sl-layout{display:grid;grid-template-columns:180px minmax(290px,1fr) minmax(300px,1fr);gap:18px;align-items:start}.sl-palette,.sl-editor,.sl-output{min-width:0;background:#fff;border:1px solid #d9e3f1;border-radius:14px;padding:18px}.sl-category{margin-bottom:21px}.sl-category:last-child{margin-bottom:0}.sl-category h3{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;color:#5d7598;margin-bottom:11px}.sl-palette-block{border:1px solid var(--sl-block-edge);background:var(--sl-block);color:var(--sl-ink);font:12px/1.6 'DM Sans',sans-serif;text-align:left;width:100%;min-height:42px;padding:10px 12px;border-radius:6px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:7px;cursor:grab;position:relative}.sl-palette-block:active{cursor:grabbing}.sl-palette-block b{font-weight:600;padding:1px 6px;background:#ffffffb5;border-radius:8px;color:var(--sl-ink)}.sl-palette-block i{font-style:normal;font-size:17px;opacity:.8}.sl-motion{--sl-block:#e4eefd;--sl-block-edge:#abc6ed;--sl-ink:#375c96}.sl-looks{--sl-block:#eee6fb;--sl-block-edge:#cbb8e7;--sl-ink:#735399}.sl-variables{--sl-block:#dff0f7;--sl-block-edge:#a4c9db;--sl-ink:#3b7388}.sl-control{--sl-block:#e7e9fa;--sl-block-edge:#b9bee9;--sl-ink:#5b5fa2}.sl-pen{--sl-block:#e0eff0;--sl-block-edge:#a7cdd0;--sl-ink:#437a80}.sl-events{--sl-block:#dff1f0;--sl-block-edge:#9bcfc9;--sl-ink:#347f78}.sl-section-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;margin-bottom:18px}.sl-section-head h2{font-size:20px;color:#354f73;letter-spacing:-.45px}.sl-section-head p{font-size:11px;color:#7890ad;line-height:1.8;margin-top:6px}.sl-section-head>span{font-size:10px;color:#8498b5;padding-top:5px;white-space:nowrap}.sl-add-target{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#6a81a2;font-size:10px}.sl-add-target select{flex:1;min-width:0;color:#5a739a;background:#f4f7fd;border-color:#d5e1f3;font-size:11px;padding:9px}.sl-workspace{min-height:330px;max-height:760px;overflow:auto;padding:9px 8px 22px 5px;background:linear-gradient(#f7faff80,#f0f5fc80);border:1px dashed #d1def0;border-radius:10px}.sl-stack{min-height:13px}.sl-block{border:1px solid var(--sl-block-edge);border-radius:7px;background:var(--sl-block);color:var(--sl-ink);padding:10px 10px 8px;position:relative;margin-top:4px;box-shadow:0 2px 0 #334b7910;transition:box-shadow .15s,border-color .15s}.sl-block:not(.sl-events):before{content:'';position:absolute;top:-5px;left:24px;width:25px;height:7px;border:1px solid var(--sl-block-edge);border-bottom:0;border-radius:5px 5px 0 0;background:var(--sl-block)}.sl-block.sl-events{border-radius:19px 19px 6px 6px;padding-top:14px;margin-top:0}.sl-block-main{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1.8;min-height:27px}.sl-block-fields{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.sl-grip{font-size:17px;color:var(--sl-ink);opacity:.6;cursor:grab;flex-shrink:0;align-self:flex-start;padding-top:2px}.sl-block input{font-family:Consolas,monospace;font-size:12px;padding:5px 7px;border:1px solid var(--sl-block-edge);background:#fffffff0;color:#334f76;border-radius:10px;min-height:31px;width:66px;max-width:100%}.sl-block input.sl-variable-name{width:88px}.sl-block input.sl-say-input{width:170px;min-width:100px;flex:1}.sl-block input.sl-prefix-input{width:110px;min-width:70px;flex:1}.sl-flag-symbol{font-size:20px;color:#288d83;line-height:1}.sl-block-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:9px}.sl-block-tools button{border:1px solid var(--sl-block-edge);color:var(--sl-ink);background:#ffffff8f;border-radius:5px;padding:5px 7px;min-height:30px;min-width:29px;font-size:10px}.sl-block-tools button:hover{background:#fff}.sl-block-tools button:disabled{opacity:.35;cursor:default}.sl-block-tools [data-sl=remove]{margin-left:auto;font-size:9px}.sl-block-tools [data-sl=target]{font-size:9px}.sl-loop{padding-bottom:10px}.sl-loop-body{padding:12px 0 0 12px;margin-top:8px;border-left:5px solid #c1c6e8;background:#f7f8ff96;border-radius:0 7px 7px 0}.sl-loop-label{font-size:9px;color:#7d85b0;display:block;margin-bottom:7px}.sl-loop-end{display:block;font-size:10px;color:#7178a9;margin:8px 0 0 17px}.sl-drop{height:12px;position:relative;transition:height .15s,background .15s;border-radius:5px}.sl-drop>span{display:none;pointer-events:none;font-size:9px;color:#6882ad}.sl-dragging .sl-drop{height:25px;border:1px dashed #b4c6e5;margin:4px 0;background:#ecf3fc}.sl-dragging .sl-drop>span{display:block;text-align:center;padding-top:5px}.sl-drop.sl-drop-over{background:#e5e0ff;border-color:#9384d3;box-shadow:0 0 0 2px #c6baf199}.sl-active-block{border-color:#7b69d7;box-shadow:0 0 0 3px #c0b5f494,0 4px 9px #60509912;z-index:1}.sl-editor-note{font-size:10px;color:#7b91af;line-height:1.9;padding:15px 3px 0}.sl-editor-note strong{color:#657e9f}.sl-stage{aspect-ratio:3/2;border:1px solid #c9d9ee;border-radius:11px;overflow:hidden;position:relative;background:#f4f8fe}.sl-stage svg{display:block;width:100%;height:100%}.sl-axis-label{font:9px 'DM Sans',sans-serif;fill:#92a7c3}.sl-target-label{font:10px 'DM Sans',sans-serif;fill:#6793ad}.sl-sprite{transition:transform .35s ease-in-out}.sl-stage #sl-trail path{fill:none;stroke:#668ac7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sl-speech{position:absolute;top:10px;left:10px;right:10px;max-width:calc(100% - 20px);padding:10px 12px;border:1px solid #cbbfe6;border-radius:12px 12px 12px 3px;background:#ffffffed;color:#756292;font-size:12px;line-height:1.5;overflow-wrap:anywhere;box-shadow:0 3px 8px #3e52760c}.sl-speech[hidden]{display:none}.sl-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0 10px}.sl-controls .primary,.sl-controls .secondary{font-size:11px;padding:10px 12px;min-height:40px}.sl-controls .sl-green-flag{background:#538d94;color:#fff;box-shadow:none}.sl-controls .text-button{font-size:10px;min-height:36px}.sl-controls>label{display:flex;align-items:center;gap:6px;font-size:9px;color:#8093af;margin-left:auto}.sl-controls select{font-size:10px;padding:8px 6px;background:#f5f8fe;color:#687fa4;border-color:#d4dff1;width:auto;min-height:35px}.sl-position{font:11px/1.7 Consolas,monospace;color:#7188aa;padding:9px 11px;border:1px solid #e0e8f5;border-radius:7px;background:#f8fbff;margin-bottom:10px}.sl-current{font-size:11px;color:#637fa7;line-height:1.8;min-height:42px;margin-bottom:14px}.sl-variable-panel{padding:14px;background:#f0f5fd;border:1px solid #dce6f5;border-radius:10px;margin-bottom:15px}.sl-variable-panel h3{font-size:12px;letter-spacing:0;color:#5e789c;margin-bottom:10px;font-family:inherit;font-weight:600}.sl-variable-panel dl{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sl-variable-panel dl>div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c7d9ec;border-radius:8px;padding:8px 10px;font-size:11px;color:#597da1}.sl-variable-panel dt{font-weight:500}.sl-variable-panel dd{font-family:Consolas,monospace;font-size:16px;color:#7565b3;margin:0}.sl-variable-panel p{font-size:10px;color:#849ab7;line-height:1.7}.sl-status{font-size:12px;color:#587896;padding:14px;background:#eaf3fa;border:1px solid #c9dfea;border-radius:9px;line-height:1.8}.sl-status.sl-error{background:#f1eefa;border-color:#d5c9eb;color:#8065a2}.sl-goals{display:flex;flex-direction:column;gap:7px;margin-top:14px}.sl-goals>div{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#8498b3;line-height:1.7}.sl-goals b{font-size:13px;min-width:14px;color:#9aabc3}.sl-goals .passed,.sl-goals .passed b{color:#5c8a98}.sl-help{font-size:11px;color:#7b8eab;line-height:1.8;border-top:1px solid #e6edf7;padding-top:13px;margin-top:16px}.sl-help summary{cursor:pointer;font-weight:500;color:#6e82a8}.sl-help p{margin:11px 0;font-size:11px}.sl-help ol{padding-left:20px;font-size:10px;color:#7c90ad;max-height:200px;overflow:auto;margin-top:12px}.sl-help li{padding:5px 0}.sl-footnote{font-size:10px;color:#92a2b9;line-height:1.8;margin-top:20px}.sl-shell :focus-visible{outline:3px solid #9e91dc;outline-offset:3px}.sl-shell button{touch-action:manipulation}.sl-shell button:disabled{cursor:default}.sl-shell .sl-block input:focus-visible{outline-width:2px}
@media(max-width:1400px){.sl-layout{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr)}.sl-palette{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:17px}.sl-category{margin:0}.sl-palette-block{font-size:10px;padding:8px;min-height:40px;gap:4px}.sl-category h3{font-size:10px}.sl-palette-block b{padding:1px 4px}.sl-palette-block i{font-size:14px}.sl-challenge-bar>div{min-width:190px}.sl-workspace{max-height:760px}}
@media(max-width:1000px){.sl-layout{grid-template-columns:1fr}.sl-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.sl-palette-block{font-size:11px}.sl-output{grid-row:2}.sl-editor{grid-row:3}.sl-stage{max-width:580px;margin:0 auto}.sl-controls{justify-content:center}.sl-controls>label{margin-left:0}.sl-position{text-align:center}.sl-variable-panel dl{justify-content:center}.sl-current{min-height:0}.sl-section-head p{font-size:12px}.sl-section-head h2{font-size:21px}.sl-challenge-bar>label{flex:1;min-width:220px}.sl-challenge-bar>div{min-width:220px}.sl-workspace{max-height:650px}}
@media(max-width:600px){.sl-challenge-bar{padding:17px;gap:15px}.sl-challenge-bar>label{min-width:0;width:100%;font-size:10px}.sl-challenge-bar>div{min-width:0;width:100%;flex:auto}.sl-challenge-bar p{font-size:11px;line-height:1.8}.sl-challenge-bar>.secondary{font-size:10px;padding:9px 12px}.sl-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.sl-palette-block{font-size:10px}.sl-editor,.sl-output{padding:16px}.sl-section-head h2{font-size:19px}.sl-section-head p{font-size:10px}.sl-controls{gap:7px;justify-content:flex-start}.sl-controls .primary,.sl-controls .secondary{font-size:10px;min-height:40px;padding:9px 11px}.sl-controls .text-button{font-size:10px}.sl-controls>label{margin-left:auto}.sl-position{font-size:10px}.sl-current{font-size:11px}.sl-workspace{padding-left:5px;padding-right:5px}.sl-block{padding:10px 8px 8px}.sl-block-main{font-size:11px;gap:4px}.sl-block input{font-size:11px;min-height:33px;width:61px;padding:5px 6px}.sl-block input.sl-say-input{width:140px}.sl-block input.sl-variable-name{width:74px}.sl-block input.sl-prefix-input{width:95px}.sl-loop-body{padding-left:8px;border-left-width:4px}.sl-loop-label{font-size:8px}.sl-block-tools button{font-size:10px;min-height:34px;min-width:34px}.sl-block-tools [data-sl=remove]{font-size:9px}.sl-add-target{font-size:9px;gap:8px}.sl-add-target select{font-size:10px}.sl-footnote{font-size:9px}.sl-speech{font-size:11px}.sl-layout{gap:14px}.sl-variable-panel dl>div{padding:8px;font-size:10px}.sl-variable-panel dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sl-sprite,.sl-block,.sl-drop{transition:none!important}}