@charset "UTF-8";#visSettings p[data-v-19d70e46]{margin-top:0}.switch-row[data-v-4f413b47]{color:#c9d2dd}.switch-row .label[data-v-4f413b47]{cursor:pointer}.switch-row .label.active[data-v-4f413b47]{font-weight:700;text-decoration:underline}#templateSettings input,#templateSettings select{border:none!important;border-bottom:1px #566273 solid!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;font-size:18px;cursor:pointer}#templateSettings p{color:#8c97a6!important;margin-top:15px!important}#viewSettings p[data-v-84fa50df]{color:#c9d2dd;margin-top:0}#gifContrSettings p[data-v-8c802bf3]{margin-top:0}#visCheckSettings p[data-v-847f45c8]{color:#c9d2dd;margin-top:0}#imageEditor .imageList[data-v-57fe6b87]{flex-wrap:wrap;justify-content:space-between;max-height:150px;overflow-y:auto;margin-bottom:10px!important}#imageEditor .imageList .imageBox[data-v-57fe6b87]{width:80px;height:80px;overflow:hidden;background-size:contain;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;margin:10px;cursor:pointer;display:flex;justify-content:space-between;flex-direction:column}#imageEditor .imageList .imageBox.active[data-v-57fe6b87]{border:2px solid #4cc3ff;box-sizing:border-box;background-color:#141a23}#imageEditor .imageList .imageBox[data-v-57fe6b87]:hover{transform:scale(1.1)}#imageEditor .imageList .imageBox:hover .imageName[data-v-57fe6b87]{white-space:normal}#imageEditor .imageList .imageBox .imageName[data-v-57fe6b87]{background-color:#0009;width:fit-content;white-space:nowrap;font-size:12px;padding:2px 10px}#imageEditor .imageList .imageBox .delImage[data-v-57fe6b87]{align-self:flex-end;padding-top:3px;height:17px;background-color:#0009}#imageEditor .imageList .imageBox .delImage .material-icons[data-v-57fe6b87]{color:#ff6b6b;font-size:20px!important;line-height:.4}select[data-v-fa235f0c]{width:150px!important}#textEditor .colorInput[data-v-f70897f8]{width:80px}#textEditor a[data-v-f70897f8]{font-size:14px}#textEditor .alignOptions[data-v-f70897f8]{display:flex;align-items:center;color:#566273;border:1px solid rgba(138,148,163,.35);padding:5px 10px;border-radius:5px}#textEditor .alignOptions i[data-v-f70897f8]{cursor:pointer;font-size:20px}#textEditor .alignOptions i[data-v-f70897f8]:hover{color:#c9d2dd}#textEditor .alignOptions i.active[data-v-f70897f8]{color:#f2f5f8}#textEditor .alignOptions i[data-v-f70897f8]:nth-child(2){margin:0 10px}#hoverSettings input[data-v-a61e56b5]{margin:0 10px 0 0!important}#hoverSettings p[data-v-a61e56b5]{color:#8c97a6!important}#viewSettings select[data-v-f1a671d0]{width:140px!important}#viewSettings p[data-v-f1a671d0]{color:#8c97a6!important}#checkCompSettings input[data-v-a500cb1b]{margin:0 10px 0 0!important}#checkCompSettings p[data-v-a500cb1b]{color:#8c97a6!important}#checkCompSettings select[data-v-a500cb1b]{width:170px!important}#hoverSettings input[data-v-072eb3fb]{margin:0 10px 0 0!important}#hoverSettings p[data-v-072eb3fb]{color:#8c97a6!important}#textInputEditor .heading[data-v-af3c6f76]{font-weight:700}#textInputEditor .colorInput[data-v-af3c6f76]{width:80px}#textInputEditor p i[data-v-af3c6f76]{color:#8c97a6}#textInputEditor a[data-v-af3c6f76]{font-size:14px}#textInputEditor .alignOptions[data-v-af3c6f76]{display:flex;align-items:center;color:#566273;border:1px solid rgba(138,148,163,.35);padding:5px 10px;border-radius:5px}#textInputEditor .alignOptions i[data-v-af3c6f76]{cursor:pointer;font-size:20px}#textInputEditor .alignOptions i[data-v-af3c6f76]:hover{color:#c9d2dd}#textInputEditor .alignOptions i.active[data-v-af3c6f76]{color:#f2f5f8}#textInputEditor .alignOptions i[data-v-af3c6f76]:nth-child(2){margin:0 10px}#replicaSettings p[data-v-eb1804d3]{color:#8c97a6!important}#replicaSettings .normalCase[data-v-eb1804d3]{text-transform:none!important}.varBox input,.varBox select{border:none!important;border-bottom:1px #566273 solid!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;font-size:18px;cursor:pointer}.varBox p{color:#8c97a6!important;margin-top:15px!important}.entries{display:flex;flex-direction:column;align-items:flex-start}.entries .entry{padding:6px 8px;width:auto!important;background-color:#141a23}.entries .entry .entry-row{display:flex;margin:4px 0}.entries .entry .entry-row .varName{color:#c9d2dd;min-width:80px;display:block}.entries .entry .closeIcon{margin-left:10px}.loadingPrompt[data-v-de2d20f4]{z-index:11;position:fixed;inset:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:24px;box-sizing:border-box;overflow:auto}.loadingPrompt .errorScreen[data-v-de2d20f4],.loadingPrompt .infoScreen[data-v-de2d20f4]{width:min(720px,100%);max-height:min(80vh,100vh - 48px);min-height:0;overflow-y:auto;padding:24px;box-shadow:0 16px 40px #070a1059;background:linear-gradient(180deg,#141a23fa,#0f141cfa);border-radius:var(--panel-radius);border:var(--panel-border);box-sizing:border-box;color:#c9d2dd;overflow-wrap:anywhere;word-break:break-word}.loadingPrompt .errorScreen h1[data-v-de2d20f4],.loadingPrompt .infoScreen h1[data-v-de2d20f4]{margin:0;font-size:22px;display:flex;align-items:center}.loadingPrompt .errorScreen h1 .material-icons[data-v-de2d20f4],.loadingPrompt .infoScreen h1 .material-icons[data-v-de2d20f4]{font-size:24px;color:#ff6b6b;margin-right:10px}.loadingPrompt .errorScreen i[data-v-de2d20f4],.loadingPrompt .infoScreen i[data-v-de2d20f4]{color:#8c97a6}.loadingPrompt .errorScreen .action-row[data-v-de2d20f4],.loadingPrompt .infoScreen .action-row[data-v-de2d20f4]{padding-top:5px;display:flex;justify-content:center}.loadingPrompt .errorScreen .action-row .close[data-v-de2d20f4],.loadingPrompt .errorScreen .action-row .action[data-v-de2d20f4],.loadingPrompt .infoScreen .action-row .close[data-v-de2d20f4],.loadingPrompt .infoScreen .action-row .action[data-v-de2d20f4]{background-color:transparent;border:1px solid rgba(201,210,221,.8);color:#c9d2ddcc}.loadingPrompt .errorScreen .action-row .close[data-v-de2d20f4]:hover,.loadingPrompt .errorScreen .action-row .action[data-v-de2d20f4]:hover,.loadingPrompt .infoScreen .action-row .close[data-v-de2d20f4]:hover,.loadingPrompt .infoScreen .action-row .action[data-v-de2d20f4]:hover{border:1px solid #c9d2dd;color:#c9d2dd}.loadingPrompt .errorScreen .action-row .action[data-v-de2d20f4],.loadingPrompt .infoScreen .action-row .action[data-v-de2d20f4]{margin-right:auto;border:1px solid #4cc3ff;color:#4cc3ff}.loadingPrompt .errorScreen .action-row .action[data-v-de2d20f4]:hover,.loadingPrompt .infoScreen .action-row .action[data-v-de2d20f4]:hover{border:1px solid rgba(76,195,255,.8);color:#4cc3ffcc}.loadingPrompt .infoScreen[data-v-de2d20f4]{min-width:20vw}.loadingPrompt .infoScreen p[data-v-de2d20f4]{display:flex;align-items:center;margin:0 0 20px}.loadingPrompt .infoScreen .infoText[data-v-de2d20f4]{white-space:pre-line}.loadingPrompt .infoScreen .material-icons[data-v-de2d20f4]{color:#4cc3ff;margin-right:10px}.loadingPrompt .infoScreen .action-row .action[data-v-de2d20f4]{margin-right:0;margin-left:auto}.loadingPrompt .spin[data-v-de2d20f4]{font-size:40px}.dropzone[data-v-c20b7865]{height:5px;width:100%;background-color:#566273;transition-duration:.1s}.dropzone.invisible[data-v-c20b7865]{height:0px}.dropzone.targeted[data-v-c20b7865]{background-color:#00adb5;height:30px}.dragging[data-v-c20b7865]{opacity:.5}.dragging .dropzone[data-v-c20b7865]{display:none}.item[data-v-c20b7865]{padding:6px 10px;margin:4px 6px;cursor:pointer;border-radius:8px;transition:background-color .12s ease,transform .12s ease}.item.posAction[data-v-c20b7865]{border-left:2px solid #38d97e}.item.negAction[data-v-c20b7865]{border-left:2px solid #ff6b6b}.item.not-hovered[data-v-c20b7865],.item.primary[data-v-c20b7865]{border-left:2px solid rgba(76,195,255,.5)}.item.hovered[data-v-c20b7865]{border-left:2px solid rgba(76,195,255,.2)}.item[data-v-c20b7865]:hover{background-color:#ffffff0a}.itemName[data-v-c20b7865]{font-size:16px;align-items:center;color:#c9d2dd}.itemName .material-icons[data-v-c20b7865]{margin-right:5px;font-size:18px}.itemName .dragIndicator[data-v-c20b7865]{color:transparent;margin-left:auto;margin-right:0}.itemName:hover .dragIndicator[data-v-c20b7865]{color:#566273}.itemName .expandBtn[data-v-c20b7865]{margin-left:-6px;margin-right:1px}.itemName .moreMenuBtn[data-v-c20b7865],.itemName .expandBtn[data-v-c20b7865]{color:#8c97a6}.itemName .moreMenuBtn[data-v-c20b7865]:hover,.itemName .expandBtn[data-v-c20b7865]:hover{color:#c9d2dd}.active[data-v-c20b7865]{background-color:#4cc3ff14}.active .itemName[data-v-c20b7865]{color:#f2f5f8}.invisible .itemName[data-v-c20b7865]{color:#566273}.subFolder[data-v-c20b7865]{margin-left:20px}.modal[data-v-4b3aace9]{position:fixed;inset:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:20;padding:24px;box-sizing:border-box;overflow:auto}.modal .modalContainer[data-v-4b3aace9]{width:min(720px,100%);max-height:min(80vh,100vh - 48px);min-height:0;overflow-y:auto;padding:24px;box-shadow:0 16px 40px #070a1059;background:linear-gradient(180deg,#141a23fa,#0f141cfa);border-radius:var(--panel-radius);border:var(--panel-border);box-sizing:border-box;color:#c9d2dd;overflow-wrap:anywhere;word-break:break-word}.modal .modalContainer h1[data-v-4b3aace9]{margin:0}.modal .modalContainer i[data-v-4b3aace9]{color:#8c97a6}.modal .modalContainer .action-row[data-v-4b3aace9]{display:flex;padding-top:10px;justify-content:space-between}.modal .modalContainer .action-row .close[data-v-4b3aace9]{background-color:transparent;border:1px solid rgba(76,195,255,.8);color:#4cc3ffcc}.modal .modalContainer .action-row .close[data-v-4b3aace9]:hover{border:1px solid #4cc3ff;color:#4cc3ff}.shortcuts[data-v-e6f98378]{line-height:2}.shortcuts span[data-v-e6f98378]{font-size:14px;background-color:#566273;padding:2px 4px 0;border-bottom:#8c97a6 3px solid}.lang-switch[data-v-e6f98378]{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;border:1px solid rgba(138,148,163,.2);background-color:#ffffff0a}.lang-switch .label[data-v-e6f98378]{text-transform:none;font-size:12px;color:#8c97a6}.lang-switch .material-icons[data-v-e6f98378]{font-size:18px;color:#8c97a6}.lang-switch .langSelect[data-v-e6f98378]{position:relative;display:flex;align-items:center}.lang-switch .langSelect select[data-v-e6f98378]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;color:#f2f5f8;border:none;padding:4px 20px 4px 6px;font-size:14px}.lang-switch .langSelect select[data-v-e6f98378]:focus{outline:none}.lang-switch .langSelect .caret[data-v-e6f98378]{position:absolute;right:4px;font-size:18px;color:#566273;pointer-events:none}.sizeResolution[data-v-e6f98378]{color:#c9d2dd;opacity:.85;margin-left:6px;font-size:.8em;text-transform:none;padding:2px 6px;border-radius:8px;border:1px solid rgba(138,148,163,.25);background-color:#ffffff0a}#projectExplorer{min-height:100vh;width:100%;color:#f2f5f8;padding:0 0 var(--layout-gap);box-sizing:border-box;position:relative;overflow-x:hidden;--page-pad: var(--layout-gap)}#projectExplorer:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(76,195,255,.08) 1px,transparent 0),linear-gradient(180deg,#0f141cbf,#0f141c26 60%,#0f141ce6);background-size:36px 36px,cover;opacity:.35;pointer-events:none;z-index:0}#projectExplorer>*{position:relative;z-index:1}#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{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:clamp(20px,4vw,48px);align-items:stretch;margin-bottom:clamp(24px,5vw,56px)}#projectExplorer .explorerHead .headLeft,#projectExplorer .explorerHead .headRight,#projectExplorer .explorerHead .center{gap:10px}#projectExplorer .explorerHead .explorerBrand{display:flex;align-items:center;gap:8px;color:#c9d2dd;font-weight:600;letter-spacing:.4px}#projectExplorer .explorerHead .explorerBrand .material-icons{font-size:18px;color:#8c97a6}#projectExplorer .explorerHead .explorerTitle{font-size:.95rem;color:#8c97a6;letter-spacing:.12em;text-transform:uppercase}#projectExplorer .langSwitch{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;border:1px solid rgba(138,148,163,.2);background:#0f141c99}#projectExplorer .langSwitch .label{text-transform:none;font-size:12px;color:#8c97a6}#projectExplorer .langSwitch .material-icons{font-size:18px;color:#8c97a6}#projectExplorer .langSwitch .langSelect{position:relative;display:flex;align-items:center}#projectExplorer .langSwitch .langSelect select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;color:#f2f5f8;border:none;padding:4px 22px 4px 6px;font-size:13px}#projectExplorer .langSwitch .langSelect select:focus{outline:none}#projectExplorer .langSwitch .langSelect .caret{position:absolute;right:4px;font-size:18px;color:#566273;pointer-events:none}#projectExplorer .heroText{display:flex;flex-direction:column;gap:16px}#projectExplorer .brand{display:flex;align-items:center;gap:16px}#projectExplorer .logoBadge{height:56px;width:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#4cc3ffb3,#38d97eb3);color:#0f141c;font-family:Nunito,sans-serif;font-weight:700;letter-spacing:.4px}#projectExplorer .brandText h1{margin:0;font-size:clamp(2.3rem,4vw,3.3rem);font-weight:700;font-family:Nunito,sans-serif;letter-spacing:.3px}#projectExplorer .brandText .subtitle{margin:6px 0 0;font-size:.95rem;color:#8c97a6}#projectExplorer .lead{margin:0;color:#c9d2dd;font-size:1rem;max-width:540px;line-height:1.6}#projectExplorer .heroActions{display:flex;flex-wrap:wrap;gap:12px}#projectExplorer .heroPrimary{background:linear-gradient(140deg,#4cc3ff59,#38d97e40);border-color:#4cc3ff80;color:#f2f5f8}#projectExplorer .heroPrimary .material-icons{color:#f2f5f8}#projectExplorer .heroSecondary{background:#0f141c73;border-color:#8a94a366;color:#c9d2dd}#projectExplorer .heroStats{display:flex;gap:14px;flex-wrap:wrap}#projectExplorer .stat{background:#141a23bf;border:1px solid rgba(138,148,163,.2);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;min-width:140px}#projectExplorer .stat .value{font-size:1.15rem;font-weight:700;color:#f2f5f8}#projectExplorer .stat .label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#566273}#projectExplorer .heroPanel{background:linear-gradient(165deg,#1a212bf2,#0f141cf2);border:1px solid rgba(138,148,163,.25);border-radius:18px;padding:18px 20px;box-shadow:0 10px 24px #070a1073;display:flex;flex-direction:column;gap:14px}#projectExplorer .panelTitle{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#8c97a6}#projectExplorer .tipsList{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}#projectExplorer .tipsList li{display:flex;gap:8px;color:#c9d2dd;font-size:.95rem;line-height:1.5}#projectExplorer .tipsList li:before{content:"•";color:#4cc3ff;margin-top:1px}#projectExplorer .panelFooter{display:flex;align-items:center;gap:8px;color:#8c97a6;font-size:.85rem}#projectExplorer .panelFooter .material-icons{font-size:18px}#projectExplorer .panelDivider{height:1px;background:#8a94a333;margin:2px 0}#projectExplorer .panelActions{display:flex;flex-direction:column;gap:8px}#projectExplorer .panelAction{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(138,148,163,.2);background:#0f141c99;color:#c9d2dd;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}#projectExplorer .panelAction .material-icons{font-size:18px;color:#8c97a6}#projectExplorer .panelAction:hover{background:#1a212bcc;border-color:#8a94a359;box-shadow:0 16px 40px #070a1059;transform:translateY(-1px)}#projectExplorer .panelAction:active{transform:translateY(0)}#projectExplorer .projectSection{display:flex;flex-direction:column;gap:16px}#projectExplorer .sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#projectExplorer .sectionHeader h2{margin:0;font-size:1.4rem;font-weight:600}#projectExplorer .sectionActions{display:flex;align-items:center;gap:12px}#projectExplorer .searchBox{display:flex;align-items:center;gap:8px;background:#141a23cc;border:1px solid rgba(138,148,163,.25);border-radius:12px;padding:8px 12px;min-width:220px}#projectExplorer .searchBox .material-icons{font-size:18px;color:#566273}#projectExplorer .searchBox input{background:transparent;border:none;color:#f2f5f8;font-size:.9rem;width:180px}#projectExplorer .searchBox input:focus{outline:none}#projectExplorer .searchBox input::placeholder{color:#566273}#projectExplorer .projectList{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}#projectExplorer .projectList .card{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(138,148,163,.2);box-shadow:0 16px 40px #070a1059;background-color:#141a23cc;background-size:cover;background-position:center;min-height:180px;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}#projectExplorer .projectList .card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #070a1073;border-color:#4cc3ff66}#projectExplorer .projectList .createNew{background:linear-gradient(150deg,#38d97e1a,#4cc3ff14);border:1px dashed rgba(56,217,126,.55);align-items:center;justify-content:center;gap:10px;color:#c9d2dd;text-align:center}#projectExplorer .projectList .createNew .material-icons{font-size:2.4rem;color:#38d97e}#projectExplorer .projectList .projectCard:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f141c1a,#0f141c8c 60%,#0f141ceb);opacity:.95;pointer-events:none}#projectExplorer .projectList .projectCard .cardHeader{position:relative;z-index:1;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}#projectExplorer .projectList .projectCard .badge{background:#4cc3ff2e;border:1px solid rgba(76,195,255,.55);color:#f2f5f8;border-radius:999px;padding:4px 10px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}#projectExplorer .projectList .projectCard .more{position:relative;z-index:2;height:30px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(138,148,163,.3);background:#0f141c8c;cursor:pointer}#projectExplorer .projectList .projectCard .more .material-icons{font-size:18px}#projectExplorer .projectList .projectCard .more:hover{background:#0f141ccc}#projectExplorer .projectList .projectCard .cardFooter{position:relative;z-index:1;margin-top:auto;padding:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}#projectExplorer .projectList .projectCard .name{flex:1;min-width:0}#projectExplorer .projectList .projectCard .name h3{margin:0;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#projectExplorer .projectList .projectCard .name span{font-size:.8rem;color:#8c97a6;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#projectExplorer .projectList .projectCard .openCta{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(76,195,255,.45);background:#4cc3ff24;color:#f2f5f8;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85;flex-shrink:0;transition:opacity .15s ease,transform .15s ease}#projectExplorer .projectList .projectCard .openCta .material-icons{font-size:16px}#projectExplorer .projectList .projectCard:hover .openCta{opacity:1;transform:translateY(-1px)}#projectExplorer .emptyState{margin-top:12px;border-radius:18px;border:1px dashed rgba(138,148,163,.4);background:#0f141c99;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}#projectExplorer .emptyState .material-icons{font-size:32px;color:#8c97a6}#projectExplorer .emptyState .emptyTitle{font-size:1.1rem;font-weight:600}#projectExplorer .emptyState .emptyBody{color:#8c97a6;max-width:380px}#projectExplorer .absInfoBar{position:absolute;top:0;right:0;display:flex}@media screen and (max-width:980px){#projectExplorer .hero{grid-template-columns:1fr}#projectExplorer .heroPanel{order:2}#projectExplorer .heroText{order:1}}@media screen and (max-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 rgba(138, 148, 163, .2)}body{background:radial-gradient(1200px 700px at 15% -10%,#4cc3ff1f,#141a2300 60%),radial-gradient(900px 500px at 100% 10%,#38d97e14,#141a2300 60%),#141a23;color:var(--text);padding:0;margin:0;height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden;scrollbar-gutter:stable}input[type=radio]{cursor:pointer;appearance:none;width:10px;height:10px;border-radius:10px;border:1px solid #566273;background-color:transparent;margin-right:.5rem}input[type=radio]:checked{background-color:#c9d2dd;border:3px solid #566273}.spin{animation-name:spin;animation-duration:1.2s;animation-iteration-count:infinite;cursor:default}@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{display:flex;padding:5px 15px;align-items:center;gap:6px;height:fit-content;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;background-color:#1a212b;border:1px solid rgba(138,148,163,.18);color:#c9d2dd;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover{background-color:#141a23;border-color:#8a94a359;box-shadow:0 16px 40px #070a1059}.btn .material-icons{font-size:20px;margin-left:-2px;margin-right:0}.btn .text{font-size:16px;font-weight:500}.btn.fillCanvas{background:linear-gradient(135deg,#4cc3ff33,#38d97e26);border-color:#4cc3ff73;color:#f2f5f8}.red-text{color:#ff6b6b!important}.absoluteMenu{z-index:50;position:fixed;background:linear-gradient(180deg,#1a212bf5,#141a23f5);color:#c9d2dd;border-radius:var(--panel-radius);display:none;box-shadow:0 10px 24px #070a1073;border:1px solid rgba(138,148,163,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition-duration:.15s;transition-property:opacity}@media screen and (max-height:1080px){.absoluteMenu{max-height:50vh;overflow-y:auto}}.absoluteMenu .divider{width:100%;height:1px;background-color:#0f141c}.absoluteMenu .divider.lighter{background-color:#8c97a6}.absoluteMenu .entry{display:flex;align-items:center;font-size:16px;padding:7px 15px 7px 10px;cursor:pointer;gap:8px}.absoluteMenu .entry:hover{background-color:#0f141c;color:#f2f5f8}.absoluteMenu .entry .material-icons{font-size:15px;margin-right:0}#app{display:flex;flex-direction:column;height:100%;position:relative}#app .head{display:flex;align-items:center;gap:var(--layout-gap-sm);padding:10px 14px;margin:var(--layout-gap) auto 0;width:min(1240px,100% - var(--layout-gap) * 2);background:linear-gradient(90deg,#1a212b,#1a212bd9);z-index:3;border-radius:var(--panel-radius);border:var(--panel-border);box-shadow:0 10px 24px #070a1073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp .22s ease;box-sizing:border-box}#app .head .label{color:#566273;font-weight:700}#app .head .headLeft,#app .head .headRight{display:flex;align-items:center;gap:var(--layout-gap-sm);flex-shrink:0}#app .head .center{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}#app .head .inputProjectName{background-color:unset;padding:4px 8px;border-radius:0;width:140px;color:#8c97a6;font-weight:400;font-size:18px;border:none;text-align:right}#app .head .inputProjectName:focus{outline:none}#app .head .size{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}#app .head .size input{background-color:transparent;border:none;width:20px;text-align:center;color:#8c97a6;font-size:17px}#app .head .size input:focus{outline:none}#app .head .size input::-webkit-outer-spin-button,#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{border:1px solid #8c97a6;color:#8c97a6;position:relative}#app .head .sync:hover{color:#4cc3ff;border-color:#4cc3ff}#app .head .export{background-color:#38d97e;color:#0f141c}#app .head .save{border:1px solid #38d97e;color:#38d97e}#app .head .save.inactive{border-color:#8c97a6;color:#8c97a6}#app .mainSpace{margin:var(--layout-gap) 0 0;padding:0 var(--layout-gap) var(--layout-gap);gap:var(--layout-gap);flex-grow:1;overflow:hidden;position:relative;background:transparent}#app #compTree{width:clamp(240px,18vw,320px);background-color:transparent;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--layout-gap);padding:var(--layout-gap);border:var(--panel-border);border-radius:var(--panel-radius);box-shadow:0 16px 40px #070a1059;box-sizing:border-box}#app #compTree .actualTree{margin:0;padding:0;flex:1;overflow-y:auto;box-sizing:border-box;background-color:transparent;border-radius:0;border:none;box-shadow:none;animation:fadeUp .22s ease}#app #compTree .addComponentBtn{margin-top:auto;align-self:stretch;justify-content:flex-start;padding:6px 12px 6px 10px;margin-right:6px;margin-left:6px}#app #settings{width:clamp(280px,22vw,360px);overflow-y:auto;background-color:transparent;border:var(--panel-border);border-radius:var(--panel-radius);box-shadow:0 16px 40px #070a1059;padding:var(--layout-gap);box-sizing:border-box}#app #settings .settings-box{padding:14px;margin:0;background-color:transparent;border-radius:var(--panel-radius);border:none;box-shadow:none;animation:fadeUp .22s ease}#app #settings .divider{width:100%;height:1px;background-color:#8a94a32e;margin:var(--layout-gap) 0}#app #settings h1,#app #settings h2{display:flex;align-items:center;justify-content:center;margin:var(--layout-gap) 0;font-weight:400;font-size:24px;color:#c9d2dd}#app #settings h1 .material-icons,#app #settings h2 .material-icons{color:#8c97a6;font-size:20px;margin-right:15px}#app #settings .label.heading{margin-top:var(--layout-gap-sm)}#app #settings h2{font-size:20px}#app #settings h2 .material-icons{font-size:18px;margin-right:10px}#app #settings h3{color:#8c97a6;text-transform:uppercase;font-weight:700;font-size:16px;margin-top:var(--layout-gap)}#app #settings .settings-row{margin:var(--layout-gap-sm) 0 0;display:flex;align-items:center;width:100%}#app #settings .settings-row.disribute{justify-content:space-between}#app #settings input,#app #settings textarea,#app #settings select{background-color:#ffffff08;border:1px solid rgba(138,148,163,.35);border-radius:5px;color:#c9d2dd;padding:5px 10px;margin-left:10px;transition:border-color .12s ease,background-color .12s ease}#app #settings input option,#app #settings textarea option,#app #settings select option{color:#566273}#app #settings input:focus,#app #settings textarea:focus,#app #settings select:focus{outline:none;border-color:#4cc3ff73;background-color:#ffffff0f}#app #settings input[type=color]{padding:0}#app #settings .input-box{width:fit-content;border:1px solid rgba(138,148,163,.35);border-radius:5px;color:#c9d2dd;background-color:#ffffff08;padding:5px 10px;margin-right:15px;display:flex;align-items:center}#app #settings .input-box span{padding-left:10px;min-width:20px;text-align:center;font-size:14px}#app #settings .input-box input,#app #settings .input-box select{background-color:transparent;border:none;padding:0 10px 0 0;width:40px;text-align:right;font-size:15px;border-radius:0;border-right:1.2px solid #8c97a6;color:#c9d2dd}#app #settings .input-box input option,#app #settings .input-box select option{background-color:#141a23;color:#c9d2dd}#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);background-color:transparent;border:1px solid #c9d2dd;color:#c9d2dd}#app #settings .clickActions #actionEditor{box-shadow:0 10px 24px #070a1073;margin:var(--layout-gap) 0 0;padding:14px}#app #settings .clickActions #actionEditor h2{margin-top:0;margin-bottom:10px;justify-content:start}#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{width:100px;text-align:center;color:#8c97a6}#app #settings .gen-box .id-box .material-icons{font-size:20px;color:#8c97a6;cursor:pointer;margin-left:7px}#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 rgba(138,148,163,.22)}#app #settings .alignRow{align-items:center}#app #settings .alignScope{margin-left:auto;display:flex;gap:6px}#app #settings .alignScopeBtn{padding:4px 8px;border-radius:8px;border:1px solid rgba(138,148,163,.35);font-size:12px;letter-spacing:.02em;color:#8c97a6;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}#app #settings .alignScopeBtn:hover{color:#c9d2dd;border-color:#4cc3ff73}#app #settings .alignScopeBtn.active{background-color:#4cc3ff29;border-color:#4cc3ff99;color:#c9d2dd}#app #settings .alignScopeBtn.disabled{opacity:.4;pointer-events:none}#app #settings .alignButtons{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}#app #settings .alignButtons .material-icons{font-size:20px;padding:6px;border-radius:8px;border:1px solid rgba(138,148,163,.35);color:#8c97a6;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease,transform .12s ease}#app #settings .alignButtons .material-icons:hover{color:#c9d2dd;border-color:#4cc3ff73;background-color:#ffffff0d}#app #settings .alignButtons .material-icons:active{transform:translateY(1px)}#app .canvasContainer{flex-grow:1;overflow:auto;position:relative;background-color:#0f141c;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px;border:var(--panel-border);border-radius:var(--panel-radius);box-shadow:0 16px 40px #070a1059;box-sizing:border-box}#app .canvasContainer::-webkit-scrollbar{width:8px;height:8px}#app .canvasContainer::-webkit-scrollbar-track{background:transparent}#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{margin:auto;padding:40px;width:fit-content}#app .canvasContainer #canvasPadding #canvas{display:block;border:1px solid rgba(138,148,163,.4);box-shadow:0 10px 24px #070a1073;background-color:#000;height:fit-content;image-rendering:pixelated;border-radius:6px}#app .canvasContainer .toolbar{position:fixed;bottom:2rem;width:20rem;height:3rem;background-color:#1a212bf2;left:calc(50% - 10rem);border-radius:var(--panel-radius);border:var(--panel-border);box-shadow:0 10px 24px #070a1073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center}#app .canvasContainer .toolbar .zoom{margin-right:auto;margin-left:15px;display:flex;align-items:center;gap:8px}#app .canvasContainer .toolbar .zoom select{background-color:transparent;width:65px;color:#c9d2dd;border:none;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{display:inline-flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:8px;border:1px solid rgba(138,148,163,.3);color:#8c97a6;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}#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;border-color:#4cc3ff8c;background-color:#4cc3ff1f}#app .canvasContainer .toolbar .historyControls .btnHstr{box-sizing:content-box;border-left:1px solid rgba(138,148,163,.3);color:#c9d2dd;display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,color .12s ease}#app .canvasContainer .toolbar .historyControls .btnHstr:hover{background-color:#ffffff14}#app .canvasContainer .toolbar .historyControls .btnHstr.inactive{color:#566273;cursor:not-allowed}#app .canvasContainer .toolbar .historyControls .btnHstr.inactive:hover{background-color:unset}.mobile-warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.mobile-warning-modal{background:#2c3e50;color:#fff;padding:2rem;border-radius:12px;max-width:400px;text-align:center;box-shadow:0 10px 25px #00000080}.mobile-warning-modal h3{margin-top:0;color:#e74c3c;margin-bottom:1rem}.mobile-warning-modal p{line-height:1.5;margin-bottom:1rem;color:#ecf0f1}.mobile-warning-modal .warning-text{font-weight:700;color:#f39c12}.mobile-warning-modal .proceed-btn{background:#e74c3c;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s;margin-top:1rem}.mobile-warning-modal .proceed-btn:hover{background:#c0392b}