:root{font-family:Nunito,ui-rounded,system-ui,sans-serif;color:#17213b;background:#eef3ff;font-synthesis:none;text-rendering:optimizeLegibility;--purple:#6b2bd9;--cyan:#00cbea;--pink:#ff4b7d;--yellow:#ffd43b;--green:#30c990;--ink:#17213b}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}.junior-app{height:100vh;display:grid;grid-template-rows:62px minmax(245px,45%) minmax(260px,1fr);background:#f6f8ff}.topbar{display:flex;align-items:center;gap:22px;padding:8px 16px;color:#fff;background:linear-gradient(100deg,#221044,#5c20ca 55%,#1176bf);box-shadow:0 4px 18px #2e136333;z-index:10}.brand{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:220px;font-size:19px;font-weight:900}.brand-mark{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--cyan),#7357ff);border:2px solid rgba(255,255,255,.8);box-shadow:0 4px #0000002e}.brand b{color:#5ff0ff}.brand small{font-size:8px;letter-spacing:.17em;color:#d8d1ff}.project-name{display:flex;flex-direction:column;min-width:0}.project-name span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#cec7eb}.project-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.top-actions #status{max-width:220px;margin-right:6px;color:#e7e3ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions button{border:0;cursor:pointer}.circle{width:39px;height:39px;border-radius:50%;font-size:17px;font-weight:900}.circle.secondary{color:#fff;background:#39225d;border:2px solid #8f70c8}.circle.play{color:#19421f;background:var(--yellow);border:3px solid #fff;box-shadow:0 0 0 2px #ffd43b66}.save-button{display:flex;gap:6px;align-items:center;min-height:40px;padding:0 14px;border-radius:12px;color:#fff;background:#0eac79;font-weight:900;box-shadow:0 4px #087756}.creation-area{min-height:0;display:grid;grid-template-columns:150px minmax(420px,1fr) 125px;gap:10px;padding:10px;background:linear-gradient(135deg,#eef4ff,#f9fbff)}.actors-panel,.scenes-panel,.stage-column,.scripts-area{min-height:0;border:1px solid #d9e0f2;border-radius:16px;background:#fff;box-shadow:0 5px 18px #26325d14;overflow:hidden}.panel-heading{height:43px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;color:#fff;background:#293653}.add-button{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:10px;color:#fff;background:var(--purple);font-size:22px;line-height:1;cursor:pointer}.actors-list,.scenes-list{height:calc(100% - 43px);padding:8px;overflow:auto}.actor-card{width:100%;min-height:72px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:5px;margin-bottom:7px;padding:5px;border:2px solid transparent;border-radius:13px;color:var(--ink);background:#f4f6fc;cursor:pointer;font-weight:900}.actor-card img{width:52px;height:52px;object-fit:contain}.actor-card.active{border-color:var(--cyan);background:#e9fbff;box-shadow:0 0 0 3px #00cbea21}.actor-card.add-card{display:flex;justify-content:center;flex-direction:column;min-height:60px;color:var(--purple);border:2px dashed #c7b3ee;background:#faf8ff}.actor-card.add-card span{font-size:24px}.stage-column{display:grid;grid-template-rows:38px minmax(0,1fr)}.stage-toolbar{display:flex;align-items:center;gap:10px;padding:5px 9px;border-bottom:1px solid #dbe3f3;background:#f8faff;font-size:12px}.stage-toolbar button{border:1px solid #ccd7ec;border-radius:9px;background:#fff;padding:5px 9px;cursor:pointer;font-weight:800}.stage-toolbar #scene-name{font-weight:900}.stage-hint{margin-left:auto;color:#74819b}.stage{position:relative;min-height:0;overflow:hidden;touch-action:none;isolation:isolate}.stage-decorations,.stage-actors{position:absolute;inset:0}.stage-actors{z-index:3}.stage-actor{position:absolute;width:calc(82px * var(--actor-size) / 100);height:calc(82px * var(--actor-size) / 100);padding:0;border:0;background:transparent;transform:translate(-50%,calc(-50% + var(--hop))) rotate(var(--rotation));transition:left .22s ease,top .22s ease,transform .2s ease;cursor:grab;touch-action:none}.stage-actor img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(32,37,63,.2));pointer-events:none}.stage-actor.selected:after{content:"";position:absolute;inset:-6px;border:3px dashed var(--cyan);border-radius:50%;animation:pulse 1.4s infinite}.actor-name{position:absolute;left:50%;bottom:-17px;transform:translate(-50%) rotate(calc(-1 * var(--rotation)));padding:1px 7px;border-radius:8px;color:#fff;background:#17213bc7;font-size:9px;white-space:nowrap}.speech{position:absolute;left:65%;bottom:82%;min-width:70px;max-width:150px;padding:7px 9px;border:2px solid #292151;border-radius:16px;color:#1f2540;background:#fff;font-size:12px;transform:rotate(calc(-1 * var(--rotation)));z-index:5}.speech:after{content:"";position:absolute;left:16px;bottom:-8px;width:12px;height:12px;background:#fff;border-right:2px solid #292151;border-bottom:2px solid #292151;transform:rotate(45deg)}@keyframes pulse{50%{transform:scale(1.08);opacity:.65}}.hill{position:absolute;bottom:25%;width:55%;height:33%;border-radius:50% 50% 0 0;background:#4caf55}.hill.h1{left:-10%}.hill.h2{right:-12%;background:#378c4a}.sun{position:absolute;right:8%;top:8%;width:42px;height:42px;border-radius:50%;background:#ffd43b;box-shadow:0 0 25px #ffd43bcc}.planet{position:absolute;right:10%;top:12%;width:75px;height:75px;border-radius:50%;background:linear-gradient(140deg,#ff5a89,#7837dc);box-shadow:0 0 35px #7a37dc8c}.building{position:absolute;bottom:37%;width:18%;background:#7453b4;border-radius:8px 8px 0 0}.building:after{content:"▪ ▪\a▪ ▪\a▪ ▪";white-space:pre;display:block;padding:8px;color:#ffd43b;line-height:15px}.b1{left:8%;height:32%}.b2{left:38%;height:22%;background:#ef5b83}.b3{right:10%;height:39%;background:#3b56a4}.bubble{position:absolute;border:3px solid rgba(255,255,255,.55);border-radius:50%}.bu1{width:23px;height:23px;left:18%;top:25%}.bu2{width:12px;height:12px;right:22%;top:42%}.coral{position:absolute;left:12%;bottom:0;width:15px;height:52px;background:#ff5e82;border-radius:15px 15px 0 0;box-shadow:25px 17px #ff9d33,48px -8px #9c54e8}.moon{position:absolute;right:10%;top:10%;width:50px;height:50px;border-radius:50%;background:#fff7bd;box-shadow:0 0 25px #fff7bd99}.stars{position:absolute;left:12%;top:13%;color:#fff;font-size:22px}.scene-card{width:100%;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:6px;margin-bottom:7px;padding:5px;border:2px solid transparent;border-radius:12px;color:var(--ink);background:#f4f6fc;cursor:pointer}.scene-card.active{border-color:var(--pink);background:#fff0f5}.scene-preview{display:grid;place-items:center;width:48px;height:38px;border-radius:8px;color:#fff;font-weight:900;text-shadow:0 1px 3px #000}.scene-card strong{font-size:11px}.add-scene-card{border:2px dashed #c7b3ee;color:var(--purple)}.add-scene-card span{font-size:22px}.scripts-area{margin:0 10px 10px;display:grid;grid-template-rows:43px minmax(0,1fr);border-radius:16px}.script-heading{display:flex;align-items:center;gap:14px;padding:5px 12px;color:#fff;background:linear-gradient(90deg,#2b3652,#3a285f);border-bottom:1px solid #d9e0f2}.selected-actor{display:flex;align-items:center;gap:7px;min-width:180px}.selected-actor img{width:34px;height:34px}.selected-actor span{font-size:12px}.script-heading p{margin:0;color:#d8dff1;font-size:11px}.quiet-danger{margin-left:auto;width:34px;height:34px;border:0;border-radius:10px;background:#4f2944;cursor:pointer}.quiet-danger:disabled{opacity:.35}.picker-dialog{width:min(760px,90vw);padding:0;border:0;border-radius:22px;color:var(--ink);background:#fff;box-shadow:0 30px 80px #1b113b66}.picker-dialog::backdrop{background:#130e2da6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.picker-dialog header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;color:#fff;background:linear-gradient(110deg,#6124ce,#0aaaca)}.picker-dialog header span{font-size:11px;letter-spacing:.13em}.picker-dialog h2{margin:2px 0 0}.picker-dialog header button{width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:#0003;font-size:24px;cursor:pointer}.picker-grid{display:grid;gap:14px;max-height:62vh;padding:20px;overflow:auto}.actor-grid{grid-template-columns:repeat(3,1fr)}.picker-grid button{border:2px solid #e0e5f4;border-radius:17px;background:#f8f9ff;cursor:pointer;font-weight:900;overflow:hidden}.actor-grid button{display:flex;align-items:center;gap:12px;padding:10px}.actor-grid button span{display:grid;place-items:center;width:76px;height:76px;border-radius:18px;background:color-mix(in srgb,var(--accent) 16%,white)}.actor-grid img{width:70px;height:70px}.background-grid{grid-template-columns:repeat(2,1fr)}.background-grid button{padding:7px}.background-grid button>span{position:relative;display:block;height:110px;border-radius:12px;overflow:hidden}.background-grid strong{display:block;padding:7px}.blocklySvg{background:#fbfcff!important}.blocklyToolboxDiv{border-bottom:1px solid #d8deef!important;box-shadow:0 4px 10px #28345814}.blocklyToolboxCategory{padding:3px!important}.blocklyToolboxCategoryLabel{font-weight:900!important}.blocklyFlyoutBackground{fill:#eef2ff!important}.blocklyMainBackground{stroke:none!important}.blocklyTrash image{opacity:.8}@media(max-width:900px){.brand{min-width:150px}.brand small,.project-name,.stage-hint{display:none}.top-actions #status{max-width:120px}.creation-area{grid-template-columns:115px minmax(330px,1fr) 95px}.actor-card{grid-template-columns:40px 1fr;font-size:11px}.actor-card img{width:40px;height:40px}.scene-card{grid-template-columns:1fr}.scene-preview{width:100%}.script-heading p{display:none}.actor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-height:650px){.junior-app{grid-template-rows:56px minmax(220px,43%) minmax(230px,1fr)}.topbar{padding-block:5px}.creation-area{padding:7px}.scripts-area{margin:0 7px 7px}}.action-art{width:30px;height:30px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(32,18,70,.24));pointer-events:none}.action-art.compact{width:22px;height:22px}.stage-toolbar button{display:flex;align-items:center;gap:5px}.quiet-danger{display:grid;place-items:center;padding:2px}.quiet-danger .action-art{width:29px;height:29px}.stop-shape{display:block;width:13px;height:13px;border-radius:4px;background:linear-gradient(145deg,#fff,#d8d4ef);box-shadow:0 2px #0000002e}.play-shape{display:block;width:0;height:0;margin-left:3px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #2e2940;filter:drop-shadow(0 2px 0 rgba(255,255,255,.35))}.element-dialog{width:min(920px,94vw)}.element-library-tools{display:flex;align-items:center;gap:12px;padding:15px 20px 0}.element-filters{display:flex;gap:7px;flex-wrap:wrap}.element-filters button{min-height:36px;padding:0 12px;border:1px solid #d9def0;border-radius:999px;color:#47516d;background:#f5f7fc;cursor:pointer;font-weight:900}.element-filters button.active{border-color:#6b2bd9;color:#fff;background:#6b2bd9;box-shadow:0 3px #421394}.element-search{min-width:210px;margin-left:auto}.element-search input{width:100%;min-height:39px;padding:0 13px;border:2px solid #dce2f1;border-radius:12px;color:var(--ink);background:#fff;font:inherit;font-weight:800;outline:none}.element-search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00cbea24}.element-dialog .actor-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:54vh}.element-dialog .actor-grid button{gap:10px;padding:9px;text-align:left}.element-dialog .actor-grid button:hover{border-color:var(--cyan);background:#effcff;transform:translateY(-1px)}.element-dialog .actor-grid button span{flex:0 0 70px;width:70px;height:70px}.element-dialog .actor-grid img{width:66px;height:66px;object-fit:contain}.element-dialog .actor-grid strong{font-size:13px;line-height:1.15}.element-empty{margin:6px 20px 22px;padding:24px;border:2px dashed #d9def0;border-radius:15px;color:#68738f;text-align:center;font-weight:800}.element-empty[hidden]{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:900px){.element-library-tools{align-items:stretch;flex-direction:column}.element-search{width:100%;margin-left:0}.element-dialog .actor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html,body,#app{min-height:100%;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent}button,select,input{touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.junior-app{width:100%;height:100vh;height:100dvh;height:var(--junior-viewport-height, 100dvh);padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.circle,.save-button,.add-button,.quiet-danger,.picker-dialog header button,.stage-toolbar button{min-width:44px;min-height:44px}.circle{width:46px;height:46px}.save-button{min-height:46px}.add-button{width:44px;height:44px;border-radius:13px}.panel-heading{height:54px}.actors-list,.scenes-list{height:calc(100% - 54px);-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.actor-card,.scene-card{min-height:56px}.stage-column{grid-template-rows:48px minmax(0,1fr)}.stage-toolbar{min-width:0;padding-block:2px}.stage-toolbar button{justify-content:center;padding:5px 11px}.stage-actors{touch-action:none}.stage.is-dragging,.stage.is-dragging .stage-actor{cursor:grabbing}.picker-dialog{max-width:calc(100vw - 24px);max-height:calc(var(--junior-viewport-height, 100dvh) - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)));overflow:hidden}.picker-dialog form{max-height:inherit;display:flex;flex-direction:column;overflow:hidden}.picker-dialog header{flex:0 0 auto}.picker-dialog header button{width:44px;height:44px}.picker-grid{min-height:0;max-height:none;flex:1 1 auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.element-library-tools{flex:0 0 auto}.element-filters button,.element-search input{min-height:44px}.element-dialog .actor-grid button,.background-grid button{min-height:88px}@media(hover:hover)and (pointer:fine){.element-dialog .actor-grid button:hover{border-color:var(--cyan);background:#effcff;transform:translateY(-1px)}}@media(hover:none),(pointer:coarse){.element-dialog .actor-grid button:hover{border-color:#e0e5f4;background:#f8f9ff;transform:none}.element-dialog .actor-grid button:active,.background-grid button:active,.actor-card:active,.scene-card:active{border-color:var(--cyan);background:#e9fbff;transform:scale(.98)}}@media(max-width:900px){.topbar{gap:10px;padding:6px 10px}.brand{min-width:132px}.top-actions{gap:6px}.creation-area{grid-template-columns:130px minmax(320px,1fr) 112px;gap:7px;padding:7px}.panel-heading{gap:4px;padding-inline:5px}.scripts-area{margin:0 7px 7px}}@media(max-width:900px)and (orientation:portrait){.junior-app{grid-template-rows:66px minmax(300px,43%) minmax(0,1fr)}.top-actions #status,.project-name,.stage-hint,.brand small,.profile-picker>span{display:none}.profile-picker{padding:4px}.profile-picker select{min-height:38px}.save-button{width:46px;padding:0;justify-content:center}.save-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.element-dialog .actor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.brand{min-width:48px;grid-template-columns:44px}.brand-name,.brand small,.top-actions #status,.profile-picker>span{display:none}.creation-area{grid-template-columns:106px minmax(260px,1fr) 96px;overflow-x:auto;overscroll-behavior-x:contain}.panel-heading{height:78px;flex-direction:column;justify-content:center;gap:4px;padding:5px;font-size:11px}.actors-list,.scenes-list{height:calc(100% - 78px)}.actor-card{grid-template-columns:1fr;justify-items:center;font-size:10px;text-align:center}.actor-card img{width:46px;height:46px}.selected-actor{min-width:122px}.element-dialog .actor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:600px){.junior-app{grid-template-rows:54px minmax(178px,42%) minmax(185px,1fr)}.topbar{padding-block:4px}.brand-mark,.circle,.save-button{transform:scale(.92)}.picker-dialog header{padding:10px 14px}.picker-dialog h2{font-size:18px}.element-library-tools{padding:9px 14px 0}.picker-grid{padding:12px 14px}}[hidden]{display:none!important}html[data-junior-editor=sequence] .junior-app{grid-template-rows:62px minmax(220px,40%) minmax(300px,1fr)}.editor-mode{margin-left:auto;padding:5px 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;background:#00cbea26;font-size:10px;font-weight:900;white-space:nowrap}.profile-picker{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 9px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:#12082f52}.profile-picker>span{color:#dcd5f5;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.profile-picker select{min-height:30px;padding:3px 25px 3px 8px;border:0;border-radius:8px;color:#25134c;background:#fff;font-size:11px;font-weight:900;cursor:pointer}.profile-picker select:disabled{cursor:not-allowed;opacity:.72}.script-heading .quiet-danger{margin-left:0}.sequence-editor{min-height:0;display:grid;grid-template-rows:52px 88px minmax(0,1fr);overflow:hidden;background:#fbfcff}.sequence-categories{display:flex;align-items:stretch;gap:2px;padding:4px 8px 0;overflow-x:auto;border-bottom:1px solid #dde4f4;background:#fff}.sequence-categories button{min-width:94px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border:0;border-bottom:4px solid transparent;color:#28334e;background:transparent;cursor:pointer;font-size:12px}.sequence-category-icon{width:31px;height:31px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(45,28,92,.22))}.sequence-categories button.active{border-bottom-color:var(--category-color);border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--category-color) 14%,white)}.sequence-palette{min-height:0;padding:7px 10px;border-bottom:1px solid #dce4f3;background:#eef3ff;overflow-x:auto}.sequence-palette>div{min-width:max-content;display:flex;align-items:center;gap:8px}.palette-help{width:72px;color:#74819b;font-size:9px;line-height:1.2;text-align:center}.palette-block{--connector-surface: #eef3ff;position:relative;isolation:isolate;width:82px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px;border:2px solid color-mix(in srgb,var(--block-color) 58%,#43237b);border-bottom-width:6px;border-radius:15px;color:#152039;background:linear-gradient(145deg,color-mix(in srgb,var(--block-color) 62%,white) 0%,var(--block-color) 42%,color-mix(in srgb,var(--block-color) 78%,#43237b) 100%);box-shadow:inset 0 2px #ffffff9e,inset 0 -3px #39196826,0 5px 10px #232d4e38;cursor:grab;transition:transform .16s ease,box-shadow .16s ease}.palette-block:hover,.palette-block:focus-visible{z-index:5;transform:translateY(-3px) scale(1.035);box-shadow:inset 0 2px #ffffffb8,inset 0 -3px #39196829,0 9px 16px #472a8242}.palette-block:after,.sequence-block:after{content:"";position:absolute;z-index:0;top:50%;right:-13px;width:27px;height:31px;transform:translateY(-50%);border:2px solid color-mix(in srgb,var(--block-color) 58%,#43237b);border-radius:48%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.68) 0 9%,transparent 10%),linear-gradient(145deg,color-mix(in srgb,var(--block-color) 62%,white),var(--block-color) 54%,color-mix(in srgb,var(--block-color) 76%,#43237b));box-shadow:inset 0 2px #ffffff8c,2px 3px 5px #2b1d4e2e}.palette-block:not(.event):before,.sequence-block:not(.event):before{content:"";position:absolute;z-index:1;top:50%;left:-11px;width:23px;height:29px;transform:translateY(-50%);border-radius:50%;background:var(--connector-surface);box-shadow:inset -3px 0 3px #37265f38,2px 0 color-mix(in srgb,var(--block-color) 62%,#43237b)}.palette-block-icon{position:relative;z-index:2;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(40,22,80,.22))}.palette-block strong{position:relative;z-index:2;font-size:10px;line-height:1.05}.sequence-programs{min-height:0;padding:12px;overflow:auto;background-color:#fbfcff;background-image:radial-gradient(#dce4f4 1.2px,transparent 1.2px);background-size:22px 22px}.sequence-script{position:relative;display:flex;align-items:center;min-width:max-content;margin-bottom:12px;padding:8px 12px 8px 30px;border:2px solid transparent;border-radius:16px;background:#ffffffe0;box-shadow:0 3px 12px #26325d14;cursor:pointer}.sequence-script.active{border-color:#6f35dd;box-shadow:0 0 0 3px #6f35dd1f}.script-number{position:absolute;left:-6px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:#34225d;font-size:11px;font-weight:900}.sequence-chain{display:flex;align-items:center;gap:12px;min-width:60px;min-height:80px;padding:2px}.sequence-arrow{width:0;margin:0 -6px;overflow:hidden;color:transparent;font-size:0}.sequence-empty-slot{display:grid;place-items:center;min-width:74px;height:60px;border:2px dashed #bdc8dd;border-radius:14px;color:#8591a8;background:#f9fbff;font-size:10px}.sequence-inline-add{width:38px;height:38px;flex:0 0 auto;border:2px dashed #9e83d9;border-radius:12px;color:#6b2bd9;background:#f8f4ff;font-size:20px;font-weight:900;cursor:pointer}.sequence-block{--connector-surface: #fff;position:relative;isolation:isolate;width:92px;min-height:76px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 5px 6px;border:2px solid color-mix(in srgb,var(--block-color) 58%,#43237b);border-bottom-width:7px;border-radius:15px;color:#142039;background:linear-gradient(145deg,color-mix(in srgb,var(--block-color) 62%,white) 0%,var(--block-color) 42%,color-mix(in srgb,var(--block-color) 78%,#43237b) 100%);box-shadow:inset 0 2px #ffffffa8,inset 0 -3px #39196824,0 5px 10px #1f294833}.sequence-block.event{border-radius:30px 15px 15px 30px}.sequence-block-icon{position:relative;z-index:2;width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(41,24,77,.24))}.sequence-block-label{position:relative;z-index:2;font-size:10px;line-height:1.05;text-align:center}.sequence-remove{position:absolute;top:-8px;right:-7px;z-index:3;width:21px;height:21px;display:none;padding:0;border:2px solid #fff;border-radius:50%;color:#fff;background:#ed4965;font-size:15px;line-height:15px;cursor:pointer}.sequence-block:hover>.sequence-remove,.sequence-block:focus-within>.sequence-remove{display:block}.sequence-block-fields{position:relative;z-index:2;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.sequence-block-fields label{display:flex;flex-direction:column;align-items:center}.sequence-block-fields label>span{font-size:7px;line-height:1}.sequence-block-fields select{max-width:78px;padding:2px;border:1px solid rgba(21,32,57,.24);border-radius:6px;color:#17213b;background:#fff;font-size:9px;font-weight:900}.sequence-move{position:absolute;bottom:-17px;display:none;gap:2px}.sequence-block:hover>.sequence-move,.sequence-block:focus-within>.sequence-move{display:flex}.sequence-move button{width:25px;height:20px;padding:0;border:1px solid #ccd5e7;border-radius:7px;background:#fff;cursor:pointer;font-weight:900}.sequence-move button:disabled{opacity:.35}.sequence-block.repeat{width:auto;min-width:112px;align-items:stretch;padding:7px}.sequence-block.repeat:after{top:34px}.sequence-block.repeat>.sequence-block-icon,.sequence-block.repeat>.sequence-block-label{align-self:center}.repeat-body{margin-top:5px;padding:5px;border-radius:11px;background:#ffffffbf}.repeat-body>small{align-self:flex-start;color:#6d4d20;font-size:7px;font-weight:900;text-transform:uppercase;writing-mode:vertical-rl}.sequence-first-step{width:180px;height:100px;display:grid;grid-template-columns:60px 1fr;grid-template-rows:1fr 1fr;align-items:center;margin:18px auto;padding:12px;border:3px dashed #ddad15;border-radius:20px;color:#4a3900;background:#fff7ce;cursor:pointer}.sequence-first-step-icon{grid-row:1 / 3;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(65,37,112,.25))}.sequence-first-step strong{align-self:end;font-size:13px}.sequence-first-step small{align-self:start}.sequence-editor[data-age="4-5"]{grid-template-rows:58px 100px minmax(0,1fr)}.sequence-editor[data-age="4-5"] .sequence-categories button{min-width:76px;flex-direction:column;padding:3px 8px;font-size:10px}.sequence-editor[data-age="4-5"] .sequence-category-icon{width:34px;height:34px}.sequence-editor[data-age="4-5"] .palette-block{width:88px;height:80px}.sequence-editor[data-age="4-5"] .palette-block-icon{width:46px;height:46px}.sequence-categories button,.palette-block,.sequence-inline-add,.sequence-first-step,.sequence-remove,.sequence-move button,.sequence-block-fields select{touch-action:manipulation}.sequence-categories button{min-height:48px}.sequence-inline-add{width:44px;height:44px}.sequence-block-fields select{min-height:32px}@media(hover:hover)and (pointer:fine){.palette-block:hover,.palette-block:focus-visible{z-index:5;transform:translateY(-3px) scale(1.035);box-shadow:inset 0 2px #ffffffb8,inset 0 -3px #39196829,0 9px 16px #472a8242}}@media(hover:none),(pointer:coarse){.palette-block:hover{transform:none}.palette-block:active,.sequence-first-step:active,.sequence-inline-add:active{transform:scale(.96)}.sequence-script{margin-bottom:28px}.sequence-remove{width:32px;height:32px;display:block;top:-13px;right:-11px;line-height:26px}.sequence-remove:before,.sequence-move button:before{content:"";position:absolute;inset:-6px}.sequence-move{display:flex;bottom:-24px}.sequence-move button{position:relative;width:34px;height:28px}}@media(max-width:900px)and (orientation:portrait){html[data-junior-editor=sequence] .junior-app{grid-template-rows:66px minmax(285px,40%) minmax(0,1fr)}.sequence-editor{grid-template-rows:56px 96px minmax(0,1fr)}.sequence-categories button{min-width:82px}.sequence-programs{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@media(max-width:640px){.script-heading{gap:7px;padding-inline:8px}.editor-mode{max-width:112px;overflow:hidden;text-overflow:ellipsis}.sequence-categories{padding-inline:4px}.sequence-categories button{min-width:74px;padding-inline:6px}}@media(max-height:600px){html[data-junior-editor=sequence] .junior-app{grid-template-rows:54px minmax(178px,39%) minmax(185px,1fr)}.sequence-editor{grid-template-rows:48px 82px minmax(0,1fr)}.sequence-categories button{min-height:44px}.sequence-category-icon{width:27px;height:27px}.palette-block{width:76px;height:64px}.palette-block-icon{width:34px;height:34px}}.sequence-editor[data-age="4-5"] .sequence-block{width:98px;min-height:84px}.sequence-editor[data-age="4-5"] .sequence-block-icon{width:48px;height:48px}.sequence-editor[data-age="4-5"] .sequence-block-label{font-size:11px}.sequence-editor[data-age="4-5"] .sequence-block-fields label>span,.sequence-editor[data-age="4-5"] .palette-help{display:none}.sequence-editor[data-age="4-5"] .sequence-block-fields select{padding:3px;font-size:10px}@media(max-width:900px){.editor-mode{display:none}.sequence-categories button{min-width:80px}.profile-picker>span{display:none}}