.mode-grid[data-v-c015c3b5]{border-radius:18px;box-shadow:0 20px 60px #342d5b12;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1232px}.mode-card[data-v-c015c3b5],.mode-grid[data-v-c015c3b5]{background:#fff;position:relative}.mode-card[data-v-c015c3b5]{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:394px;overflow:hidden;padding:32px 38px 30px;transition:transform .28s ease,background .28s ease,box-shadow .28s ease}.mode-card[data-v-c015c3b5]:first-child{border-radius:17px 0 0 17px}.mode-card[data-v-c015c3b5]:last-child{border-radius:0 17px 17px 0}.mode-card[data-v-c015c3b5]:not(.selected):hover{background:#f2f6ff;box-shadow:0 24px 52px #165dff1c;transform:translateY(-7px);z-index:4}.mode-card.selected[data-v-c015c3b5]{background:#fff;z-index:3}.mode-card.selected[data-v-c015c3b5]:hover{background:#f7f3ff;box-shadow:0 24px 52px #563ecc1f;transform:translateY(-7px);z-index:4}.card-check-indicator[data-v-c015c3b5]{align-items:center;display:inline-flex;gap:8px;position:absolute;right:24px;top:24px;z-index:4}.selectable-state[data-v-c015c3b5],.selected-state[data-v-c015c3b5]{color:#676171;display:none;font-size:12px;font-weight:700;line-height:1}.selectable-state[data-v-c015c3b5]{color:#78839b}.mode-card.selected .selected-state[data-v-c015c3b5],.mode-card:not(.selected):hover .selectable-state[data-v-c015c3b5]{display:inline-block}.selected-dot[data-v-c015c3b5]{align-items:center;background:#fff;border:1px solid #d8d8e0;border-radius:50%;color:transparent;display:flex;flex:none;height:24px;justify-content:center;transition:all .22s ease;width:24px}.mode-card:not(.selected):hover .selected-dot[data-v-c015c3b5]{background:#fff;border-color:#afc5ff;box-shadow:0 0 0 4px #165dff0f}.mode-card.selected .selected-dot[data-v-c015c3b5]{background:#5b3fd1;border-color:#5b3fd1;box-shadow:0 0 0 4px #5b3fd114;color:#fff}.mode-card-body[data-v-c015c3b5]{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 158px;padding:0;position:relative;z-index:1}.mode-title[data-v-c015c3b5]{color:#16151b;font-size:24px;font-weight:700;letter-spacing:-.45px;text-align:left}.mode-desc[data-v-c015c3b5]{color:#6e6a76;font-size:13px;line-height:1.75;margin:8px 0 10px;max-width:430px;text-align:left}.mode-image[data-v-c015c3b5]{height:142px;margin:0 auto;overflow:visible;position:relative;transform:translateY(-2px);transition:transform .28s ease;width:82%}.mode-card:hover .mode-image[data-v-c015c3b5]{transform:translateY(-8px)}.mode-image img[data-v-c015c3b5]{background:#fff;border:1px solid rgba(214,216,225,.9);border-radius:15px;box-shadow:0 20px 32px #25223029;height:128px;left:21.5%;-o-object-fit:cover;object-fit:cover;position:absolute;top:10px;transition:transform .35s ease,filter .35s ease;width:57%}.mode-image img[data-v-c015c3b5]:first-child{background:transparent;border:0;box-shadow:none;height:148px;left:19%;-o-object-fit:contain;object-fit:contain;top:0;width:62%;z-index:3}.mode-image img[data-v-c015c3b5]:nth-child(2){left:2%;top:20px;transform:rotate(-5deg) scale(.88);z-index:2}.mode-image img[data-v-c015c3b5]:nth-child(3){left:41%;top:20px;transform:rotate(5deg) scale(.88);z-index:1}.mode-card[data-mode=cad] .mode-image img[data-v-c015c3b5]:nth-child(2){-o-object-position:50% 68%;object-position:50% 68%}.mode-card[data-mode=cad] .mode-image img[data-v-c015c3b5]:nth-child(3){-o-object-position:50% 73%;object-position:50% 73%}.mode-card[data-mode=outline] .mode-image img[data-v-c015c3b5]:nth-child(2),.mode-card[data-mode=outline] .mode-image img[data-v-c015c3b5]:nth-child(3){-o-object-position:50% 50%;object-position:50% 50%}.mode-card:hover .mode-image img[data-v-c015c3b5]:nth-child(2){transform:rotate(-6deg) translate(-5px) scale(.89)}.mode-card:hover .mode-image img[data-v-c015c3b5]:nth-child(3){transform:rotate(6deg) translate(5px) scale(.89)}.mode-arrow[data-v-c015c3b5]{align-items:center;border:0;border-radius:9px;bottom:24px;display:flex;font-size:14px;font-weight:700;gap:7px;height:40px;justify-content:center;left:38px;min-width:0;opacity:0;padding:0 15px;pointer-events:none;position:absolute;right:38px;transform:translateY(8px);transition:transform .28s ease,opacity .28s ease,visibility .28s ease,background .28s ease,box-shadow .28s ease;visibility:hidden;width:auto;z-index:5}.mode-card.selected .mode-arrow[data-v-c015c3b5],.mode-card:hover .mode-arrow[data-v-c015c3b5]{opacity:1;pointer-events:auto;transform:none;visibility:visible;z-index:5}.mode-card:not(.selected):hover .mode-arrow[data-v-c015c3b5]{background:#d8dae2;box-shadow:none;color:#8e93a1;cursor:not-allowed;pointer-events:none}.mode-card.selected .mode-arrow[data-v-c015c3b5]{background:linear-gradient(90deg,#fcca65 2%,#ffa64d 31%,#e55c9a 57%,#563ecc);box-shadow:0 8px 28px #563ecc47;color:#fff;cursor:pointer;pointer-events:auto}.mode-card.selected .mode-arrow[data-v-c015c3b5]:after{animation:rainbowShift-c015c3b5 4s linear infinite;background:linear-gradient(90deg,#fcca65,#ffa64d 16.67%,#e55c9a,#563ecc,#e55c9a,#ffa64d 83.33%,#fcca65);background-size:200% auto;border-radius:38px;bottom:-5px;content:"";filter:blur(10px);height:10px;left:50%;opacity:.85;position:absolute;transform:translate(-50%);width:100%;z-index:-1}.mode-card.selected .mode-arrow[data-v-c015c3b5]:hover{box-shadow:0 12px 36px #563ecc5c;transform:translateY(-2px)}.mode-card.selected .mode-arrow[data-v-c015c3b5]:hover:after{filter:blur(12px);opacity:1}@keyframes rainbowShift-c015c3b5{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}