.loop-builder-app .module-main{max-width:1480px}.loop-builder-command{background:radial-gradient(circle at 100% 0,#6ce5ff14,transparent 35%),linear-gradient(145deg,#111b28,#0a1018)}.loop-builder-error{margin:12px 0;padding:10px 12px;border:1px solid #6e3040;border-radius:10px;background:#2b1118;color:#ffafbd}.loop-import{display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer}.loop-import input{display:none}.source-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.source-head h2{margin:4px 0 5px;font-size:24px}.source-head p:last-child{margin:0;color:#8697ad}.source-groups{display:grid;gap:18px}.source-groups h3{margin:0 0 8px;color:#63e9ff;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.source-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.source-cards article{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #2b3c53;border-radius:12px;background:#09111b}.source-cards article>small,.source-cards article>span{color:#7e8fa6;font-size:9px}.source-cards article>strong{font-size:14px}.source-cards article button{margin-top:auto}.source-empty{padding:22px;border:1px dashed #3a4d66;border-radius:12px;color:#8697ad;text-align:center}.source-empty .actions{justify-content:center}.source-empty a{padding:9px 12px;border:1px solid #31445c;border-radius:9px;color:#dbe9f8;text-decoration:none;background:#0a121d}.loop-layer-list{display:grid;gap:7px}.loop-layer-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #2c3d54;border-radius:11px;background:#09111b;overflow:hidden}.loop-layer-list article.selected{border-color:#62e9ff;box-shadow:inset 0 0 0 1px #62e9ff33}.layer-select{display:flex!important;align-items:center!important;gap:10px!important;min-height:66px!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important}.layer-select i{width:6px;height:38px;border-radius:999px}.layer-select span{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 8px;align-items:center}.layer-select span b{grid-row:1/3;color:#52637b;font:700 10px ui-monospace,monospace}.layer-select span strong{font-size:14px}.layer-select span small{color:#8192a8;font-size:9px}.layer-buttons{display:flex;height:100%}.layer-buttons button{min-width:38px;border:0!important;border-left:1px solid #2c3d54!important;border-radius:0!important;background:#0c1520;color:#aebed2}.layer-buttons button[aria-pressed=true]{background:#263954;color:#6ce5ff}.layer-mix{background:radial-gradient(circle at 0 0,#9d8cff16,transparent 34%),linear-gradient(145deg,#111b28,#0a1018)}.loop-export{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.loop-export h2{margin:4px 0}.loop-export p:last-child{margin:0;max-width:700px;color:#8697ad}@media(max-width:1100px){.source-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-export{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.source-head{align-items:flex-start;flex-direction:column}.source-cards{grid-template-columns:1fr}.layer-select span{grid-template-columns:32px minmax(0,1fr)}.loop-export .actions{width:100%}.loop-export .actions button{flex:1 1}.loop-builder-app .control-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.loop-builder-app .control-grid,.loop-layer-list article{grid-template-columns:1fr}.layer-buttons{border-top:1px solid #2c3d54}.layer-buttons button{flex:1 1}}