#visSettings p[data-v-b9c70a9a]{margin-top:0}.switch-row[data-v-21691e4c]{color:#c9d2dd}.switch-row .label[data-v-21691e4c]{cursor:pointer}.switch-row .label.active[data-v-21691e4c]{font-weight:700;text-decoration:underline}#templateSettings input,#templateSettings select{border:none!important;border-bottom:1px solid #566273!important;border-radius:0!important;width:90px!important;margin:0 5px!important}#templateSettings input{width:70px!important}#templateSettings .btn{margin-top:15px}#templateSettings .closeIcon{color:#ff6b6b;cursor:pointer;font-size:18px}#templateSettings p{color:#8c97a6!important;margin-top:15px!important}#viewSettings p[data-v-c9e2e5a3]{color:#c9d2dd;margin-top:0}#gifContrSettings p[data-v-ba1144c0]{margin-top:0}#visCheckSettings p[data-v-a628546b]{color:#c9d2dd;margin-top:0}#imageEditor .imageList[data-v-192e1d12]{flex-wrap:wrap;justify-content:space-between;max-height:150px;overflow-y:auto;margin-bottom:10px!important}#imageEditor .imageList .imageBox[data-v-192e1d12]{width:80px;height:80px;image-rendering:pixelated;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:space-between;margin:10px;display:flex;overflow:hidden}#imageEditor .imageList .imageBox.active[data-v-192e1d12]{box-sizing:border-box;background-color:#141a23;border:2px solid #4cc3ff}#imageEditor .imageList .imageBox[data-v-192e1d12]:hover{transform:scale(1.1)}#imageEditor .imageList .imageBox:hover .imageName[data-v-192e1d12]{white-space:normal}#imageEditor .imageList .imageBox .imageName[data-v-192e1d12]{white-space:nowrap;background-color:#0009;width:fit-content;padding:2px 10px;font-size:12px}#imageEditor .imageList .imageBox .delImage[data-v-192e1d12]{background-color:#0009;align-self:flex-end;height:17px;padding-top:3px}#imageEditor .imageList .imageBox .delImage .material-icons[data-v-192e1d12]{color:#ff6b6b;line-height:.4;font-size:20px!important}#hoverSettings input[data-v-480bf189]{margin:0 10px 0 0!important}#hoverSettings p[data-v-480bf189]{color:#8c97a6!important}#checkCompSettings input[data-v-ec674117]{margin:0 10px 0 0!important}#checkCompSettings p[data-v-ec674117]{color:#8c97a6!important}#checkCompSettings select[data-v-ec674117]{width:170px!important}select[data-v-e896e0ee]{width:150px!important}#textInputEditor .heading[data-v-96bf3298]{font-weight:700}#textInputEditor .colorInput[data-v-96bf3298]{width:80px}#textInputEditor p i[data-v-96bf3298]{color:#8c97a6}#textInputEditor a[data-v-96bf3298]{font-size:14px}#textInputEditor .alignOptions[data-v-96bf3298]{color:#566273;border:1px solid #8a94a359;border-radius:5px;align-items:center;padding:5px 10px;display:flex}#textInputEditor .alignOptions i[data-v-96bf3298]{cursor:pointer;font-size:20px}#textInputEditor .alignOptions i[data-v-96bf3298]:hover{color:#c9d2dd}#textInputEditor .alignOptions i.active[data-v-96bf3298]{color:#f2f5f8}#textInputEditor .alignOptions i[data-v-96bf3298]:nth-child(2){margin:0 10px}#replicaSettings p[data-v-c0fb560d]{color:#8c97a6!important}#replicaSettings .normalCase[data-v-c0fb560d]{text-transform:none!important}#viewSettings select[data-v-107dd7ec]{width:140px!important}#viewSettings p[data-v-107dd7ec]{color:#8c97a6!important}#textEditor .colorInput[data-v-f66f0714]{width:80px}#textEditor a[data-v-f66f0714]{font-size:14px}#textEditor .alignOptions[data-v-f66f0714]{color:#566273;border:1px solid #8a94a359;border-radius:5px;align-items:center;padding:5px 10px;display:flex}#textEditor .alignOptions i[data-v-f66f0714]{cursor:pointer;font-size:20px}#textEditor .alignOptions i[data-v-f66f0714]:hover{color:#c9d2dd}#textEditor .alignOptions i.active[data-v-f66f0714]{color:#f2f5f8}#textEditor .alignOptions i[data-v-f66f0714]:nth-child(2){margin:0 10px}#hoverSettings input[data-v-585a9ff9]{margin:0 10px 0 0!important}#hoverSettings p[data-v-585a9ff9]{color:#8c97a6!important}.varBox input,.varBox select{border:none!important;border-bottom:1px solid #566273!important;border-radius:0!important;width:90px!important;margin:0 5px!important}.varBox input{width:70px!important}.varBox .hashtag{margin-left:10px}.varBox .varName{margin-left:-10px!important;padding-left:14px!important}.varBox .btn{margin-top:15px}.varBox .closeIcon{color:#ff6b6b;cursor:pointer;font-size:18px}.varBox p{color:#8c97a6!important;margin-top:15px!important}.entries{flex-direction:column;align-items:flex-start;display:flex}.entries .entry{background-color:#141a23;padding:6px 8px;width:auto!important}.entries .entry .entry-row{margin:4px 0;display:flex}.entries .entry .entry-row .varName{color:#c9d2dd;min-width:80px;display:block}.entries .entry .closeIcon{margin-left:10px}.loadingPrompt[data-v-25b42c75]{z-index:11;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;position:fixed;inset:0;overflow:auto}.loadingPrompt .errorScreen[data-v-25b42c75],.loadingPrompt .infoScreen[data-v-25b42c75]{border-radius:var(--panel-radius);border:var(--panel-border);box-sizing:border-box;color:#c9d2dd;overflow-wrap:anywhere;word-break:break-word;background:linear-gradient(#141a23fa,#0f141cfa);width:min(720px,100%);min-height:0;max-height:min(80vh,100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 16px 40px #070a1059}.loadingPrompt .errorScreen h1[data-v-25b42c75],.loadingPrompt .infoScreen h1[data-v-25b42c75]{align-items:center;margin:0;font-size:22px;display:flex}.loadingPrompt .errorScreen h1 .material-icons[data-v-25b42c75],.loadingPrompt .infoScreen h1 .material-icons[data-v-25b42c75]{color:#ff6b6b;margin-right:10px;font-size:24px}.loadingPrompt .errorScreen i[data-v-25b42c75],.loadingPrompt .infoScreen i[data-v-25b42c75]{color:#8c97a6}.loadingPrompt .errorScreen .action-row[data-v-25b42c75],.loadingPrompt .infoScreen .action-row[data-v-25b42c75]{justify-content:center;padding-top:5px;display:flex}.loadingPrompt .errorScreen .action-row .close[data-v-25b42c75],.loadingPrompt .errorScreen .action-row .action[data-v-25b42c75],.loadingPrompt .infoScreen .action-row .close[data-v-25b42c75],.loadingPrompt .infoScreen .action-row .action[data-v-25b42c75]{color:#c9d2ddcc;background-color:#0000;border:1px solid #c9d2ddcc}.loadingPrompt .errorScreen .action-row .close[data-v-25b42c75]:hover,.loadingPrompt .errorScreen .action-row .action[data-v-25b42c75]:hover,.loadingPrompt .infoScreen .action-row .close[data-v-25b42c75]:hover,.loadingPrompt .infoScreen .action-row .action[data-v-25b42c75]:hover{color:#c9d2dd;border:1px solid #c9d2dd}.loadingPrompt .errorScreen .action-row .action[data-v-25b42c75],.loadingPrompt .infoScreen .action-row .action[data-v-25b42c75]{color:#4cc3ff;border:1px solid #4cc3ff;margin-right:auto}.loadingPrompt .errorScreen .action-row .action[data-v-25b42c75]:hover,.loadingPrompt .infoScreen .action-row .action[data-v-25b42c75]:hover{color:#4cc3ffcc;border:1px solid #4cc3ffcc}.loadingPrompt .infoScreen[data-v-25b42c75]{min-width:20vw}.loadingPrompt .infoScreen p[data-v-25b42c75]{align-items:center;margin:0 0 20px;display:flex}.loadingPrompt .infoScreen .infoText[data-v-25b42c75]{white-space:pre-line}.loadingPrompt .infoScreen .material-icons[data-v-25b42c75]{color:#4cc3ff;margin-right:10px}.loadingPrompt .infoScreen .action-row .action[data-v-25b42c75]{margin-left:auto;margin-right:0}.loadingPrompt .spin[data-v-25b42c75]{font-size:40px}.dropzone[data-v-77adf870]{background-color:#566273;width:100%;height:5px;transition-duration:.1s}.dropzone.invisible[data-v-77adf870]{height:0}.dropzone.targeted[data-v-77adf870]{background-color:#00adb5;height:30px}.dragging[data-v-77adf870]{opacity:.5}.dragging .dropzone[data-v-77adf870]{display:none}.item[data-v-77adf870]{cursor:pointer;border-radius:8px;margin:4px 6px;padding:6px 10px;transition:background-color .12s,transform .12s}.item.posAction[data-v-77adf870]{border-left:2px solid #38d97e}.item.negAction[data-v-77adf870]{border-left:2px solid #ff6b6b}.item.not-hovered[data-v-77adf870],.item.primary[data-v-77adf870]{border-left:2px solid #4cc3ff80}.item.hovered[data-v-77adf870]{border-left:2px solid #4cc3ff33}.item[data-v-77adf870]:hover{background-color:#ffffff0a}.itemName[data-v-77adf870]{color:#c9d2dd;align-items:center;font-size:16px}.itemName .material-icons[data-v-77adf870]{margin-right:5px;font-size:18px}.itemName .dragIndicator[data-v-77adf870]{color:#0000;margin-left:auto;margin-right:0}.itemName:hover .dragIndicator[data-v-77adf870]{color:#8c97a6}.itemName .expandBtn[data-v-77adf870]{margin-left:-6px;margin-right:1px}.itemName .moreMenuBtn[data-v-77adf870],.itemName .expandBtn[data-v-77adf870]{color:#8c97a6}.itemName .moreMenuBtn[data-v-77adf870]:hover,.itemName .expandBtn[data-v-77adf870]:hover{color:#c9d2dd}.active[data-v-77adf870]{background-color:#4cc3ff14}.active .itemName[data-v-77adf870]{color:#f2f5f8}.invisible .itemName[data-v-77adf870]{color:#8c97a6}.subFolder[data-v-77adf870]{margin-left:20px}.modal[data-v-b289382e]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;position:fixed;inset:0;overflow:auto}.modal .modalContainer[data-v-b289382e]{border-radius:var(--panel-radius);border:var(--panel-border);box-sizing:border-box;color:#c9d2dd;overflow-wrap:anywhere;word-break:break-word;background:linear-gradient(#141a23fa,#0f141cfa);width:min(720px,100%);min-height:0;max-height:min(80vh,100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 16px 40px #070a1059}.modal .modalContainer h1[data-v-b289382e]{margin:0}.modal .modalContainer i[data-v-b289382e]{color:#8c97a6}.modal .modalContainer .action-row[data-v-b289382e]{justify-content:space-between;padding-top:10px;display:flex}.modal .modalContainer .action-row .close[data-v-b289382e]{color:#4cc3ffcc;background-color:#0000;border:1px solid #4cc3ffcc}.modal .modalContainer .action-row .close[data-v-b289382e]:hover{color:#4cc3ff;border:1px solid #4cc3ff}.liveSync[data-v-866f0fa5]{position:relative}.syncToggle[data-v-866f0fa5]{align-items:center;gap:6px;display:flex}.syncToggle .dot[data-v-866f0fa5]{background:#57d977;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #57d977}.syncToggle.live[data-v-866f0fa5]{color:#57d977}.syncToggle.error[data-v-866f0fa5]{color:#ff6b6b}.syncPanel[data-v-866f0fa5]{z-index:50;background:#141a23;border:1px solid #8a94a340;border-radius:12px;flex-direction:column;gap:8px;width:360px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.syncPanel .panelHead[data-v-866f0fa5]{justify-content:space-between;align-items:baseline;display:flex}.syncPanel .panelHead .title[data-v-866f0fa5]{color:#f2f5f8;font-weight:600}.syncPanel .panelHead .origin[data-v-866f0fa5]{font-size:11px}.syncPanel .panelHead .origin.ok[data-v-866f0fa5]{color:#57d977}.syncPanel .panelHead .origin.bad[data-v-866f0fa5]{color:#ffb454}.syncPanel .lead[data-v-866f0fa5]{color:#8c97a6;margin:0;font-size:12px;line-height:1.45}.syncPanel .envBanner[data-v-866f0fa5]{border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.syncPanel .envBanner .material-icons[data-v-866f0fa5]{flex-shrink:0;font-size:18px}.syncPanel .envBanner.ok[data-v-866f0fa5]{color:#9ff0b3;background:#57d9771f}.syncPanel .envBanner.bad[data-v-866f0fa5]{color:#ffb0a8;background:#ff6b6b1f}.syncPanel .help[data-v-866f0fa5]{color:#c9d2dd;margin-top:2px;font-size:12px}.syncPanel .help summary[data-v-866f0fa5]{cursor:pointer;color:#8c97a6;-webkit-user-select:none;user-select:none;font-size:12px}.syncPanel .help .steps[data-v-866f0fa5]{margin:8px 0;padding-left:18px;line-height:1.5}.syncPanel .help .steps li[data-v-866f0fa5]{margin-bottom:8px}.syncPanel .help .why[data-v-866f0fa5]{margin:6px 0 0;line-height:1.5}.syncPanel .help .why.subtle[data-v-866f0fa5]{color:#8c97a6;margin-top:6px}.syncPanel .help code[data-v-866f0fa5]{background:#0000004d;border-radius:4px;padding:1px 4px;font-size:11px}.syncPanel .cmdBlock[data-v-866f0fa5],.syncPanel .field[data-v-866f0fa5]{flex-direction:column;gap:4px;display:flex}.syncPanel .label[data-v-866f0fa5]{color:#8c97a6;font-size:12px}.syncPanel .urlInput[data-v-866f0fa5]{color:#f2f5f8;background:#ffffff0a;border:1px solid #8a94a34d;border-radius:8px;padding:6px 8px}.syncPanel .warn[data-v-866f0fa5]{color:#ffb454;margin:0;font-size:12px;line-height:1.4}.syncPanel .warn.subtle[data-v-866f0fa5]{color:#8c97a6}.syncPanel .cmdRow[data-v-866f0fa5]{align-items:center;gap:6px;display:flex}.syncPanel .cmdRow .cmd[data-v-866f0fa5]{color:#c9d2dd;white-space:nowrap;background:#0000004d;border-radius:8px;flex:1;padding:6px 8px;font-size:12px;overflow-x:auto}.syncPanel .cmdRow .copy[data-v-866f0fa5]{color:#8c97a6;cursor:pointer;background:0 0;border:none}.syncPanel .cmdRow .copy .material-icons[data-v-866f0fa5]{font-size:18px}.syncPanel .hint[data-v-866f0fa5]{color:#8c97a6;margin:0;font-size:11px;line-height:1.5}.syncPanel .actions[data-v-866f0fa5]{align-items:center;gap:8px;display:flex}.syncPanel .actions .btn.primary[data-v-866f0fa5]{color:#fff;background:#4cc3ff}.syncPanel .actions .stat[data-v-866f0fa5]{color:#8c97a6;font-size:11px}.syncPanel .actions .stat.live[data-v-866f0fa5]{color:#57d977}.shortcuts[data-v-3f6fa0f1]{line-height:2}.shortcuts span[data-v-3f6fa0f1]{background-color:#566273;border-bottom:3px solid #8c97a6;padding:2px 4px 0;font-size:14px}.lang-switch[data-v-3f6fa0f1]{background-color:#ffffff0a;border:1px solid #8a94a333;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;display:flex}.lang-switch .label[data-v-3f6fa0f1]{text-transform:none;color:#8c97a6;font-size:12px}.lang-switch .material-icons[data-v-3f6fa0f1]{color:#8c97a6;font-size:18px}.lang-switch .langSelect[data-v-3f6fa0f1]{align-items:center;display:flex;position:relative}.lang-switch .langSelect select[data-v-3f6fa0f1]{appearance:none;color:#f2f5f8;background:0 0;border:none;padding:4px 20px 4px 6px;font-size:14px}.lang-switch .langSelect select[data-v-3f6fa0f1]:focus{outline:none}.lang-switch .langSelect .caret[data-v-3f6fa0f1]{color:#8c97a6;pointer-events:none;font-size:18px;position:absolute;right:4px}.sizeResolution[data-v-3f6fa0f1]{color:#c9d2dd;opacity:.85;text-transform:none;background-color:#ffffff0a;border:1px solid #8a94a340;border-radius:8px;margin-left:6px;padding:2px 6px;font-size:.8em}#projectExplorer{color:#f2f5f8;width:100%;min-height:100vh;padding:0 0 var(--layout-gap);box-sizing:border-box;--page-pad:var(--layout-gap);position:relative;overflow-x:hidden}#projectExplorer:before{content:"";opacity:.35;pointer-events:none;z-index:0;background-image:radial-gradient(#4cc3ff14 1px,#0000 0),linear-gradient(#0f141cbf 0%,#0f141c26 60%,#0f141ce6 100%);background-size:36px 36px,cover;position:fixed;inset:0}#projectExplorer>*{z-index:1;position:relative}#projectExplorer .head.explorerHead,#projectExplorer .hero,#projectExplorer .projectSection{width:min(1240px, 100% - var(--page-pad) * 2);margin-left:auto;margin-right:auto}#projectExplorer .head.explorerHead{margin:var(--layout-gap) auto calc(var(--layout-gap) * 2)}#projectExplorer .hero{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:stretch;gap:clamp(20px,4vw,48px);margin-bottom:clamp(24px,5vw,56px);display:grid}#projectExplorer .explorerHead .headLeft,#projectExplorer .explorerHead .headRight,#projectExplorer .explorerHead .center{gap:10px}#projectExplorer .explorerHead .explorerBrand{color:#c9d2dd;letter-spacing:.4px;align-items:center;gap:8px;font-weight:600;display:flex}#projectExplorer .explorerHead .explorerBrand .material-icons{color:#8c97a6;font-size:18px}#projectExplorer .explorerHead .explorerTitle{color:#8c97a6;letter-spacing:.12em;text-transform:uppercase;font-size:.95rem}#projectExplorer .langSwitch{background:#0f141c99;border:1px solid #8a94a333;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;display:flex}#projectExplorer .langSwitch .label{text-transform:none;color:#8c97a6;font-size:12px}#projectExplorer .langSwitch .material-icons{color:#8c97a6;font-size:18px}#projectExplorer .langSwitch .langSelect{align-items:center;display:flex;position:relative}#projectExplorer .langSwitch .langSelect select{appearance:none;color:#f2f5f8;background:0 0;border:none;padding:4px 22px 4px 6px;font-size:13px}#projectExplorer .langSwitch .langSelect select:focus{outline:none}#projectExplorer .langSwitch .langSelect .caret{color:#8c97a6;pointer-events:none;font-size:18px;position:absolute;right:4px}#projectExplorer .heroText{flex-direction:column;gap:16px;display:flex}#projectExplorer .brand{align-items:center;gap:16px;display:flex}#projectExplorer .logoBadge{color:#0f141c;letter-spacing:.4px;background:linear-gradient(140deg,#4cc3ffb3,#38d97eb3);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-family:Nunito,sans-serif;font-weight:700;display:flex}#projectExplorer .brandText h1{letter-spacing:.3px;margin:0;font-family:Nunito,sans-serif;font-size:clamp(2.3rem,4vw,3.3rem);font-weight:700}#projectExplorer .brandText .subtitle{color:#8c97a6;margin:6px 0 0;font-size:.95rem}#projectExplorer .lead{color:#c9d2dd;max-width:540px;margin:0;font-size:1rem;line-height:1.6}#projectExplorer .heroActions{flex-wrap:wrap;gap:12px;display:flex}#projectExplorer .heroPrimary{color:#f2f5f8;background:linear-gradient(140deg,#4cc3ff59,#38d97e40);border-color:#4cc3ff80}#projectExplorer .heroPrimary .material-icons{color:#f2f5f8}#projectExplorer .heroSecondary{color:#c9d2dd;background:#0f141c73;border-color:#8a94a366}#projectExplorer .heroStats{flex-wrap:wrap;gap:14px;display:flex}#projectExplorer .stat{background:#141a23bf;border:1px solid #8a94a333;border-radius:12px;flex-direction:column;min-width:140px;padding:10px 14px;display:flex}#projectExplorer .stat .value{color:#f2f5f8;font-size:1.15rem;font-weight:700}#projectExplorer .stat .label{letter-spacing:.12em;text-transform:uppercase;color:#8c97a6;font-size:.7rem}#projectExplorer .heroPanel{background:linear-gradient(165deg,#1a212bf2,#0f141cf2);border:1px solid #8a94a340;border-radius:18px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;box-shadow:0 10px 24px #070a1073}#projectExplorer .panelTitle{letter-spacing:.16em;text-transform:uppercase;color:#8c97a6;font-size:.85rem}#projectExplorer .tipsList{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}#projectExplorer .tipsList li{color:#c9d2dd;gap:8px;font-size:.95rem;line-height:1.5;display:flex}#projectExplorer .tipsList li:before{content:"•";color:#4cc3ff;margin-top:1px}#projectExplorer .panelFooter{color:#8c97a6;align-items:center;gap:8px;font-size:.85rem;display:flex}#projectExplorer .panelFooter .material-icons{font-size:18px}#projectExplorer .panelDivider{background:#8a94a333;height:1px;margin:2px 0}#projectExplorer .panelActions{flex-direction:column;gap:8px;display:flex}#projectExplorer .panelAction{color:#c9d2dd;cursor:pointer;background:#0f141c99;border:1px solid #8a94a333;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:flex}#projectExplorer .panelAction .material-icons{color:#8c97a6;font-size:18px}#projectExplorer .panelAction:hover{background:#1a212bcc;border-color:#8a94a359;transform:translateY(-1px);box-shadow:0 16px 40px #070a1059}#projectExplorer .panelAction:active{transform:translateY(0)}#projectExplorer .projectSection{flex-direction:column;gap:16px;display:flex}#projectExplorer .sectionHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}#projectExplorer .sectionHeader h2{margin:0;font-size:1.4rem;font-weight:600}#projectExplorer .sectionActions{align-items:center;gap:12px;display:flex}#projectExplorer .searchBox{background:#141a23cc;border:1px solid #8a94a340;border-radius:12px;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}#projectExplorer .searchBox .material-icons{color:#8c97a6;font-size:18px}#projectExplorer .searchBox input{color:#f2f5f8;background:0 0;border:none;width:180px;font-size:.9rem}#projectExplorer .searchBox input:focus{outline:none}#projectExplorer .searchBox input::placeholder{color:#8c97a6}#projectExplorer .projectList{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}#projectExplorer .projectList .card{cursor:pointer;background-color:#141a23cc;background-position:50%;background-size:cover;border:1px solid #8a94a333;border-radius:18px;flex-direction:column;min-height:180px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #070a1059}#projectExplorer .projectList .card:hover{border-color:#4cc3ff66;transform:translateY(-2px);box-shadow:0 10px 24px #070a1073}#projectExplorer .projectList .createNew{color:#c9d2dd;text-align:center;background:linear-gradient(150deg,#38d97e1a,#4cc3ff14);border:1px dashed #38d97e8c;justify-content:center;align-items:center;gap:10px}#projectExplorer .projectList .createNew .material-icons{color:#38d97e;font-size:2.4rem}#projectExplorer .projectList .projectCard:before{content:"";opacity:.95;pointer-events:none;background:linear-gradient(#0f141c1a 0%,#0f141c8c 60%,#0f141ceb 100%);position:absolute;inset:0}#projectExplorer .projectList .projectCard .cardHeader{z-index:1;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex;position:relative}#projectExplorer .projectList .projectCard .badge{color:#f2f5f8;letter-spacing:.12em;text-transform:uppercase;background:#4cc3ff2e;border:1px solid #4cc3ff8c;border-radius:999px;padding:4px 10px;font-size:.65rem}#projectExplorer .projectList .projectCard .more{z-index:2;cursor:pointer;background:#0f141c8c;border:1px solid #8a94a34d;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}#projectExplorer .projectList .projectCard .more .material-icons{font-size:18px}#projectExplorer .projectList .projectCard .more:hover{background:#0f141ccc}#projectExplorer .projectList .projectCard .cardFooter{z-index:1;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding:12px;display:flex;position:relative}#projectExplorer .projectList .projectCard .name{flex:1;min-width:0}#projectExplorer .projectList .projectCard .name h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}#projectExplorer .projectList .projectCard .name span{color:#8c97a6;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}#projectExplorer .projectList .projectCard .openCta{color:#f2f5f8;letter-spacing:.12em;text-transform:uppercase;opacity:.85;background:#4cc3ff24;border:1px solid #4cc3ff73;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;padding:6px 10px;font-size:.7rem;transition:opacity .15s,transform .15s;display:inline-flex}#projectExplorer .projectList .projectCard .openCta .material-icons{font-size:16px}#projectExplorer .projectList .projectCard:hover .openCta{opacity:1;transform:translateY(-1px)}#projectExplorer .emptyState{text-align:center;background:#0f141c99;border:1px dashed #8a94a366;border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-top:12px;padding:32px;display:flex}#projectExplorer .emptyState .material-icons{color:#8c97a6;font-size:32px}#projectExplorer .emptyState .emptyTitle{font-size:1.1rem;font-weight:600}#projectExplorer .emptyState .emptyBody{color:#8c97a6;max-width:380px}#projectExplorer .absInfoBar{display:flex;position:absolute;top:0;right:0}@media screen and (width<=980px){#projectExplorer .hero{grid-template-columns:1fr}#projectExplorer .heroPanel{order:2}#projectExplorer .heroText{order:1}}@media screen and (width<=640px){#projectExplorer{--page-pad:24px}#projectExplorer .explorerHead{flex-direction:column;align-items:stretch;gap:10px}#projectExplorer .sectionHeader{align-items:flex-start}#projectExplorer .searchBox{width:100%}#projectExplorer .projectList{grid-template-columns:1fr}}:root{--bg:#0f141c;--surface:#141a23;--surface-2:#1a212b;--border:#2a3340;--text:#f2f5f8;--muted:#8c97a6;--accent:#4cc3ff;--success:#38d97e;--danger:#ff6b6b;--layout-gap:16px;--layout-gap-sm:12px;--panel-radius:16px;--panel-border:1px solid #8a94a333}:focus-visible{outline-offset:2px;outline:2px solid #4cc3ff!important}body{color:var(--text);scrollbar-gutter:stable;background:radial-gradient(1200px 700px at 15% -10%,#4cc3ff1f,#141a2300 60%),radial-gradient(900px 500px at 100% 10%,#38d97e14,#141a2300 60%),#141a23;height:100vh;margin:0;padding:0;font-family:Nunito,sans-serif;overflow-x:hidden}input[type=radio]{cursor:pointer;appearance:none;background-color:#0000;border:1px solid #566273;border-radius:10px;width:10px;height:10px;margin-right:.5rem}input[type=radio]:checked{background-color:#c9d2dd;border:3px solid #566273}.spin{cursor:default;animation-name:spin;animation-duration:1.2s;animation-iteration-count:infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseBorder{0%{border-width:1px}50%{border-width:4px}to{border-width:1px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.row{display:flex}.label{color:#8c97a6;text-transform:uppercase;font-size:14px}a{color:#4cc3ff;cursor:pointer;text-decoration:none}.btn{appearance:none;font:inherit;text-align:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;color:#c9d2dd;background-color:#1a212b;border:1px solid #8a94a32e;border-radius:10px;align-items:center;gap:6px;width:fit-content;height:fit-content;padding:5px 15px;transition:background-color .12s,border-color .12s,box-shadow .12s;display:flex}.btn:hover{background-color:#141a23;border-color:#8a94a359;box-shadow:0 16px 40px #070a1059}.btn .material-icons{margin-left:-2px;margin-right:0;font-size:20px}.btn .text{font-size:16px;font-weight:500}.btn.fillCanvas{color:#f2f5f8;background:linear-gradient(135deg,#4cc3ff33,#38d97e26);border-color:#4cc3ff73}.red-text{color:#ff6b6b!important}.absoluteMenu{z-index:50;color:#c9d2dd;border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1a212bf5,#141a23f5);border:1px solid #8a94a333;transition-property:opacity;transition-duration:.15s;display:none;position:fixed;overflow:hidden;box-shadow:0 10px 24px #070a1073}@media screen and (height<=1080px){.absoluteMenu{max-height:50vh;overflow-y:auto}}.absoluteMenu .divider{background-color:#0f141c;width:100%;height:1px}.absoluteMenu .divider.lighter{background-color:#8c97a6}.absoluteMenu .entry{cursor:pointer;align-items:center;gap:8px;padding:7px 15px 7px 10px;font-size:16px;display:flex}.absoluteMenu .entry:hover{color:#f2f5f8;background-color:#0f141c}.absoluteMenu .entry .material-icons{margin-right:0;font-size:15px}#app{flex-direction:column;height:100%;display:flex;position:relative}#app .head{align-items:center;gap:var(--layout-gap-sm);margin:var(--layout-gap) auto 0;width:min(1240px, 100% - var(--layout-gap) * 2);z-index:3;border-radius:var(--panel-radius);border:var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:linear-gradient(90deg,#1a212b,#1a212bd9);padding:10px 14px;animation:.22s fadeUp;display:flex;box-shadow:0 10px 24px #070a1073}#app .head .label{color:#8c97a6;font-weight:700}#app .head .headLeft,#app .head .headRight{align-items:center;gap:var(--layout-gap-sm);flex-shrink:0;display:flex}#app .head .center{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}#app .head .inputProjectName{background-color:unset;color:#8c97a6;text-align:right;border:none;border-radius:0;width:140px;padding:4px 8px;font-size:18px;font-weight:400}#app .head .inputProjectName:focus{outline:none}#app .head .size{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}#app .head .size input{text-align:center;color:#8c97a6;background-color:#0000;border:none;width:20px;font-size:17px}#app .head .size input:focus{outline:none}#app .head .size input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#app .head .size input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#app .head .size input[type=number]{-moz-appearance:textfield}#app .head .sync{color:#8c97a6;border:1px solid #8c97a6;position:relative}#app .head .sync:hover{color:#4cc3ff;border-color:#4cc3ff}#app .head .export{color:#0f141c;background-color:#38d97e}#app .head .save{color:#38d97e;border:1px solid #38d97e}#app .head .save.inactive{color:#8c97a6;border-color:#8c97a6}#app .mainSpace{margin:var(--layout-gap) 0 0;padding:0 var(--layout-gap) var(--layout-gap);gap:var(--layout-gap);background:0 0;flex-grow:1;position:relative;overflow:hidden}#app #compTree{justify-content:flex-start;gap:var(--layout-gap);width:clamp(240px,18vw,320px);padding:var(--layout-gap);border:var(--panel-border);border-radius:var(--panel-radius);box-sizing:border-box;background-color:#0000;flex-direction:column;display:flex;box-shadow:0 16px 40px #070a1059}#app #compTree .actualTree{box-sizing:border-box;box-shadow:none;background-color:#0000;border:none;border-radius:0;flex:1;margin:0;padding:0;animation:.22s fadeUp;overflow-y:auto}#app #compTree .addComponentBtn{justify-content:flex-start;align-self:stretch;margin-top:auto;margin-left:6px;margin-right:6px;padding:6px 12px 6px 10px}#app #settings{border:var(--panel-border);border-radius:var(--panel-radius);width:clamp(280px,22vw,360px);padding:var(--layout-gap);box-sizing:border-box;background-color:#0000;overflow-y:auto;box-shadow:0 16px 40px #070a1059}#app #settings .settings-box{border-radius:var(--panel-radius);box-shadow:none;background-color:#0000;border:none;margin:0;padding:14px;animation:.22s fadeUp}#app #settings .divider{width:100%;height:1px;margin:var(--layout-gap) 0;background-color:#8a94a32e}#app #settings h1,#app #settings h2{margin:var(--layout-gap) 0;color:#c9d2dd;justify-content:center;align-items:center;font-size:24px;font-weight:400;display:flex}#app #settings h1 .material-icons,#app #settings h2 .material-icons{color:#8c97a6;margin-right:15px;font-size:20px}#app #settings .label.heading{margin-top:var(--layout-gap-sm)}#app #settings h2{font-size:20px}#app #settings h2 .material-icons{margin-right:10px;font-size:18px}#app #settings h3{color:#8c97a6;text-transform:uppercase;margin-top:var(--layout-gap);font-size:16px;font-weight:700}#app #settings .settings-row{margin:var(--layout-gap-sm) 0 0;align-items:center;width:100%;display:flex}#app #settings .settings-row.disribute{justify-content:space-between}#app #settings input,#app #settings textarea,#app #settings select{color:#c9d2dd;background-color:#ffffff08;border:1px solid #8a94a359;border-radius:5px;margin-left:10px;padding:5px 10px;transition:border-color .12s,background-color .12s}#app #settings input option,#app #settings textarea option,#app #settings select option{color:#8c97a6}#app #settings input:focus,#app #settings textarea:focus,#app #settings select:focus{background-color:#ffffff0f;border-color:#4cc3ff73;outline:none}#app #settings input[type=color]{padding:0}#app #settings .input-box{color:#c9d2dd;background-color:#ffffff08;border:1px solid #8a94a359;border-radius:5px;align-items:center;width:fit-content;margin-right:15px;padding:5px 10px;display:flex}#app #settings .input-box span{text-align:center;min-width:20px;padding-left:10px;font-size:14px}#app #settings .input-box input,#app #settings .input-box select{text-align:right;color:#c9d2dd;background-color:#0000;border:none;border-right:1.2px solid #8c97a6;border-radius:0;width:40px;padding:0 10px 0 0;font-size:15px}#app #settings .input-box input option,#app #settings .input-box select option{color:#c9d2dd;background-color:#141a23}#app #settings .input-box input:focus,#app #settings .input-box select:focus{outline:none}#app #settings .clickActions .addAction{margin:0 auto var(--layout-gap-sm);color:#c9d2dd;background-color:#0000;border:1px solid #c9d2dd}#app #settings .clickActions #actionEditor{margin:var(--layout-gap) 0 0;padding:14px;box-shadow:0 10px 24px #070a1073}#app #settings .clickActions #actionEditor h2{justify-content:start;margin-top:0;margin-bottom:10px}#app #settings p{color:#c9d2dd;margin-top:var(--layout-gap-sm)}#app #settings .gen-box .label{min-width:70px}#app #settings .gen-box .id-box input{text-align:center;color:#8c97a6;width:100px}#app #settings .gen-box .id-box .material-icons{color:#8c97a6;cursor:pointer;margin-left:7px;font-size:20px}#app #settings .gen-box .id-box .material-icons:hover{color:#c9d2dd}#app #settings .alignBlock{margin-top:var(--layout-gap-sm);padding-top:var(--layout-gap-sm);border-top:1px dashed #8a94a338}#app #settings .alignRow{align-items:center}#app #settings .alignScope{gap:6px;margin-left:auto;display:flex}#app #settings .alignScopeBtn{letter-spacing:.02em;color:#8c97a6;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #8a94a359;border-radius:8px;padding:4px 8px;font-size:12px;transition:border-color .12s,background-color .12s,color .12s,transform .12s}#app #settings .alignScopeBtn:hover{color:#c9d2dd;border-color:#4cc3ff73}#app #settings .alignScopeBtn.active{color:#c9d2dd;background-color:#4cc3ff29;border-color:#4cc3ff99}#app #settings .alignScopeBtn.disabled{opacity:.4;pointer-events:none}#app #settings .alignButtons{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}#app #settings .alignButtons .material-icons{color:#8c97a6;cursor:pointer;border:1px solid #8a94a359;border-radius:8px;padding:6px;font-size:20px;transition:border-color .12s,background-color .12s,color .12s,transform .12s}#app #settings .alignButtons .material-icons:hover{color:#c9d2dd;background-color:#ffffff0d;border-color:#4cc3ff73}#app #settings .alignButtons .material-icons:active{transform:translateY(1px)}#app .canvasContainer{border:var(--panel-border);border-radius:var(--panel-radius);box-sizing:border-box;background-color:#0f141c;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:18px 18px;flex-grow:1;position:relative;overflow:auto;box-shadow:0 16px 40px #070a1059}#app .canvasContainer::-webkit-scrollbar{width:8px;height:8px}#app .canvasContainer::-webkit-scrollbar-track{background:0 0}#app .canvasContainer::-webkit-scrollbar-corner{background:#566273cc}#app .canvasContainer::-webkit-scrollbar-thumb{background:#566273cc}#app .canvasContainer::-webkit-scrollbar-thumb:hover{background:#566273}#app .canvasContainer #canvasPadding{width:fit-content;margin:auto;padding:40px}#app .canvasContainer #canvasPadding #canvas{height:fit-content;image-rendering:pixelated;background-color:#000;border:1px solid #8a94a366;border-radius:6px;display:block;box-shadow:0 10px 24px #070a1073}#app .canvasContainer .toolbar{border-radius:var(--panel-radius);border:var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1a212bf2;align-items:center;width:20rem;height:3rem;display:flex;position:fixed;bottom:2rem;left:calc(50% - 10rem);box-shadow:0 10px 24px #070a1073}#app .canvasContainer .toolbar .zoom{align-items:center;gap:8px;margin-left:15px;margin-right:auto;display:flex}#app .canvasContainer .toolbar .zoom select{color:#c9d2dd;background-color:#0000;border:none;width:65px;padding:4px 2px}#app .canvasContainer .toolbar .zoom select:hover{background-color:#566273}#app .canvasContainer .toolbar .zoom select:focus{outline:none}#app .canvasContainer .toolbar .zoom select option{background-color:#0f141c}#app .canvasContainer .toolbar .zoom .snapToggle{color:#8c97a6;cursor:pointer;border:1px solid #8a94a34d;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}#app .canvasContainer .toolbar .zoom .snapToggle .material-icons{font-size:16px}#app .canvasContainer .toolbar .zoom .snapToggle:hover{background-color:#ffffff14}#app .canvasContainer .toolbar .zoom .snapToggle.active{color:#c9d2dd;background-color:#4cc3ff1f;border-color:#4cc3ff8c}#app .canvasContainer .toolbar .historyControls .btnHstr{box-sizing:content-box;color:#c9d2dd;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:1px solid #8a94a34d;justify-content:center;align-items:center;width:3rem;height:3rem;transition:background-color .12s,color .12s;display:flex}#app .canvasContainer .toolbar .historyControls .btnHstr:hover{background-color:#ffffff14}#app .canvasContainer .toolbar .historyControls .btnHstr.inactive{color:#8c97a6;cursor:not-allowed}#app .canvasContainer .toolbar .historyControls .btnHstr.inactive:hover{background-color:unset}.mobile-warning-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.mobile-warning-modal{color:#fff;text-align:center;background:#2c3e50;border-radius:12px;max-width:400px;padding:2rem;box-shadow:0 10px 25px #00000080}.mobile-warning-modal h3{color:#e74c3c;margin-top:0;margin-bottom:1rem}.mobile-warning-modal p{color:#ecf0f1;margin-bottom:1rem;line-height:1.5}.mobile-warning-modal .warning-text{color:#f39c12;font-weight:700}.mobile-warning-modal .proceed-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;margin-top:1rem;padding:12px 24px;font-size:1rem;transition:background .2s}.mobile-warning-modal .proceed-btn:hover{background:#c0392b}