:root{--bg:#e9efed;--panel:#f8fbfa;--card:#fff;--ink:#12211e;--ink-2:#2c4641;--muted:#5b716c;--muted-2:#7b8f8a;--line:#d4e0dd;--line-soft:#e4ecea;--accent:#0b8a7d;--accent-strong:#0a6f65;--accent-deep:#0a5a52;--accent-soft:#e6f4f1;--accent-soft-2:#f1f8f6;--accent-line:#a9d8d1;--accent-2:#2fb3a3;--gold:#c98a1b;--gold-soft:#fff7e5;--gold-line:#f0dcae;--danger:#c0392b;--danger-soft:#fdecea;--phone:#111827;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--r-pill:999px;--sh-1:0 1px 2px #1028240f;--sh-2:0 2px 8px #10282414;--sh-3:0 10px 28px #10282424;--sh-4:0 22px 54px #10282433;--ring:0 0 0 3px #0b8a7d2e;--t-fast:.13s ease;--t-base:.18s ease;--t-slow:.24s cubic-bezier(.22, .8, .28, 1);--z-stage:2;--z-dock:60;--z-popover:80;--z-modal:200;--topbar-h:42px;--mix-nav-h:42px;--nav-left-btn-height:28px;--mix-footer-h:26px;--left-w:clamp(200px, 15vw, 320px);--right-w:clamp(288px, 20vw, 380px);--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:15px;--text:var(--ink);color:var(--ink);background:var(--bg);font-family:Noto Sans SC,Lato,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms}}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;height:100%;margin:0}.ide{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex;overflow:hidden}.ide input,.ide textarea,.ide select{-webkit-user-select:none;user-select:none}.left input,.left textarea,.right input,.right textarea,.mixly-nav input,.palette-search,.ai-settings input,.ai-composer textarea,.ai-dock input,.ai-dock textarea,.code-pane-body{-webkit-user-select:text;user-select:text}.usage-panel,.usage-panel *,.ai-log,.ai-log *,.ai-thread,.ai-thread *,.cloud-modal,.cloud-modal *,.auth-card,.auth-card *{-webkit-user-select:text!important;user-select:text!important}.center,.center *,.demo-backdrop,.demo-backdrop *{-webkit-user-select:none!important;user-select:none!important}.center .code-pane-body,.center .code-pane-body *,.blocklyHtmlInput,.blocklyWidgetDiv,.blocklyWidgetDiv *{-webkit-user-select:text!important;user-select:text!important}.mixly-nav{height:var(--topbar-h);max-height:var(--topbar-h);background:linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;box-shadow:var(--sh-1);z-index:var(--z-popover);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-family:inherit;display:flex;position:relative}.mixly-nav-left,.mixly-nav-center,.mixly-nav-right{align-items:center;gap:2px;min-width:0;display:flex}.mixly-nav-left{flex:1 1 0;justify-content:flex-start}.mixly-nav-center{flex:none;justify-content:center}.mixly-nav-right{flex:1 1 0;justify-content:flex-end}.mixly-ico{vertical-align:-.12em;opacity:.95;flex-shrink:0;width:1em;height:1em;margin:0 .15em;display:inline-block}.mixly-ico.menu-shown{transition:transform var(--t-base);transform:rotate(180deg)}.mixly-nav-item{color:#fff;height:var(--nav-left-btn-height);border-radius:var(--r-sm);cursor:pointer;font-size:13.5px;font-weight:600;line-height:calc(var(--nav-left-btn-height) - 2px);white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;align-items:center;gap:2px;margin:0 1px;padding:0 9px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.mixly-nav-text{color:#ffffffe0;transition:color var(--t-fast)}.mixly-nav-item:hover{box-shadow:none;background:#ffffff24;border-color:#0000}.mixly-nav-item:hover .mixly-nav-text,.mixly-nav-item.open .mixly-nav-text{color:#fff}.mixly-nav-item:active{background:#fff3;border-color:#0000}.mixly-nav-item:disabled{opacity:.4;cursor:default;box-shadow:none;background:0 0;border-color:#0000}.mixly-nav-item.open{box-shadow:none;background:#ffffff2e;border-color:#0000}.mixly-home{letter-spacing:.01em;color:#fff;align-items:center;padding:0 8px;font-size:17px;font-weight:700;display:inline-flex}.mixly-brand{height:var(--nav-left-btn-height);letter-spacing:.01em;color:#fff;cursor:default;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff38;align-items:center;margin:0 6px 0 0;padding:0 10px 0 4px;font-size:17px;font-weight:700;display:inline-flex}.mixly-brand-text{align-items:baseline;gap:6px;display:inline-flex}.mixly-brand-ver{opacity:.78;letter-spacing:.02em;font-size:11px;font-weight:600}.mixly-home-mark{border-radius:var(--r-xs);object-fit:contain;background:#ffffff29;width:19px;height:19px;margin-right:7px;padding:1px}.mixly-nav-icon-btn{height:26px;padding:0 6px;font-size:15px}.mixly-nav-icon-btn .mixly-ico{margin:0 2px}.mixly-mode-group{border-radius:var(--r-md);background:#00000029;border:1px solid #ffffff24;align-items:center;margin:0 4px;padding:2px;line-height:1;display:inline-flex;box-shadow:inset 0 1px 2px #00000014}.mixly-mode-group button{color:#fff;border-radius:var(--r-sm);cursor:pointer;height:24px;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;align-items:center;gap:2px;margin:0;padding:0 10px;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex}.mixly-mode-group button .mixly-nav-text{color:#ffffffd1}.mixly-mode-group button.active{box-shadow:var(--sh-1);border-color:#0000;background:#fff!important}.mixly-mode-group button.active .mixly-nav-text{color:var(--accent-strong)}.mixly-mode-group button.active .mixly-ico{color:var(--accent-strong);opacity:1}.mixly-mode-group button:hover:not(.active){box-shadow:none;background:#ffffff24;border-color:#0000}.mixly-mode-group button:hover:not(.active) .mixly-nav-text{color:#fff}.mixly-nav-select{border-radius:var(--r-sm);min-width:96px;max-width:160px;height:26px;color:var(--ink);cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fffffff2;border:1px solid #ffffff80;outline:none;margin:0 4px;padding:0 8px;font-size:13px}.mixly-nav-select:hover{box-shadow:var(--sh-1);border-color:#fff}.mixly-nav-select:focus{box-shadow:var(--ring);border-color:#fff}.mixly-nav-select option{color:var(--ink);background:#fff}.mixly-nav-user{text-overflow:ellipsis;white-space:nowrap;color:#fff;opacity:.94;max-width:88px;padding:0 8px;font-size:13px;overflow:hidden}.mixly-menu{position:relative}.mixly-menu-drop{min-width:196px;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);z-index:1001;animation:pop-in var(--t-base);background:#fff;padding:5px;position:absolute;top:calc(100% + 6px);right:0}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.mixly-menu-drop button{text-align:left;cursor:pointer;width:100%;color:var(--ink-2);border-radius:var(--r-sm);box-sizing:border-box;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-size:13px;line-height:1.35;display:flex}.mixly-menu-drop button .mixly-ico{color:var(--muted)}.mixly-menu-drop button .hot-key{color:var(--muted-2);margin-left:auto;font-size:11.5px}.mixly-menu-drop button:hover{background:var(--accent-soft);color:var(--accent-strong)}.mixly-menu-drop button:hover .mixly-ico,.mixly-menu-drop button:hover .hot-key{color:var(--accent-strong)}.mixly-menu-drop button:disabled{opacity:.4;cursor:default}.mixly-menu-drop button:disabled:hover{color:var(--ink-2);background:0 0}.mixly-menu-sep{background:var(--line-soft);opacity:1;height:1px;margin:4px 6px}.mixly-menu-drop.settings-drop{min-width:220px;padding:8px 0 4px}.mixly-menu-drop.settings-drop>button.on,.mixly-menu-drop.settings-drop>button.on .mixly-ico{color:var(--accent-strong)}.mixly-menu-drop.settings-drop label{color:#555;flex-direction:column;gap:6px;padding:4px 12px 8px;font-size:12px;display:flex}.mixly-menu-drop.settings-drop input{border:1px solid #cfe0db;border-radius:4px;padding:6px 8px;font-size:13px}.mixly-menu-drop.settings-drop .adv-mode-row{color:#1a2e2b;flex-direction:row;align-items:center;gap:8px;font-weight:600}.mixly-menu-drop.settings-drop .adv-mode-row input{width:auto;padding:0}.mixly-menu-drop.settings-drop .adv-mode-hint{color:#6b7a77;margin:0 12px 8px;font-size:11px;line-height:1.4}.mixly-menu-drop.settings-drop .apk-icon-row{color:#555;flex-direction:column;gap:6px;padding:4px 12px;font-size:12px;display:flex}.mixly-menu-drop.settings-drop .apk-icon-label{color:#1a2e2b;font-weight:600}.mixly-menu-drop.settings-drop .apk-icon-preview-wrap{align-items:center;gap:10px;display:flex}.mixly-menu-drop.settings-drop .apk-icon-preview{object-fit:cover;background:#fff;border:1px solid #cfe0db;border-radius:10px;width:48px;height:48px}.mixly-menu-drop.settings-drop .apk-icon-placeholder{color:#7a8a86;background:#f4f8f7;border:1px dashed #b0bfba;border-radius:10px;place-items:center;width:48px;height:48px;font-size:11px;display:grid}.mixly-menu-drop.settings-drop .apk-icon-actions{flex-direction:column;gap:4px;display:flex}body.mixly-hide-footer .mix-footer{display:none}.topbar{height:var(--topbar-h);color:#fff;background:linear-gradient(90deg,#00796b 0%,#009688 52%,#26c6a8 100%);flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex;box-shadow:0 1px #0000001f}.brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.home-btn{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:6px;place-items:center;width:28px;height:28px;font-size:16px;text-decoration:none;display:grid}.home-btn:hover{background:#ffffff3d}.brand-text{font-size:16px;font-weight:800}.board-name{opacity:.92;border-left:1px solid #ffffff59;padding-left:8px;font-size:14px;font-weight:600}.project-name{width:180px;max-width:22vw;color:var(--ink);background:#fffffff2;border:none;border-radius:8px;padding:7px 10px;font-size:14px}.tabs{background:#00000029;border-radius:10px;gap:2px;margin-left:4px;padding:3px;display:inline-flex}.tabs button{color:#ffffffd1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600}.tabs button.active{color:var(--accent);background:#fff}.actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.btn{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--accent-strong);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;justify-content:center;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex}.btn:hover{border-color:var(--accent-line);background:var(--accent-soft-2)}.btn:active{background:var(--accent-soft)}.btn.ghost{color:var(--ink-2);border:1px solid var(--line);background:#fff}.btn.ghost:hover{background:var(--panel);border-color:var(--accent-line)}.btn.tiny{background:var(--accent-soft-2);color:var(--accent-strong);border-color:var(--accent-line);padding:4px 9px;font-size:12px}.btn.tiny:hover{background:var(--accent-soft)}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#f3c9c3}.btn.danger:hover{background:#fbdcd7}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--sh-1)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn:disabled{opacity:.45;cursor:default}.ide-body{grid-template-columns:var(--left-w) minmax(0, 1fr) var(--right-w);flex:1;min-height:0;display:grid}.ide-body.blocks-mode{grid-template-columns:minmax(0,1fr)}.left,.right{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.left{border-right:1px solid var(--line);width:100%;min-width:0;position:relative}.left-resizer{z-index:5;cursor:col-resize;touch-action:none;width:6px;height:100%;position:absolute;top:0;right:-3px}.left-resizer:after{content:"";width:2px;transition:background var(--t-fast);background:0 0;position:absolute;top:0;bottom:0;left:2px}.left-resizer:hover:after,body.is-resizing-left .left-resizer:after{background:var(--accent);opacity:.55}body.is-resizing-left,body.is-resizing-left *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.is-resizing-left iframe{pointer-events:none}.right{border-left:1px solid var(--line)}.center{background-color:var(--bg);background-image:radial-gradient(70% 50% at 50% -10%,#ffffffbf,#0000 70%),repeating-linear-gradient(0deg,#123c360d 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#123c360d 0 1px,#0000 1px 26px);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.side-tabs{border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:0;padding:0;display:grid}.side-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:0;padding:10px 2px 9px;font-size:13.5px;font-weight:600;position:relative}.side-tabs button:hover{color:var(--accent-strong);background:var(--accent-soft-2)}.side-tabs button.active{color:var(--accent-strong);background:var(--panel);font-weight:700}.side-tabs button.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:18%;right:18%}.side-tab-label{white-space:nowrap;line-height:1.2;display:block}.left-body{flex-direction:column;flex:1;min-height:0;display:flex}.comp-tree-panel{padding-top:2px}.ct-screen{margin-bottom:8px}.ct-screen-row{align-items:stretch;gap:4px;display:flex}.ct-screen-row .ct-row{flex:1;min-width:0}.ct-node{min-width:0}.ct-branch{border-left:1.5px solid #b5d4ce;margin:1px 0 2px 20px;padding-left:14px}.ct-node:last-child>.ct-branch{border-left-color:#0000}.ct-row{border-radius:var(--r-sm);cursor:pointer;min-height:30px;transition:background var(--t-fast);align-items:center;gap:6px;padding:0 8px;display:flex}.ct-row:hover{background:var(--accent-soft-2)}.ct-row.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.ct-row.is-screen{background:var(--accent-soft-2);border-radius:var(--r-sm);min-height:34px}.ct-row.is-screen:hover,.ct-row.is-screen.active{background:var(--accent-soft)}.ct-row.is-group{background:#f6faf9}.ct-row.is-group:hover{background:var(--accent-soft-2)}.ct-row.is-group.active{background:var(--accent-soft)}.ct-row.is-hidden{background:#f4f6f6}.ct-row.is-hidden .ct-name{color:var(--muted)}.ct-twist{width:16px;height:18px;color:var(--accent-strong);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:13px;line-height:18px}.ct-twist.leaf{cursor:default;visibility:hidden}.ct-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.ct-row.is-screen .ct-name,.ct-row.is-group .ct-name{color:var(--ink);font-weight:700}.ct-kind{color:var(--muted-2);flex-shrink:0;font-size:11.5px}.ct-badge{border-radius:var(--r-pill);background:var(--accent-soft);min-width:18px;height:18px;color:var(--accent-strong);text-align:center;flex-shrink:0;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.fold-group{min-width:0;margin:0 0 4px}.fold-head-wrap{align-items:stretch;gap:4px;display:flex}.fold-head-wrap .fold-head{flex:1;min-width:0}.fold-head{border:none;border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--accent-soft);cursor:pointer;text-align:left;width:100%;transition:background var(--t-fast);align-items:center;gap:6px;margin:0;padding:8px 9px;display:flex}.fold-head:hover,.fold-group.open>.fold-head,.fold-head.active{background:#d9ece8}.fold-head.muted-head{background:#eef2f1;border-left-color:#9fb0ac}.fold-head.muted-head .fold-title{color:var(--muted)}.fold-chevron{width:16px;color:var(--accent-strong);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:13px;line-height:1}.fold-title{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:700;overflow:hidden}.fold-item .fold-title{font-weight:600}.fold-meta{color:var(--muted);flex-shrink:0;font-size:11.5px;font-weight:600}.fold-body{border-left:2px solid var(--accent-line);background:#0b8a7d08;flex-direction:column;gap:4px;margin:0 0 6px 10px;padding:5px 0 7px 9px;display:flex}.fold-item{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;min-height:38px;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;align-items:center;gap:8px;padding:6px 9px;display:flex}.fold-item:hover{background:var(--accent-soft-2);border-color:var(--accent-line);box-shadow:var(--sh-1)}.fold-item.active{background:var(--accent-soft);border-color:var(--accent)}.fold-body>.fold-group{margin-bottom:2px}.fold-body>.fold-group>.fold-head{padding:7px 9px}.panel-heading{color:var(--muted);letter-spacing:.12em;border-bottom:1px solid var(--line);background:var(--panel);text-transform:uppercase;flex-shrink:0;padding:9px 12px 8px;font-size:12px;font-weight:700}.panel-scroll{flex:1;min-height:0;padding:10px;overflow:auto}.panel-hint{color:var(--muted);margin:0 0 10px;font-size:12.5px;line-height:1.5}.section-title{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin:14px 0 8px;font-size:12px;font-weight:700}.section-title:first-child{margin-top:0}.section-title.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.palette-toolbar{z-index:2;background:var(--panel);flex-direction:column;gap:6px;margin:-2px 0 6px;padding:2px 0 6px;display:flex;position:sticky;top:0}.palette-search{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;padding:7px 10px;font-size:13.5px}.palette-search::placeholder{color:var(--muted-2)}.palette-search:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.palette-empty{text-align:center;color:var(--muted);padding:14px 6px;font-size:13px}.palette-cat-icon,.palette-cat-hint{display:none}.palette-item-row{align-items:stretch;gap:5px;margin-bottom:5px;display:flex}.palette-item-row:last-child{margin-bottom:0}.palette-item-row .palette-item{flex:1;min-width:0;margin-bottom:0}.tree-item-row{align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.tree-item-row .tree-item{flex:1;min-width:0;margin-bottom:0}.palette-text{flex:1;min-width:0;overflow:hidden}.palette-label{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13.5px;font-weight:600;line-height:1.25;overflow:hidden}.palette-item,.tree-item{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);cursor:grab;width:100%;color:var(--ink-2);min-height:40px;transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);background:#fff;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:0;padding:8px 9px;font-size:13.5px;display:flex}.palette-item:hover,.tree-item:hover{border-color:var(--accent-line);background:var(--accent-soft-2);box-shadow:var(--sh-1)}.palette-item:active{cursor:grabbing;background:var(--accent-soft)}.tree-item{cursor:pointer;margin-bottom:5px}.tree-item.active,.project-row.active .tree-item{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.tree-type{color:var(--muted-2);flex-shrink:0;font-size:11.5px;font-weight:500}.palette-icon{border-radius:var(--r-sm);background:var(--accent-soft);width:26px;height:26px;color:var(--accent-strong);flex-shrink:0;place-items:center;font-size:14px;display:grid}.palette-icon.hid{color:#5f6368;background:#eceff1}.muted{color:var(--muted);font-size:12.5px}.tree-item .muted,.local-item-meta{margin-left:0}.palette-item .muted{margin-left:auto}.props-actions{align-items:center;gap:6px;display:flex}.apk-progress-backdrop{z-index:1200;background:#2021247a;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.apk-progress-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(420px,100%);padding:22px 22px 18px;box-shadow:0 16px 48px #00000038}.apk-progress-title{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:650}.apk-progress-msg{color:var(--muted);word-break:break-word;min-height:1.4em;margin-bottom:14px;font-size:13px}.apk-progress-track{background:#e8f0ee;border-radius:999px;height:10px;overflow:hidden}.apk-progress-fill{background:linear-gradient(90deg,#00897b,#26a69a);border-radius:999px;height:100%;transition:width .35s}.apk-progress-pct{font-variant-numeric:tabular-nums;color:var(--accent);margin-top:10px;font-size:13px;font-weight:600}.apk-progress-hint{color:var(--muted);margin-top:8px;font-size:12px}.cloud-modal-backdrop{z-index:1300;background:#2021247a;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.cloud-modal{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(420px,100%);padding:18px 20px 16px;box-shadow:0 16px 48px #00000038}.cloud-modal.publish-wide{width:min(540px,100%)}.cloud-modal-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cloud-modal-head h2{color:#009688;margin:0;font-size:17px}.cloud-modal-x{cursor:pointer;color:#666;background:0 0;border:none;font-size:22px;line-height:1}.cloud-modal-hint{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.45}.cloud-modal-tabs{gap:8px;margin-bottom:12px;display:flex}.cloud-modal-tabs button{cursor:pointer;background:#fff;border:1px solid #cfd8dc;border-radius:6px;flex:1;height:30px}.cloud-modal-tabs button.on{color:#fff;background:#009688;border-color:#009688}.cloud-field{flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.cloud-field input{border:1px solid #cfd8dc;border-radius:6px;height:32px;padding:0 10px;font-size:14px}.cloud-share-url{color:#00796b;word-break:break-all;background:#f7fbfa;border:1px solid #cfd8dc;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.45;text-decoration:underline;display:block}.cloud-share-url:hover{color:#004d40;background:#e8f5f3}.cloud-share-lan{flex-direction:column;gap:4px;display:flex}.cloud-share-lan a{color:#00796b;word-break:break-all}.cloud-modal-error{color:#c62828;margin-bottom:10px;font-size:13px}.cloud-modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.wechat-group-modal{text-align:center;width:min(400px,100%)}.wechat-group-modal .cloud-modal-head{text-align:left}.wechat-group-modal .cloud-modal-head h2{font-size:16px;line-height:1.35}.wechat-group-modal .cloud-modal-hint{text-align:left}.wechat-group-qr-wrap{justify-content:center;margin:4px 0 12px;display:flex}.wechat-group-qr{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(280px,70vw);height:auto;display:block}.wechat-group-modal .cloud-modal-actions,.wechat-group-modal .wechat-group-actions{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.wechat-group-skip{color:var(--muted,#6b7a77);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:13px;display:inline-flex}.wechat-group-skip input{width:auto;accent-color:var(--accent,#1a8f7a);margin:0}.auth-card{background:#fff;border:1px solid #d7e3e0;border-radius:4px;width:min(440px,100%);font-family:Noto Sans SC,Microsoft YaHei,Segoe UI,sans-serif;overflow:hidden;box-shadow:0 18px 50px #00282447}.auth-card-banner{color:#fff;background:linear-gradient(#009688 0%,#00796b 100%);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 16px;display:flex}.auth-card-brand{align-items:center;gap:12px;min-width:0;display:flex}.auth-card-mark{background:#ffffff29;border:1px solid #ffffff47;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.auth-card-mark img{object-fit:contain;width:22px;height:22px}.auth-card-kicker{opacity:.88;letter-spacing:.04em;margin-bottom:4px;font-size:12px}.auth-card-banner h2{letter-spacing:.06em;margin:0;font-size:20px;font-weight:650}.auth-card-x{color:#fff;cursor:pointer;opacity:.88;background:0 0;border:none;padding:0 2px;font-size:26px;line-height:1}.auth-card-x:hover{opacity:1}.auth-card-body{padding:18px 22px 8px}.auth-card-tabs{border-bottom:1px solid #e0e7e5;margin-bottom:14px;display:flex}.auth-card-tabs button{color:#5f6d6a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;height:38px;margin-bottom:-1px;font-size:15px}.auth-card-tabs button.on{color:#00796b;border-bottom-color:#009688;font-weight:650}.auth-card-lead{color:#4a5b58;margin:0 0 16px;font-size:13px;line-height:1.55}.auth-field{color:#1a2e2b;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.auth-field input{color:#1a2e2b;background:#fafcfc;border:1px solid #c5d4d0;border-radius:3px;height:38px;padding:0 12px;font-size:14px;font-weight:400}.auth-field input:focus{background:#fff;border-color:#009688;outline:none;box-shadow:0 0 0 3px #00968826}.auth-field-row{gap:8px;display:flex}.auth-field-row input{flex:1;min-width:0}.auth-eye{color:#00796b;cursor:pointer;background:#fff;border:1px solid #c5d4d0;border-radius:3px;flex-shrink:0;width:64px;height:38px;font-size:13px}.auth-card-error{color:#b71c1c;background:#fdecea;border:1px solid #f5c6c2;border-radius:3px;margin-bottom:12px;padding:8px 10px;font-size:13px}.auth-submit{color:#fff;letter-spacing:.12em;cursor:pointer;background:#009688;border:none;border-radius:3px;width:100%;height:40px;font-size:15px;font-weight:650}.auth-submit:hover:not(:disabled){background:#00897b}.auth-submit:disabled{opacity:.65;cursor:default}.auth-skip{color:#5f6d6a;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;width:100%;margin:8px 0 10px;font-size:13px;text-decoration:underline;display:block}.auth-card-foot{background:#f4f8f7;border-top:1px solid #e6eeec;padding:12px 22px 14px}.auth-card-foot p{color:#5a6a67;margin:0;font-size:12px;line-height:1.55}.auth-card-foot p+p{margin-top:4px}.auth-card-foot strong{color:#1a2e2b;font-weight:650}.apk-progress-steps{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.apk-step{color:var(--muted);background:#eef2f1;border-radius:999px;padding:3px 8px;font-size:11px}.apk-step.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.apk-done-list{color:var(--text);margin:0 0 14px;padding-left:18px;font-size:12px;line-height:1.55}.apk-done-list code{word-break:break-all;font-size:11px}.apk-done-actions{justify-content:flex-end;gap:8px;display:flex}.apk-done-actions .btn.ghost{color:var(--text);border:1px solid var(--line);background:#f1f3f4}.usage-dock{z-index:80;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:1px;right:4px}body.mixly-hide-footer .usage-dock{bottom:8px;left:10px;right:auto}.usage-fab{pointer-events:auto;color:#fff;cursor:pointer;width:20px;height:20px;box-shadow:none;background:#fff3;border:none;border-radius:3px;font-size:13px;font-weight:700;line-height:1;transition:background .15s,color .15s}.usage-fab:hover{background:#ffffff59;transform:none}.usage-panel{pointer-events:auto;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;width:min(520px,100vw - 48px);height:min(62vh,560px);display:flex;overflow:hidden;box-shadow:0 12px 36px #0003}.usage-panel-head{border-bottom:1px solid var(--line);background:#f3faf9;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.usage-tabs{background:#e4f0ee;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.usage-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.usage-tabs button.active{color:var(--accent);background:#fff}.usage-keys{flex:1;min-height:0;padding:12px 14px 16px;overflow:auto}.usage-keys-lead{color:var(--muted);margin:0 0 10px;font-size:12px}.usage-keys table{border-collapse:collapse;width:100%;font-size:12px}.usage-keys th,.usage-keys td{text-align:left;vertical-align:top;border-bottom:1px solid #e8eeec;padding:7px 8px}.usage-keys th{color:var(--muted);font-size:13px;font-weight:700}.usage-key-run{color:#134e4a;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.usage-key-run:hover{color:var(--accent);text-decoration:underline}.usage-keys kbd{white-space:nowrap;background:#f7fbfa;border:1px solid #c9d8d4;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:13px;font-weight:700;display:inline-block}.usage-search{border:1px solid var(--line);border-radius:8px;flex-shrink:0;height:30px;margin:8px 10px 0;padding:0 10px;font-size:14px}.usage-panel-body{flex:1;grid-template-columns:132px minmax(0,1fr);min-height:0;display:grid}.usage-list{border-right:1px solid var(--line);background:#f7fbfa;padding:8px 6px 12px;overflow:auto}.usage-cat+.usage-cat{margin-top:8px}.usage-cat-label{color:var(--muted);padding:2px 6px 4px;font-size:12px;font-weight:700}.usage-list button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:6px;padding:6px;font-size:14px;display:block}.usage-list button.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.usage-detail{min-width:0;overflow:auto}.usage-detail-title{margin:12px 18px 0;font-size:16px}.usage-detail .help-modal-kicker{padding:12px 18px 0}.usage-detail .help-modal-body{padding-top:10px}.help-modal-backdrop{z-index:1000;background:#20212473;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.help-modal{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:min(86vh,720px);display:flex;overflow:hidden;box-shadow:0 16px 48px #00000038}.help-modal-head{border-bottom:1px solid var(--line);background:linear-gradient(#f3faf9,#fff);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.help-modal-kicker{color:var(--muted);margin-bottom:4px;font-size:11px}.help-modal-head h2{color:#1a2b2a;margin:0;font-size:18px;font-weight:700}.help-modal-body{color:#3c4043;padding:14px 18px 20px;font-size:13px;line-height:1.55;overflow:auto}.help-summary{background:var(--accent-soft);color:#0d5c54;border-radius:8px;margin:0 0 14px;padding:10px 12px}.help-modal-body h3{color:#202124;margin:14px 0 8px;font-size:13px;font-weight:700}.help-modal-body section:first-of-type h3{margin-top:0}.help-modal-body ol,.help-modal-body ul{margin:0;padding-left:1.25em}.help-modal-body li+li{margin-top:4px}.help-line{margin:0 0 6px}.help-example{background:#f7fcfb;border:1px dashed #7bc4bb;border-radius:10px;margin-top:4px;padding:10px 12px}.help-example h3{margin-top:0!important}.help-blocks-hint{color:var(--accent);margin:8px 0 0;font-size:12px;font-weight:600}.designer-wrap{background-image:radial-gradient(66% 44% at 50% 0,#fffc,#0000 66%),repeating-linear-gradient(0deg,#123c360b 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#123c360b 0 1px,#0000 1px 26px);background-color:var(--bg);flex:1;grid-template-columns:1fr;gap:0;height:100%;min-height:0;display:grid}.designer-wrap.single-stage .phone-stack{width:min(400px,92cqw,min(780px,94cqh)/2)}.designer-wrap.single-stage .phone-device{height:min(780px,94cqh)}.designer-pane{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.designer-pane+.designer-pane:before{content:"";background:linear-gradient(180deg, transparent, var(--line) 18%, var(--line) 82%, transparent);pointer-events:none;width:1px;position:absolute;top:14%;bottom:14%;left:0}.pane-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 0;display:flex}.pane-chip{border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-1);background:#fff;align-items:center;gap:9px;padding:6px 13px 6px 11px;display:flex}.pane-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pane-chip-dot.design{background:#90a4ae;box-shadow:0 0 0 3px #90a4ae33}.pane-chip-dot.preview{background:var(--accent);box-shadow:0 0 0 3px #0b8a7d29}.pane-title{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.2}.pane-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.stage-tabs{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);background:#fff;gap:2px;padding:3px;display:inline-flex}.stage-tabs button{color:var(--muted);border-radius:var(--r-sm);cursor:pointer;transition:color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);background:0 0;border:none;padding:5px 15px;font-size:13px;font-weight:600}.stage-tabs button:hover{color:var(--ink)}.stage-tabs button.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none;font-weight:700}.pane-body{flex:1;min-height:0;padding:8px 10px 12px;overflow:auto}.designer-stage,.preview-stage{outline:none;justify-content:center;align-items:center;display:flex;position:relative;container-type:size}.d-dnd{cursor:grab}.d-dnd.is-root{cursor:default}.d-dnd.is-over>.d-node,.d-dnd.is-over{outline-offset:1px;outline:2px dashed #009688}.d-dnd:not(.is-root):active{cursor:grabbing}.mix-trash{z-index:6;opacity:.4;cursor:default;background:0 0;border:none;width:47px;height:60px;padding:0;transition:opacity 80ms ease-out;position:absolute;bottom:18px;right:16px}.mix-trash:hover,.mix-trash.mix-trash-open{opacity:.8}.mix-trash-svg{display:block}.mix-trash-lid{transform-box:fill-box;transform-origin:90% 80%;transition:transform 80ms ease-out}.mix-trash-open .mix-trash-lid{transform:rotate(45deg)}.phone-stack{flex-direction:column;align-items:center;width:min(360px,94cqw,min(720px,90cqh)/2);display:flex}.phone-device{border-radius:40px;flex-direction:column;flex-shrink:0;width:100%;height:min(720px,90cqh);padding:10px 9px 9px;display:flex;position:relative}.phone-device:after{content:"";border-radius:inherit;pointer-events:none;opacity:.75;background:linear-gradient(100deg,#ffffff80 0%,#fff0 22% 78%,#ffffff47 100%);position:absolute;inset:0}.phone-design{background:linear-gradient(158deg,#fff 0%,#f1f3f6 34%,#dee2e8 74%,#cbd0d8 100%);box-shadow:0 0 0 1px #b6bcc6,0 0 0 2px #e6e9ee,inset 0 1px #fffffff2,0 26px 48px -20px #1118274d}.phone-preview{background:linear-gradient(158deg,#454c58 0%,#262b33 46%,#14171c 100%);box-shadow:0 0 0 1px #4d5462,0 0 0 2px #2b303a,inset 0 1px #ffffff29,0 30px 54px -20px #0a0e147a}.designer-wrap.preview-only .phone-stack{width:min(300px,86cqw,min(620px,78cqh)/2)}.designer-wrap.preview-only .phone-device{height:min(620px,78cqh)}.phone-ear{border-radius:var(--r-pill);z-index:2;background:#14171c;justify-content:center;align-items:center;gap:8px;width:80px;height:17px;padding:0 9px;display:flex;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0f}.phone-design .phone-ear{background:#1c1f26}.phone-ear-speaker{background:#3a3f4a;border-radius:4px;width:28px;height:4px}.phone-ear-cam{background:radial-gradient(circle at 35% 35%,#8ec8ff,#1a3a5c 70%);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #0b0d12}.phone-status-bar{letter-spacing:.01em;z-index:3;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;height:28px;padding:9px 16px 0;font-size:12.5px;font-weight:700;display:flex;position:relative}.phone-design .phone-status-bar{color:#202124}.phone-preview .phone-status-bar{color:#e8eaed}.phone-time{letter-spacing:.02em}.phone-sys{justify-content:flex-end;align-items:center;gap:6px;display:flex}.phone-sig{align-items:flex-end;gap:1.5px;height:10px;display:inline-flex}.phone-sig i{background:currentColor;border-radius:1px;width:2.5px;display:block}.phone-sig i:first-child{opacity:.45;height:4px}.phone-sig i:nth-child(2){opacity:.65;height:6px}.phone-sig i:nth-child(3){opacity:.85;height:8px}.phone-sig i:nth-child(4){height:10px}.phone-bat{box-sizing:content-box;opacity:.92;border:1px solid;border-radius:2px;width:16px;height:8px;position:relative}.phone-bat:before{content:"";background:#69f0ae;border-radius:1px;position:absolute;inset:1px 4px 1px 1px}.phone-bat:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:1.5px;right:-3px}.phone-screen{z-index:3;background:#fff;border-radius:28px;flex:1;width:100%;min-height:0;padding:10px;position:relative;overflow:auto}.phone-design .phone-screen{box-shadow:inset 0 0 0 1px #0f1e1a0f}iframe.phone-screen{background:#fff;border:0;padding:0;display:block}.phone-home{border-radius:var(--r-pill);z-index:3;flex-shrink:0;width:96px;height:4px;margin:9px auto 5px;position:relative}.phone-design .phone-home{background:#20212442}.phone-preview .phone-home{background:#ffffff52}.phone-shadow{background:radial-gradient(#11182733,#0000 70%);width:74%;height:16px;margin-top:6px}.phone-caption{color:var(--ink-2);letter-spacing:.06em;border-radius:var(--r-pill);border:1px solid var(--line);box-shadow:var(--sh-1);background:#fff;margin-top:10px;padding:4px 13px;font-size:12.5px;font-weight:700}.demo-backdrop{z-index:90;background:#1016188c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.demo-card{border:1px solid var(--line);background:linear-gradient(#f3faf8,#dce8e4);border-radius:16px;flex-direction:column;width:min(400px,100vw - 32px);height:min(88vh,740px);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000047}.demo-head{z-index:2;background:linear-gradient(#f3faf8 70%,#0000);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 6px;display:flex}.demo-kicker{color:var(--muted);font-size:11px;font-weight:700}.demo-head h2{margin:2px 0 0;font-size:16px;font-weight:700;line-height:1.3}.demo-hint{color:var(--muted);flex-shrink:0;margin:0 16px 8px;font-size:12px}.demo-stage{flex:auto;justify-content:center;align-items:center;min-height:0;padding:0 20px 16px;display:flex;overflow:hidden}.demo-phone{width:min(280px,100%);height:100%;max-height:100%}.demo-phone .phone-device{width:100%;height:calc(100% - 22px);max-height:none}.demo-phone .phone-shadow{display:none}.demo-phone .phone-caption{margin-top:6px}.blocks-editor{background:#fff;flex-direction:column;height:100%;min-height:0;display:flex}.adv-script-banner{color:#6d4c00;background:#fff8e1;border-bottom:1px solid #f3e2a7;flex-shrink:0;padding:6px 12px;font-size:12px;line-height:1.45}.mix-nav{height:var(--mix-nav-h);background:var(--accent);color:#fff;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.mix-nav-left,.mix-nav-center,.mix-nav-right{align-items:center;gap:6px;display:flex}.mix-nav-left{flex-shrink:0}.mix-nav-center{flex:1;justify-content:center}.mix-nav-right{flex-shrink:0;margin-left:auto}.mix-nav-btn{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2}.mix-nav-btn:hover{background:#ffffff3d}.mix-nav-btn:disabled{opacity:.45;cursor:default}.mix-nav-select{color:var(--ink);background:#fffffff2;border:none;border-radius:4px;max-width:140px;padding:3px 8px;font-size:12px}.mix-mode-group{background:#0000002e;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.mix-mode-group button{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.mix-mode-group button.active{color:var(--accent);background:#fff}.blocks-split{flex-direction:row;flex:1;min-height:0;display:flex;position:relative}.blocks-pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.blocks-pane.blockly-side{flex:auto}.blocks-pane.code-side{border-left:1px solid var(--line);background:#f7fbfa;flex-direction:column;flex:none;display:flex}.blocks-split.mode-blocks .code-side,.blocks-split.mode-code .blockly-side{display:none}.blocks-split.mode-code .code-side{border-left:none;flex:1}.blocks-split.mode-mix .blockly-side{flex:1 1 0;min-width:200px}.blocks-split.mode-mix .code-side{width:var(--code-pane-w,42%);min-width:180px;max-width:70%}.blocks-splitter{cursor:col-resize;z-index:2;background:#cfe0db;flex-shrink:0;width:5px;position:relative}.blocks-splitter:hover,.blocks-splitter.dragging{background:var(--accent)}.blocks-split.mode-blocks .blocks-splitter,.blocks-split.mode-code .blocks-splitter{display:none}.blockly-host{flex:1;width:100%;min-height:0}.code-pane-header{color:var(--muted);border-bottom:1px solid var(--line);background:#eef6f4;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700}.code-pane-header.advanced{color:#6d4c00;background:#fff8e1}.code-pane-warn{color:#b71c1c;background:#ffebee;border-bottom:1px solid #ffcdd2;flex-shrink:0;padding:6px 12px;font-size:12px}.code-pane-body{color:#1a2e2b;white-space:pre-wrap;word-break:break-word;resize:none;background:#f7fbfa;border:none;flex:1;width:100%;min-height:0;margin:0;padding:12px 14px;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:12px;line-height:1.5;overflow:auto}.mix-footer{height:var(--mix-footer-h);background:var(--accent);color:#ffffffeb;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 32px 0 12px;font-size:13px;display:flex}.mix-footer-left,.mix-footer-right{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:12px;display:flex;overflow:hidden}.asset-preview-sm{object-fit:contain;background:#f0f2f5;border-radius:6px;max-width:100%;max-height:80px;margin-top:4px}.screen-row,.project-row{align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.screen-row .tree-item,.project-row .tree-item{flex:1}.local-item{align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.local-item-main{text-align:left;cursor:pointer;background:#fff;border:1px solid #d5e3df;border-radius:4px;flex-direction:column;flex:1;gap:1px;min-width:0;padding:6px 8px;display:flex}.local-item-main:hover{background:#eef8f6;border-color:#7bc4bb}.local-item.active .local-item-main{border-color:var(--accent);background:var(--accent-soft)}.local-item-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.local-item-meta{color:var(--muted);font-size:12px;font-weight:500}.local-item .btn.tiny{align-self:center}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-catalog{width:100%}.template-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.template-level-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0;margin-bottom:8px;display:flex}.template-level-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:0;padding:7px 8px 6px;font-size:13px;font-weight:700}.template-level-tabs button:hover{color:var(--ink)}.template-row{background:#fff;border:1px solid #d5e3df;border-radius:4px;padding:8px}.template-row.expanded{background:#f7fcfb;border-color:#7bc4bb}.template-row-head{align-items:center;gap:6px;min-width:0;display:flex}.template-row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.template-mins{color:var(--muted);flex-shrink:0;font-size:12px}.template-level-pill{color:#00695c;background:#e8f3f1;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:12px;font-weight:700}.template-level-pill.level-简单{color:#2e7d32;background:#e8f5e9}.template-level-pill.level-中等{color:#1565c0;background:#e3f2fd}.template-level-pill.level-难{color:#ef6c00;background:#fff3e0}.template-level-pill.level-拓展{color:#6a1b9a;background:#f3e5f5}.template-level-pill.level-娱乐{color:#c2185b;background:#fce4ec}.template-row-actions{align-items:center;gap:4px;margin-top:5px;display:flex}.template-row-actions>button{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d5e3df;border-radius:3px;padding:4px 8px;font-size:13px;font-weight:600}.template-guide-toggle{margin-left:auto}.template-load-btn{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important;font-weight:700!important}.template-intro{color:var(--ink);margin:0 0 6px;font-size:13px;line-height:1.45}.template-guide{box-sizing:border-box;background:#f3faf8;border-top:1px solid #d5e3df;width:100%;margin-top:6px;padding:6px 2px 0}.template-guide-title{color:#00695c;margin-bottom:3px;font-size:13px;font-weight:700}.template-guide ol{color:var(--muted);margin:0 0 6px;padding-left:16px;font-size:13px;line-height:1.5}.template-guide ol:last-child{margin-bottom:0}.template-tags{flex-wrap:wrap;gap:4px;display:flex}.template-tag{color:#00695c;background:#e0f2f1;border-radius:3px;padding:1px 5px;font-size:10px}.template-label{font-size:13px;font-weight:700}.template-desc{color:var(--muted);font-size:11px}.template-blocks-toggle{display:none}.guide-card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:10px 12px}.guide-card-title{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:700}.guide-card-body{color:var(--muted);font-size:12px;line-height:1.55}.guide-list{color:var(--muted);margin:0 0 12px;padding-left:18px;font-size:12px;line-height:1.6}.guide-panel .template-list{margin-bottom:8px}.ai-chat-panel{flex-direction:column;gap:0;height:100%;min-height:0;display:flex}.ai-chat-head{border-bottom:1px solid #e6eeec;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.ai-chat-head-actions{align-items:center;gap:4px;display:flex}.ai-chat-title{color:#00796b;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.ai-adv-badge{color:#6d4c00;background:#fff8e1;border:1px solid #f0d78c;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.ai-link-btn.on{color:#e65100;font-weight:700}.ai-link-btn{color:#5f6d6a;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px}.ai-link-btn:hover{color:#00796b}.ai-gear{color:#00796b;cursor:pointer;background:#fff;border:1px solid #c5d4d0;border-radius:4px;padding:3px 8px;font-size:12px;position:relative}.ai-gear-dot{background:#e65100;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}.ai-settings{background:#f4f8f7;border-bottom:1px solid #e6eeec;flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px 8px;padding:8px 12px;display:grid}.ai-field{color:#5f6d6a;flex-direction:column;gap:2px;font-size:11px;font-weight:600;display:flex}.ai-field-wide{grid-column:1/-1}.ai-settings-hint{color:#6a7a76;grid-column:1/-1;margin:2px 0 0;font-size:11px;font-weight:500;line-height:1.45}.ai-field input,.ai-field select{color:#1a2e2b;background:#fff;border:1px solid #c5d4d0;border-radius:4px;height:28px;padding:4px 7px;font-size:12px;font-weight:500}.ai-thread{background:#eef3f2;flex:1;min-height:0;padding:12px 12px 8px;overflow:auto}.ai-msg{flex-direction:column;width:fit-content;max-width:86%;margin-bottom:12px;display:flex}.ai-msg-assistant{align-items:flex-start;margin-right:auto}.ai-msg-user{align-items:flex-end;margin-left:auto}.ai-who{color:#7a8b87;margin-bottom:4px;font-size:11px}.ai-msg-user .ai-who{text-align:right}.ai-bubble{white-space:pre-wrap;word-break:break-word;color:#1a2e2b;background:#fff;border-radius:12px;max-width:100%;padding:8px 12px;font-size:13px;line-height:1.55;display:inline-block;box-shadow:0 1px 2px #0028240f}.ai-msg-user .ai-bubble{color:#fff;background:#009688;border-bottom-right-radius:4px}.ai-typing{color:#5f6d6a;font-style:italic}.ai-spec-card{background:#fff;border:1px solid #b2dfdb;border-radius:8px;margin-top:8px;padding:8px 10px}.ai-spec-name{color:#00695c;font-size:13px;font-weight:700}.ai-spec-meta{color:#5f6d6a;margin:2px 0 8px;font-size:11px}.ai-apply{color:#fff;cursor:pointer;background:#009688;border:none;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:650}.ai-apply:hover{background:#00897b}.ai-spec-err{color:#b71c1c;margin-top:6px;font-size:12px}.ai-composer{background:#fff;border-top:1px solid #e6eeec;flex-shrink:0;padding:8px 10px 10px}.ai-composer textarea{box-sizing:border-box;resize:none;color:#1a2e2b;background:#fafcfc;border:1px solid #c5d4d0;border-radius:8px;width:100%;min-height:44px;max-height:88px;padding:8px 10px;font-size:13px;line-height:1.45}.ai-composer textarea:focus{background:#fff;border-color:#009688;outline:none}.ai-composer-bar{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.ai-composer-hint{color:#8a9b97;font-size:11px}.ai-send{color:#fff;cursor:pointer;background:#009688;border:none;border-radius:4px;padding:5px 14px;font-size:13px;font-weight:650}.ai-send:disabled{opacity:.4;cursor:default}.ai-send.ghost{color:#5f6d6a;background:0 0;border:1px solid #c5d4d0}.ai-dock{top:calc(var(--topbar-h) + 8px);z-index:85;width:min(400px,100vw - 24px);height:min(620px, calc(100vh - var(--topbar-h) - 20px));border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;display:flex;position:fixed;right:12px;overflow:hidden;box-shadow:0 16px 40px #11182738}.ai-dock[hidden]{display:none!important}.ai-dock .ai-chat-panel{flex:1;min-height:0;padding:0;overflow:hidden}@media (width<=1200px){:root{--left-w:clamp(188px, 16vw, 280px);--right-w:clamp(268px, 22vw, 340px)}.mixly-nav-left .mixly-nav-item:nth-child(n+7){display:none}}@media (width<=980px){.ide-body.designer-mode{grid-template-columns:var(--left-w) minmax(0, 1fr)}.right{display:none}.designer-wrap{grid-template-columns:1fr}.designer-pane+.designer-pane:before{background:linear-gradient(90deg,#0000,#1a2e2b29,#0000);width:auto;height:1px;inset:0 12% auto}}.designer-stage{justify-content:center;align-items:flex-start;gap:16px;padding-top:12px}.sim-panel{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;gap:8px;width:196px;padding:10px;display:flex;box-shadow:0 8px 20px #11182714}.sim-panel-title{font-size:13px;font-weight:700}.sim-panel-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.sim-panel label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.sim-panel input,.sim-panel select{width:100%;font-size:12px}.sim-row{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}html,body,#root,.ide{width:100%;max-width:100%}body.embed-mode,body.embed-mode #root,body.embed-mode .ide{width:100%;min-width:0;max-width:100%;height:100%;overflow:hidden}html:has(body.embed-mode){width:100%;min-width:0;max-width:100%;height:100%;overflow:hidden}body.embed-mode .ide-body,body.embed-mode .center,body.embed-mode .designer-wrap,body.embed-mode .designer-pane,body.embed-mode .designer-stage{min-width:0;min-height:0}body.embed-mode .ide-body{overflow:hidden}body.embed-mode .left,body.embed-mode .right,body.embed-mode .center{overflow:auto}body.embed-mode .designer-wrap.single-stage .phone-stack{width:min(360px,88cqw,min(620px,86cqh)/2)}body.embed-mode .designer-wrap.single-stage .phone-device{height:min(620px,86cqh)}body.embed-mode .usage-panel,body.embed-mode .ai-dock,body.embed-mode .mixly-nav-item.mixly-home{display:none!important}body.embed-mode .mix-footer-right span:last-child{display:none}.cloud-modal,.help-modal,.apk-progress-card,.wechat-group-modal{border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--sh-4);padding:20px 22px 18px}.cloud-modal-backdrop,.apk-progress-backdrop,.help-modal-backdrop{-webkit-backdrop-filter:saturate(1.05)blur(2px);backdrop-filter:saturate(1.05)blur(2px);background:#0e201d6b}.cloud-modal-head h2,.help-modal-head h2{color:var(--ink);letter-spacing:.01em;font-size:16px;font-weight:700}.help-modal-head{background:var(--panel);border-bottom:1px solid var(--line);padding:15px 20px 13px}.help-modal-kicker{color:var(--muted-2);letter-spacing:.08em;font-size:11px}.help-modal-body{color:var(--ink-2);padding:16px 20px 20px;font-size:13px;line-height:1.6}.help-summary{background:var(--accent-soft-2);border:1px solid var(--accent-line);border-radius:var(--r-md);color:var(--accent-deep)}.help-example{border:1px dashed var(--accent-line);border-radius:var(--r-md);background:var(--accent-soft-2)}.help-blocks-hint{color:var(--accent-strong)}.cloud-modal-x{border-radius:var(--r-sm);width:28px;height:28px;color:var(--muted);transition:background var(--t-fast), color var(--t-fast);place-items:center;font-size:18px;display:grid}.cloud-modal-x:hover{background:var(--panel);color:var(--ink)}.cloud-modal-hint{color:var(--muted);font-size:12.5px;line-height:1.5}.wechat-group-qr{border-radius:var(--r-md);border:1px solid var(--line)}.cloud-field{color:var(--muted);font-size:12.5px;font-weight:600}.cloud-field input,.cloud-modal input[type=text],.cloud-modal input[type=password],.ai-field input,.ai-field select{border:1px solid var(--line);border-radius:var(--r-sm);height:34px;color:var(--ink);transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;padding:0 11px;font-family:inherit;font-size:13.5px}.cloud-field input:focus,.cloud-modal input:focus,.ai-field input:focus,.ai-field select:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.cloud-modal-tabs{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);gap:4px;padding:3px}.cloud-modal-tabs button{border-radius:var(--r-sm);height:28px;color:var(--muted);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;font-size:13px;font-weight:600}.cloud-modal-tabs button:hover{color:var(--ink)}.cloud-modal-tabs button.on{background:var(--accent);color:#fff}.panel-scroll::-webkit-scrollbar{width:10px;height:10px}.usage-list::-webkit-scrollbar{width:10px;height:10px}.usage-detail::-webkit-scrollbar{width:10px;height:10px}.ai-thread::-webkit-scrollbar{width:10px;height:10px}.help-modal-body::-webkit-scrollbar{width:10px;height:10px}.code-pane-body::-webkit-scrollbar{width:10px;height:10px}.phone-screen::-webkit-scrollbar{width:10px;height:10px}.panel-scroll::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c3d4d0 padding-box content-box;border:3px solid #0000}.usage-list::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c3d4d0 padding-box content-box;border:3px solid #0000}.usage-detail::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c3d4d0 padding-box content-box;border:3px solid #0000}.ai-thread::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c3d4d0 padding-box content-box;border:3px solid #0000}.help-modal-body::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c3d4d0 padding-box content-box;border:3px solid #0000}.code-pane-body::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c3d4d0 padding-box content-box;border:3px solid #0000}.panel-scroll::-webkit-scrollbar-thumb:hover{background:#a7beb9 padding-box content-box}.usage-list::-webkit-scrollbar-thumb:hover{background:#a7beb9 padding-box content-box}.usage-detail::-webkit-scrollbar-thumb:hover{background:#a7beb9 padding-box content-box}.ai-thread::-webkit-scrollbar-thumb:hover{background:#a7beb9 padding-box content-box}.help-modal-body::-webkit-scrollbar-thumb:hover{background:#a7beb9 padding-box content-box}.code-pane-body::-webkit-scrollbar-thumb:hover{background:#a7beb9 padding-box content-box}.panel-scroll::-webkit-scrollbar-track{background:0 0}.usage-list::-webkit-scrollbar-track{background:0 0}.usage-detail::-webkit-scrollbar-track{background:0 0}.ai-thread::-webkit-scrollbar-track{background:0 0}.help-modal-body::-webkit-scrollbar-track{background:0 0}.code-pane-body::-webkit-scrollbar-track{background:0 0}.mix-footer{background:var(--accent-strong);color:#ffffffe0;letter-spacing:.01em;border-top:1px solid #00000014;padding:0 30px 0 14px;font-size:12px}.mix-footer-left,.mix-footer-right{gap:14px}.mix-footer span+span{position:relative}.mix-footer-left span+span:before,.mix-footer-right span+span:before{content:"";background:#ffffff38;width:1px;height:10px;margin-top:-5px;position:absolute;top:50%;left:-7px}.usage-dock{z-index:90}.usage-fab{border-radius:var(--r-sm);width:22px;height:22px;transition:background var(--t-fast), color var(--t-fast);background:#ffffff38;font-size:13px}.usage-fab:hover{background:#ffffff52}.usage-fab.open{color:var(--accent-strong);background:#fff}.usage-panel{border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--sh-4)}.usage-panel-head{background:var(--panel);border-bottom:1px solid var(--line);padding:9px 11px}.usage-tabs{border:1px solid var(--line);border-radius:var(--r-md);background:#fff}.usage-tabs button.active{background:var(--accent-soft);color:var(--accent-strong)}.usage-search{border-radius:var(--r-sm)}.usage-search:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.usage-list{background:var(--panel)}.usage-list button{border-radius:var(--r-sm);color:var(--ink-2);font-size:13px}.usage-list button:hover{background:var(--accent-soft-2)}.usage-list button.active{background:var(--accent-soft);color:var(--accent-strong)}.usage-keys kbd{border:1px solid var(--line);border-radius:var(--r-xs);color:var(--ink-2);background:#fff;border-bottom-width:2px;font-size:12px}.usage-keys th{color:var(--muted);letter-spacing:.06em;font-size:12px}.usage-keys td{border-bottom:1px solid var(--line-soft)}.ai-chat-head{border-bottom:1px solid var(--line);padding:11px 12px 9px}.ai-chat-title{color:var(--accent-strong);font-size:14.5px}.ai-link-btn{color:var(--muted);border-radius:var(--r-sm);transition:background var(--t-fast), color var(--t-fast)}.ai-link-btn:hover{color:var(--accent-strong);background:var(--accent-soft-2)}.ai-gear{border-radius:var(--r-sm);border-color:var(--line);color:var(--accent-strong);transition:background var(--t-fast), border-color var(--t-fast)}.ai-gear.on,.ai-gear:hover{background:var(--accent-soft-2);border-color:var(--accent-line)}.ai-settings{background:var(--panel);border-bottom:1px solid var(--line);gap:8px 10px;padding:10px 12px}.ai-thread{background:#f5f8f7}.ai-bubble{border-radius:var(--r-lg);box-shadow:var(--sh-1);font-size:13px}.ai-msg-user .ai-bubble{background:var(--accent);border-bottom-right-radius:var(--r-xs)}.ai-msg-assistant .ai-bubble{border-bottom-left-radius:var(--r-xs)}.ai-who{color:var(--muted-2);font-size:11px}.ai-spec-card{border:1px solid var(--accent-line);border-radius:var(--r-md);background:#fff}.ai-spec-name{color:var(--accent-strong)}.ai-apply,.ai-send{background:var(--accent);border-radius:var(--r-sm);transition:background var(--t-fast);font-weight:600}.ai-apply:hover,.ai-send:hover:not(:disabled){background:var(--accent-strong)}.ai-composer{border-top:1px solid var(--line)}.ai-composer textarea{border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;font-family:inherit}.ai-composer textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}.ai-dock{border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--sh-4);top:calc(var(--topbar-h) + 10px)}.template-row,.local-item-main,.asset-drop,.guide-card,.template-guide,.sim-panel{border-radius:var(--r-md);border-color:var(--line)}.template-row:hover{border-color:var(--accent-line);box-shadow:var(--sh-1)}.template-row.expanded{border-color:var(--accent-line);background:var(--accent-soft-2)}.template-level-tabs{border-bottom:1px solid var(--line)}.template-level-tabs button{color:var(--muted);font-size:12.5px}.template-level-tabs button.active{color:var(--accent-strong);box-shadow:inset 0 -2px 0 var(--accent)}.template-level-pill{border-radius:var(--r-xs);font-size:11px}.template-row-actions>button{border-radius:var(--r-sm);border-color:var(--line)}.template-row-actions>button:hover{border-color:var(--accent-line);background:var(--accent-soft-2)}.template-guide{border-top:1px solid var(--line);background:var(--panel)}.template-guide-title{color:var(--accent-strong)}.local-item-main:hover{border-color:var(--accent-line);background:var(--accent-soft-2)}.asset-drop{border-style:dashed;border-color:var(--accent-line)}.asset-card{border-radius:var(--r-sm);padding:4px}.asset-card:hover{background:var(--accent-soft-2)}.tree-item.active,.project-row.active .tree-item{background:var(--accent-soft)}.demo-backdrop{background:#0e201d80}.demo-card{border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--sh-4);background:linear-gradient(#f7fbfa,#e8efed)}.demo-kicker{color:var(--muted-2);letter-spacing:.08em}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--r-sm)}:root{--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", "SF Mono", Consolas, "Courier New", monospace;font-family:var(--font-ui);font-kerning:normal;text-rendering:optimizelegibility}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ide{font-family:var(--font-ui)}.code-pane-body{font-family:var(--font-mono);font-variant-ligatures:none;font-size:12.5px;line-height:1.6}.fold-meta,.ct-badge,.apk-progress-pct,.template-mins,.usage-keys td,.phone-time,.mix-footer,.palette-search input{font-variant-numeric:tabular-nums}.mixly-brand,.panel-heading,.fold-title,.pane-title,.phone-caption,.help-modal-head h2,.cloud-modal-head h2{letter-spacing:.01em}.fold-title{font-size:13px}.palette-icon{border-radius:var(--r-sm);background:var(--accent-soft-2);width:28px;height:28px;color:var(--accent-strong);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);border:1px solid #0b8a7d1a;flex-shrink:0;place-items:center;display:grid}.palette-icon svg{display:block}.palette-icon.hid{color:#8b9a97;background:#f2f4f4;border-color:#14282414}.palette-item:hover .palette-icon{border-color:var(--accent-line);background:#fff}.palette-item{align-items:center;gap:10px;min-height:42px;padding:6px 10px}.fold-cat-icon{width:20px;height:20px;color:var(--accent-strong);opacity:.95;flex-shrink:0;place-items:center;display:grid}.fold-cat-icon svg{display:block}.fold-head{gap:8px}.fold-meta{border-radius:var(--r-pill);min-width:20px;height:18px;color:var(--accent-strong);text-align:center;background:#ffffffbf;border:1px solid #0b8a7d29;padding:0 6px;font-size:11px;font-weight:700;line-height:16px}.palette-search-wrap{align-items:center;display:flex;position:relative}.palette-search-ico{color:var(--muted-2);pointer-events:none;position:absolute;left:10px}.palette-search{height:32px;padding:0 30px 0 31px;font-family:inherit}.palette-search::-webkit-search-cancel-button{display:none}.palette-search-clear{border-radius:var(--r-pill);width:20px;height:20px;color:var(--muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:#eef3f2;border:none;place-items:center;padding:0;display:grid;position:absolute;right:6px}.palette-search-clear:hover{background:var(--accent-soft);color:var(--accent-strong)}.palette-toolbar{padding:2px 0 8px}.side-tabs{background:var(--panel)}.side-tabs button{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 2px 7px;font-size:12px;font-weight:600;line-height:1.1;display:flex}.side-tab-ico{color:currentColor;place-items:center;width:22px;height:22px;display:grid}.side-tab-ico svg{display:block}.side-tabs button.active{background:var(--accent-soft);color:var(--accent-strong)}.side-tabs button.active:after{border-radius:2px 2px 0 0;height:2px;left:22%;right:22%}.side-tabs button:hover:not(.active){background:var(--accent-soft-2);color:var(--ink-2)}.side-tab-label{font-size:12px}.mixly-ico{vertical-align:-.1em;width:.94em;height:.94em;margin:0 .18em}.mixly-nav-item{font-size:13px}.mixly-nav-item .mixly-ico{opacity:.92}.ct-kind,.tree-type{font-variant-numeric:tabular-nums}.ct-badge{border-radius:var(--r-pill);font-variant-numeric:tabular-nums;min-width:20px;height:19px;line-height:19px}.asset-media-placeholder{border-radius:var(--r-sm);background:var(--accent-soft-2);width:40px;height:34px;color:var(--accent-strong);flex-shrink:0;place-items:center;display:grid}.palette-panel::-webkit-scrollbar{width:10px;height:10px}.left-body ::-webkit-scrollbar{width:10px;height:10px}.right ::-webkit-scrollbar{width:10px;height:10px}.palette-panel::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c6d6d3 padding-box content-box;border:3px solid #0000}.left-body ::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c6d6d3 padding-box content-box;border:3px solid #0000}.right ::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#c6d6d3 padding-box content-box;border:3px solid #0000}.palette-panel::-webkit-scrollbar-thumb:hover{background:#a9bfba padding-box content-box}.left-body ::-webkit-scrollbar-thumb:hover{background:#a9bfba padding-box content-box}.right ::-webkit-scrollbar-thumb:hover{background:#a9bfba padding-box content-box}.palette-panel::-webkit-scrollbar-track{background:0 0}.left-body ::-webkit-scrollbar-track{background:0 0}.right ::-webkit-scrollbar-track{background:0 0}.proj-head,.assets-head{justify-content:space-between;align-items:center;gap:8px;margin:-2px 0 8px;display:flex}.proj-head-title,.assets-head-title{color:var(--ink);letter-spacing:.01em;font-size:13px;font-weight:700}.proj-new{border-radius:var(--r-sm);border:1px solid var(--accent-line);background:var(--accent-soft-2);height:26px;color:var(--accent-strong);font:inherit;cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.proj-new svg{color:currentColor}.proj-new:hover{border-color:var(--accent);background:#fff}.proj-label{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;margin:14px 0 7px;font-size:11.5px;font-weight:700;display:flex}.proj-label:after{content:"";background:var(--line-soft);flex:1;height:1px}.proj-label>span{border-radius:var(--r-pill);background:var(--accent-soft);min-width:18px;height:16px;color:var(--accent-strong);text-align:center;letter-spacing:0;order:3;padding:0 5px;font-size:10.5px;font-weight:700;line-height:16px}.proj-empty{border:1px dashed var(--line);border-radius:var(--r-md);color:var(--muted);background:#fbfdfd;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.proj-row{border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);background:#fff;align-items:stretch;margin-bottom:6px;display:flex;position:relative;overflow:hidden}.proj-row:before{content:"";background:var(--accent);opacity:0;width:3px;transition:opacity var(--t-fast);position:absolute;top:0;bottom:0;left:0}.proj-row:hover{border-color:var(--accent-line);box-shadow:var(--sh-1)}.proj-row.is-open{border-color:var(--accent-line);background:var(--accent-soft-2)}.proj-row.is-open:before{opacity:1}.proj-open{text-align:left;cursor:pointer;min-width:0;font:inherit;background:0 0;border:none;flex:1;align-items:center;gap:9px;padding:8px 6px 8px 10px;display:flex}.proj-ico{border-radius:var(--r-sm);background:var(--accent-soft-2);width:26px;height:26px;color:var(--accent-strong);flex-shrink:0;place-items:center;display:grid}.proj-row.is-open .proj-ico{background:#fff}.proj-ico svg{display:block}.proj-text{flex-direction:column;gap:2px;min-width:0;display:flex}.proj-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.proj-meta{color:var(--muted-2);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11px;display:flex}.proj-dot{background:var(--accent-2);border-radius:50%;flex-shrink:0;width:5px;height:5px}.proj-del{border-radius:var(--r-sm);width:30px;color:var(--muted-2);cursor:pointer;opacity:0;transition:opacity var(--t-fast), background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex-shrink:0;align-self:stretch;place-items:center;margin:4px 4px 4px 0;display:grid}.proj-row:hover .proj-del,.proj-del:focus-visible{opacity:1}.proj-del:hover{background:var(--danger-soft);color:var(--danger)}.proj-section{margin-bottom:4px}.proj-section-head{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);width:100%;color:var(--ink-2);font:inherit;cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:7px;padding:8px 10px;font-size:12.5px;font-weight:600;display:flex}.proj-section-head:hover{background:var(--accent-soft-2);border-color:var(--accent-line)}.proj-section.open .proj-section-head{border-color:var(--accent-line);background:var(--accent-soft-2);border-bottom-right-radius:0;border-bottom-left-radius:0}.proj-chevron{width:12px;color:var(--accent-strong);flex-shrink:0}.proj-count{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);letter-spacing:0;background:#fff;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:600}.proj-section-body{border:1px solid var(--accent-line);border-radius:0 0 var(--r-md) var(--r-md);background:#fbfdfd;border-top:none;padding:8px}.template-row{border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;margin-bottom:6px;padding:9px 10px}.template-list{gap:0;margin-bottom:8px}.template-row+.template-row{margin-top:0}.template-row-head{align-items:center;gap:6px;margin-bottom:2px;display:flex}.template-row-title{color:var(--ink);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.4;display:-webkit-box}.template-level-pill{border-radius:var(--r-xs);letter-spacing:.02em;padding:1px 6px;font-size:10.5px;font-weight:700}.template-mins{color:var(--muted-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.template-row-actions{flex-wrap:nowrap;align-items:center;gap:5px;margin-top:6px;display:flex}.template-row-actions>button{border-radius:var(--r-sm);height:24px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), opacity var(--t-fast);background:#f2f6f5;border:1px solid #0000;flex:none;padding:0 6px;font-size:11px;font-weight:600;line-height:1}.template-row-actions>button:nth-child(-n+2){min-width:34px}.template-row-actions>button:hover{background:var(--accent-soft);color:var(--accent-strong)}.template-row-actions>button.active{border-color:var(--accent-line);color:var(--accent-strong);background:#fff}.template-row-actions>.template-guide-toggle,.template-row-actions>button:not(.template-load-btn){opacity:.55}.template-row:hover .template-row-actions>button,.template-row-actions>button.active{opacity:1}.template-load-btn{height:26px;box-shadow:var(--sh-1);margin-left:auto;padding:0 14px;border-radius:var(--r-sm)!important;background:var(--accent)!important;color:#fff!important;border:none!important;font-weight:700!important}.template-load-btn:hover{background:var(--accent-strong)!important}.template-guide{border-top:1px solid var(--line-soft);background:0 0;margin-top:8px;padding:8px 0 0}.template-guide-title{letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}.template-guide ol{font-size:12px;line-height:1.55}.template-intro{color:var(--ink-2);font-size:12.5px;line-height:1.55}.template-tag{border-radius:var(--r-pill);padding:1px 8px;font-size:10.5px}.template-level-tabs{gap:2px;margin-bottom:8px;padding:0}.template-level-tabs button{border-radius:var(--r-sm) var(--r-sm) 0 0;padding:5px 9px 6px;font-size:12px}.props-panel{padding:10px}.props-target{border-radius:var(--r-md);border:1px solid var(--line);border-left:3px solid var(--accent);box-shadow:var(--sh-1);background:#fff;align-items:center;gap:10px;margin-bottom:12px;padding:9px 10px;display:flex}.props-target-icon{border-radius:var(--r-sm);background:var(--accent-soft);width:32px;height:32px;color:var(--accent-strong);flex-shrink:0;place-items:center;display:grid}.props-target-icon svg{display:block}.props-target-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.props-kind{letter-spacing:.1em;color:var(--accent-strong);text-transform:uppercase;font-size:10.5px;font-style:normal;font-weight:700}.props-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.props-del{border-radius:var(--r-sm);width:26px;height:26px;color:var(--muted-2);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.props-del:hover{background:var(--danger-soft);color:var(--danger)}.section-title{letter-spacing:.12em;color:var(--muted-2);text-transform:uppercase;align-items:center;gap:8px;margin:16px 0 8px;font-size:10.5px;font-weight:700;display:flex}.section-title:after{content:"";background:var(--line-soft);flex:1;height:1px}.section-title.row{justify-content:space-between}.section-title.row:after{display:none}.field-row{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:7px;font-size:13px;display:grid}.field-row .field-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.field-row input,.field-row select{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;min-width:0;height:30px;color:var(--ink);font:inherit;transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;padding:0 9px;font-size:12.5px}.field-row input:hover,.field-row select:hover{border-color:var(--accent-line)}.field-row input:focus,.field-row select:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.field-select{min-width:0;display:block;position:relative}.field-select select{appearance:none;cursor:pointer;padding-right:26px}.field-select>i{border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);pointer-events:none;width:6px;height:6px;margin-top:-4px;position:absolute;top:50%;right:10px;transform:rotate(45deg)}.field-color{align-items:center;gap:8px;min-width:0;display:flex}.field-color input[type=color]{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;background:#fff;flex-shrink:0;width:34px;height:30px;padding:2px}.field-color code{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.field-switch{display:inline-flex;position:relative}.field-switch input{opacity:0;cursor:pointer;z-index:1;width:38px;height:22px;margin:0;position:absolute;inset:0}.field-switch>i{border-radius:var(--r-pill);width:38px;height:22px;transition:background var(--t-base);background:#d7e2df;border:1px solid #0000;position:relative}.field-switch>i:after{content:"";width:16px;height:16px;transition:transform var(--t-base);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #10282440}.field-switch input:checked+i{background:var(--accent)}.field-switch input:checked+i:after{transform:translate(16px)}.field-switch input:focus-visible+i{box-shadow:var(--ring)}.field-row .asset-preview-sm{border-radius:var(--r-sm);border:1px solid var(--line);object-fit:contain;background:#f7faf9;grid-column:2;max-width:100%;max-height:92px;margin-top:2px}.field-asset{align-items:start}.field-asset .field-label{padding-top:7px}.chip-row{gap:5px}.chip{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);font-size:11.5px;font-weight:600;font-family:var(--font-mono);background:#f2f6f5;padding:3px 9px}.chip-event{background:var(--accent-soft-2);border-color:var(--accent-line);color:var(--accent-strong)}.assets-panel .panel-hint{margin:0 0 10px}.asset-drop{border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--muted);text-align:center;transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast);background:#fbfdfd;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;font-size:12.5px;display:flex}.asset-drop-ico{border:1px solid var(--line);width:34px;height:34px;color:var(--accent-strong);background:#fff;border-radius:50%;place-items:center;display:grid}.asset-drop:hover{border-color:var(--accent);background:var(--accent-soft-2);color:var(--accent-strong)}.asset-card{border-radius:var(--r-sm);gap:9px;padding:6px 8px}.asset-card img{border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;width:40px;height:34px}.asset-name{color:var(--ink-2);font-size:12.5px;font-weight:600}.asset-lock{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted-2);background:#f2f6f5;padding:1px 7px;font-size:10.5px;font-weight:600}.asset-del{border-radius:var(--r-sm);width:24px;height:24px;color:var(--muted-2);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.asset-del:hover{background:var(--danger-soft);color:var(--danger)}.asset-audio{border-radius:var(--r-sm);flex:auto;width:auto;min-width:0;height:26px}@media (width<=1080px){.side-tab-label{display:none}.side-tabs button{padding:9px 2px}}.blocklyToolbox,.blocklyToolboxDiv{box-sizing:border-box;border-right:1px solid #d4e0dd;min-width:188px;padding:4px 0;font-family:Noto Sans SC,Lato,Microsoft YaHei,sans-serif;overflow:hidden auto;background:#f2f7f6!important}.blocklyTreeRoot,.blocklyToolboxCategoryGroup{min-width:188px}.blocklySvg{border-top:none!important}.blocklyTreeLabel,.blocklyToolboxCategoryLabel{cursor:default;vertical-align:middle;white-space:nowrap;padding:0 3px;line-height:34px;font-family:Noto Sans SC,Lato,Microsoft YaHei,sans-serif!important;font-size:14px!important;font-weight:600!important}.blocklyTreeRow>.blocklyTreeRowContentContainer,.blocklyToolboxCategory>.blocklyTreeRowContentContainer{flex-direction:row;align-items:center;height:34px;display:inline-flex}.blocklyTreeRow,.blocklyToolboxCategory{white-space:nowrap;border-radius:6px;margin:0 6px 2px;padding-right:8px;transition:background-color .13s;height:34px!important;padding-left:0!important;line-height:34px!important}.blocklyTreeRow .blocklyTreeIcon,.blocklyToolboxCategory .blocklyToolboxCategoryIcon,.blocklyTreeRow .blocklyToolboxCategoryIcon{float:left;margin:7px;display:inline-block;visibility:visible!important;background-color:#0000!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100%!important;width:20px!important;height:20px!important}.blocklyToolboxCategory:not(.blocklyToolboxSelected):hover,.blocklyTreeRow:not(.blocklyTreeSelected):hover{background-color:#0b8a7d1a!important}.injectionDiv .blocklyTreeRow .blocklyTreeLabel,.injectionDiv .blocklyToolboxCategory .blocklyToolboxCategoryLabel{color:#22302d!important}.injectionDiv .blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel,.injectionDiv .blocklyToolboxCategory.blocklyToolboxSelected .blocklyToolboxCategoryLabel,.injectionDiv.classic-theme .blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel,.injectionDiv.classic-theme .blocklyToolboxSelected .blocklyToolboxCategoryLabel{color:#fff!important}.blocklyTreeRow.blocklyTreeSelected,.blocklyToolboxCategory.blocklyToolboxSelected{background-color:#0b8a7d!important}.blocklyScrollbarHandle{rx:3;ry:3;fill:#b7c9c5}.blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,.blocklyScrollbarHandle:hover{fill:#93aaa5}.blocklyDropDownDiv,.blocklyWidgetDiv .blocklyMenu{border:1px solid #d4e0dd;border-radius:8px;font-family:Noto Sans SC,Lato,sans-serif;box-shadow:0 10px 28px #10282424}.blocklyMenuItem.blocklyMenuItemHighlight{background-color:#0b8a7d8c!important}.blocklyFlyoutBackground{fill:#fff;fill-opacity:.98}.blocklyMainBackground{stroke:none}.blocklyZoom>image,.blocklyTrash>image{opacity:.55}.blocklyMenu>.blocklyMenuItem{font-family:Noto Sans SC,Lato,sans-serif;font-size:13px}