@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";#root{height:100%}.appShell{height:100%;display:grid;grid-template-rows:56px 1fr auto}.topNav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--panel);border-bottom:1px solid rgba(20,30,28,.06)}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brandMark{width:26px;height:26px;border-radius:6px;background:#0d3b2e;border:1px solid rgba(13,59,46,.12);display:grid;place-items:center;color:#f8fbfa;font-weight:900;letter-spacing:-.02em;box-shadow:0 1px 2px #0d3b2e24}.brandName{font-weight:800;letter-spacing:-.02em}.navLinks{display:flex;align-items:center;gap:18px;color:#111827;font-weight:600;font-size:14px}.navLink{opacity:.88;padding:8px 4px;border-bottom:2px solid transparent;transition:opacity .16s ease,border-color .16s ease}.navLink:hover{opacity:1}.navLinkActive{opacity:1;border-bottom-color:#0d3b2e}.navRight{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.navAuth{display:inline-flex;align-items:center;gap:8px}.pill{height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:none;background:#f8f9fae6;color:#334155;font-weight:600}.pillPrimary{border:none;background:#0d3b2e14;color:#0d3b2e;font-weight:700}.pillDanger{background:var(--accent);border:none;color:#fff;font-weight:700}.pillButton{cursor:pointer;-webkit-user-select:none;user-select:none}.pillButton:active{transform:translateY(1px)}.pillButton:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}.avatar{width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary2))}.layout{min-height:0;width:var(--vvw, 100vw);display:grid;grid-template-columns:64px 1fr;overflow:hidden}.sideRail{position:sticky;top:0;align-self:start;height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.7) transparent;border-right:1px solid var(--border);background:#fff;padding:10px 4px;display:flex;flex-direction:column;gap:6px}.sideRail::-webkit-scrollbar{width:8px;height:8px}.sideRail::-webkit-scrollbar-track{background:transparent}.sideRail::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sideRail::-webkit-scrollbar-thumb:hover{background:#94a3b8bf;border:2px solid transparent;background-clip:padding-box}.railItem{height:46px;width:100%;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#111827;opacity:.72;cursor:pointer;-webkit-user-select:none;user-select:none}.railItemActive{opacity:1;background:#0d3b2e0f;color:#0d3b2e}.railItemVip{color:#f59e0b;font-weight:800}.railItemVip:hover{opacity:1;background:#f59e0b14}.railLabel{font-size:11px;line-height:1;font-weight:600}.content{padding:2px;overflow:hidden;min-height:0}.workspace{height:100%;display:grid;grid-template-columns:432px 1fr;gap:2px;min-height:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.leftPanel{padding:0;overflow:hidden;display:grid;grid-template-rows:1fr auto}.leftPanelScroll{min-height:0;min-width:0;padding:7px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.7) transparent}.leftPanelScroll::-webkit-scrollbar{width:8px;height:8px}.leftPanelScroll::-webkit-scrollbar-track{background:transparent}.leftPanelScroll::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.leftPanelScroll::-webkit-scrollbar-thumb:hover{background:#94a3b8bf;border:2px solid transparent;background-clip:padding-box}.leftBottomBar{padding:6px 7px calc(7px + env(safe-area-inset-bottom));border-top:none;background:linear-gradient(180deg,#ffffffdb,#fff 42%);box-shadow:0 -4px 16px #141e1c0a}.genCreditsRow{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:6px;flex-wrap:wrap;font-size:11px;color:#64748b}.genCreditsDot{margin:0 4px;font-weight:500;color:#94a3b8}.genCreditsLabel{font-weight:600;color:#64748b;font-size:11px}.genCreditsSep{margin:0 6px;color:#cbd5e1;font-weight:300}.genCreditsItem{display:inline-flex;align-items:center;gap:3px}.genCreditsRes{font-weight:700;color:#94a3b8;font-size:10px}.genCreditsNum{font-weight:700;color:#334155}.panelSection{padding:10px 8px;border:none;border-radius:14px;background:transparent}.panelSection+.panelSection{margin-top:8px;padding-top:12px;border-top:1px solid rgba(20,30,28,.06)}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:5px}.sectionTitle{font-weight:800;font-size:14px;letter-spacing:-.01em}.sectionSubtle{font-size:12px;color:var(--muted)}.uploadBox{background:#f8f9facc;border:none;border-radius:12px;padding:8px;display:grid;gap:5px}.uploadThumb{width:64px;height:64px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f3f4f6);display:grid;place-items:center;overflow:hidden}.uploadGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.uploadSlot{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;border:none;background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 0 / 14px 14px;box-shadow:0 1px 4px #141e1c0f}.uploadSlot:hover{box-shadow:0 2px 8px #141e1c1a}.uploadSlot img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}.uploadSlotEmpty{background:linear-gradient(180deg,#fff,#f3f4f6);opacity:.7}.uploadAdd{aspect-ratio:1 / 1;border-radius:12px;border:1px dashed #cfd5e3;background:#ffffffa6;color:#111827;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease-out,border-color .16s ease-out,background .16s ease-out}.uploadAdd:hover{border-color:#0d3b2e59;background:#ffffffd9;transform:scale(1.04)}.uploadAdd:active{transform:scale(.97)}.uploadAdd:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}.uploadAddEmpty{grid-column:1 / -1;padding:8px 12px;aspect-ratio:unset;min-height:94px;display:grid;align-content:center;justify-items:center;gap:4px}.uploadAddIcon{width:34px;height:34px;border-radius:12px;border:1px solid var(--border);background:#fff;display:grid;place-items:center;color:#111827}.uploadAddTitle{font-weight:900;font-size:12px;letter-spacing:-.01em}.uploadAddSub{font-size:11px;color:var(--muted)}.uploadRemove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:999px;border:none;background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;opacity:0;transform:scale(.85);pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out}.uploadSlot:hover .uploadRemove{opacity:1;transform:scale(1);pointer-events:auto}.uploadRemove:hover{background:#fff;transform:scale(1.1);box-shadow:0 2px 8px #10182826}.uploadRemove:active{transform:scale(.95)}.uploadRemove:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}.uploadHintRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.uploadHintRight{display:flex;align-items:center;gap:8px}.uploadCounter{font-size:12px;font-weight:800;color:var(--muted)}.uploadGridWrap{position:relative}.uploadClearIcon{width:24px;height:24px;border-radius:6px;border:1px solid rgba(15,23,42,.08);background:transparent;display:grid;flex-shrink:0;place-items:center;padding:0;cursor:pointer;color:var(--muted);transition:color .16s ease-out,background .16s ease-out,transform .16s ease-out}.uploadClearIcon svg{display:block}.uploadClearIcon:hover{color:#111827;background:#0f172a0f;transform:scale(1.1)}.uploadClearIcon:active{background:#0f172a1a;transform:scale(.95)}.uploadClearIcon:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}.uploadActions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{height:32px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:700;font-size:12px;color:#111827;transition:transform .12s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{border-color:#cfd5e3}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}.btnPrimary{border:none;background:#0d3b2e14;color:#0d3b2e;font-weight:800}.btnPrimary:hover{background:#0d3b2e24}.btnAccent{border:none;background:var(--accent);color:var(--accentText);font-weight:800}.btnAccent:hover{filter:brightness(.92)}.btnFull{width:100%;height:40px;border-radius:12px;font-size:13px}.btnXs{height:16px;padding:0 6px;border-radius:6px;font-size:10px;font-weight:700}.fieldRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.outConfigGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.typeAddBox{border:none;border-radius:12px;background:#f8f9fa99;padding:3px 4px;height:58px;display:flex;align-items:center;justify-content:center}.typeAddBox:hover{background:#f8f9fae6}.typeAddButton{border:none;background:transparent;padding:0;color:#ea580c;font-weight:800;font-size:12px;line-height:1.25;cursor:pointer;text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s ease-out,opacity .15s ease-out}.typeAddButton:hover{color:#1d4ed8}.typeAddButton:active{opacity:.85}.typeAddButton:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}.typeList{margin-top:4px;display:grid;gap:3px;padding:3px;border-radius:12px;border:none;background:#f8fafcf2}.typeRow{border:none;border-radius:12px;background:#f8fafcb3;padding:4px 5px;height:58px;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;transition:background .15s ease,box-shadow .15s ease}.typeRow:hover{background:#fff;box-shadow:0 2px 10px #141e1c0f}.typeRowMain{min-width:0;display:grid;gap:6px}.typeRowTitle{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:nowrap;font-weight:900;letter-spacing:-.01em;font-size:12px;line-height:1.25}.typeRowName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typeRowIndex{color:var(--muted);font-weight:800;flex:0 0 auto}.typeRowMeta{display:flex;flex-wrap:nowrap;align-items:center;gap:0;font-size:11px;color:var(--muted);min-width:0;overflow:hidden}.typeMetaItem{display:inline-flex;align-items:baseline;gap:4px;flex:0 0 auto}.typeMetaItem+.typeMetaItem:before{content:"|";margin:0 4px;color:#cbd5e1;font-weight:700}.typeMetaKey{color:#94a3b8;font-weight:700;white-space:nowrap}.typeMetaVal{color:#475569;font-weight:800;white-space:nowrap}.typeMetaNote{cursor:pointer}.typeMetaNote .typeMetaKey:hover{color:#0d3b2e}.typeMetaNote .typeMetaKey{position:relative}.typeMetaNote .typeMetaKey:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);max-width:280px;width:max-content;padding:6px 10px;border-radius:8px;background:#1e293b;color:#f1f5f9;font-size:11px;line-height:1.4;font-weight:400;white-space:normal;word-break:break-word;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:60}.typeMetaNote .typeMetaKey:hover:after{opacity:1}.typeTag{margin-left:4px;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:800;border:1px solid rgba(15,23,42,.08);background:#0f172a08;color:#111827d9;flex:0 0 auto;white-space:nowrap}.typeTagMain,.typeTagDetail{border-color:#bbf7d0;background:#dcfce7;color:#166534}.typeRowActions{display:flex;align-items:center;gap:10px}.typeRowActions .iconBtn{height:22px;width:22px;border-radius:8px;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out;color:#475569f2}.typeRowActions .iconBtn:hover{background:#0f172a0a;border-color:transparent;color:#0f172a}.typeRowActions .typeRowSettings{height:22px;border-radius:8px;border:1px solid transparent;background:transparent;padding:0;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease-out,opacity .15s ease-out;color:#475569f2}.typeRowActions .typeRowSettings:hover{color:#0f172a}.iconBtn{height:22px;width:22px;border-radius:8px;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out;color:#64748b}.iconBtn:hover{background:#fff;border-color:#94a3b859;color:#0f172a}.typeRowSettings{height:22px;border-radius:8px;border:1px solid transparent;background:transparent;padding:0 4px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out;color:#334155}.typeRowSettings:hover{background:#fff;border-color:#94a3b859;color:#0f172a}.typePickerGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.typePickerGrid{grid-template-columns:1fr}}.typePickerCard{text-align:left;border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px;cursor:pointer;transition:transform .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.typePickerCard:hover{transform:translateY(-1px);border-color:#0d3b2e38;box-shadow:0 12px 28px #0f172a0f}.typePickerTitle{font-weight:900;letter-spacing:-.01em}.typePickerSub{margin-top:6px;font-size:12px;color:var(--muted)}.settingsSheet{display:grid;gap:12px;background:var(--panel);border-top:1px solid rgba(20,30,28,.05);border-radius:0 0 13px 13px;padding:14px}.settingsExtraTitle{font-weight:900;font-size:12px;letter-spacing:-.01em;color:var(--text)}.settingsPanelTitle{display:none}.settingsExtra{padding:14px 14px 10px}.settingsExtraBox{position:relative;margin-top:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.settingsExtraTextarea{width:100%;min-height:120px;padding:12px 12px 36px;border:none;resize:none;outline:none;font-size:14px;line-height:1.45;color:#111827}.settingsExtraTextarea::placeholder{color:var(--muted2);font-weight:400}.settingsExtraBox:focus-within{border-color:#0d3b2e73;box-shadow:0 0 0 4px #0d3b2e1a}.settingsExtraCounter{position:absolute;right:10px;bottom:10px;font-size:12px;font-weight:700;color:var(--muted);-webkit-user-select:none;user-select:none}.settingsRow{display:grid;gap:6px;grid-template-columns:1fr}.settingsRow .label{font-size:12px;font-weight:700;color:var(--muted)}.segRow{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.segBtn{height:34px;padding:0 14px;border-radius:0;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:800;color:var(--text);transition:background .15s ease-out,color .15s ease-out}.segBtn+.segBtn{border-left:1px solid var(--border)}.segBtn:hover{background:#f3f4f6}.segBtnActive{background:#0d3b2e14;color:#0d3b2e}.segBtnActive:hover{background:#0d3b2e1f}.stepper{display:inline-grid;grid-template-columns:34px 52px 34px;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.stepperBtn{height:34px;width:34px;border-radius:0;border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;font-weight:400;color:var(--text);transition:background .15s ease-out}.stepperBtn:hover{background:#f3f4f6}.stepperValue{text-align:center;font-weight:400;border-left:1px solid var(--border);border-right:1px solid var(--border);height:34px;display:grid;place-items:center;color:var(--text)}.selectWrap{position:relative;width:100%}.selectWrap .select{width:100%;padding-right:40px;height:38px;border-radius:10px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.selectWrap svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}@media (max-width: 520px){.settingsDrawer{left:8px!important;right:8px;width:auto}.settingsRowInline{grid-template-columns:1fr}}.settingsRowInline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:start}.field{display:grid;gap:6px}.label{font-size:12px;color:var(--muted);font-weight:700}.input,.select,.textarea{border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:#fff;font-size:13px;outline:none}.textarea{min-height:112px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#0d3b2e73;box-shadow:0 0 0 4px #0d3b2e1a}.chipRow{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:12px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;color:#111827;opacity:.88}.chipActive{border-color:#0d3b2e47;background:#0d3b2e0f;color:#0d3b2e;opacity:1}.rightPanel{overflow:hidden;display:grid;grid-template-columns:1fr 96px}.rightMain{border-right:none;display:grid;grid-template-rows:46px 1fr;min-width:0;min-height:0;overflow:hidden}.tabsBar{padding:5px 6px;display:flex;align-items:center;justify-content:space-between;gap:5px;border-bottom:1px solid rgba(20,30,28,.05);background:#fff}.tabs{display:flex;align-items:center;gap:5px}.tab{padding:4px 5px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;color:#111827;opacity:.62;-webkit-user-select:none;user-select:none}.tabActive{opacity:1;background:#1118270a}.toolbar{display:flex;gap:8px;align-items:center}.rightBody{padding:6px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.7) transparent;background:#fbfbfc}.rightBodyHasResult{background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 0 / 16px 16px}.rightBody::-webkit-scrollbar{width:8px;height:8px}.rightBody::-webkit-scrollbar-track{background:transparent}.rightBody::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.rightBody::-webkit-scrollbar-thumb:hover{background:#94a3b8bf;border:2px solid transparent;background-clip:padding-box}.masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.card{overflow:hidden;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;align-self:start;flex:0 0 auto;max-width:100%}.card:hover{transform:translateY(-1px);box-shadow:0 14px 30px #10182814}.card:active{transform:translateY(0)}.cardTop{background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 0 / 18px 18px;display:inline-block;width:auto;max-width:100%;position:relative;overflow:hidden;line-height:0;border:1px solid var(--border);border-radius:14px}.cardTop img{display:block;width:auto;max-width:100%;height:clamp(180px,22vh,240px)}.cardOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.45) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.15) 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.card:hover .cardOverlay{opacity:1;pointer-events:auto}.cardCornerBR{position:absolute;bottom:6px;right:6px;display:flex;align-items:center;gap:4px}.cardDim{display:none}.cardBtn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 8px;font-size:10px;font-weight:700;letter-spacing:.01em;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe6;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease;white-space:nowrap}.cardBtn:hover{background:#00000080;border-color:#ffffff73;transform:scale(1.05)}.cardBtn:active{transform:scale(.95)}.cardBtnDel{position:absolute;top:6px;right:6px}.cardBtnDel:hover{background:#dc26268c;border-color:#fca5a566}.cardBtnRepair{background:#2563eba6;border-color:#60a5fa59}.cardBtnRepair:hover{background:#2563ebd9;border-color:#93c5fd8c}.cardQcPill{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 8px;font-size:10px;font-weight:700;letter-spacing:.01em;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe6;white-space:nowrap;-webkit-user-select:none;user-select:none}.cardQcPill[data-qc=pass]{color:#86efac;border-color:#86efac4d;background:#00000059}.cardQcPill[data-qc=fail]{color:#fca5a5;border-color:#fca5a54d;background:#00000059}.imgPreviewBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;padding:40px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.imgPreviewBox{position:relative;max-width:90vw;max-height:85vh;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006}.imgPreviewBox img{display:block;max-width:90vw;max-height:85vh;object-fit:contain;background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 0 / 18px 18px}.imgPreviewOverlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.imgPreviewOverlay .cardBtnDel,.imgPreviewOverlay .cardCornerBR{pointer-events:auto}.cardAction{height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;font-weight:900;font-size:12px;cursor:pointer;transition:transform .12s ease,border-color .16s ease,background .16s ease}.cardAction:hover{border-color:#0d3b2e38;background:#0d3b2e0a}.cardAction:active{transform:translateY(1px)}.cardAction:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:2px}.resultGrouped{display:grid;gap:16px}.resultLoading{height:100%;display:grid;place-items:center;place-content:center;gap:12px;text-align:center}.resultLoadingSpinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:#2563eb;border-radius:50%;animation:resultSpin .8s linear infinite}@keyframes resultSpin{to{transform:rotate(360deg)}}.resultLoadingText{font-weight:900;font-size:15px;color:#111827}.resultSectionTitle{padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:900;color:#111827;border-bottom:1px solid var(--border);background:#fafbfc}.resultSectionTitleRow{display:flex;align-items:center;gap:0;font-size:11px;color:var(--muted);flex:0 0 auto}.resultSection{display:grid;gap:8px}.resultMasonry{display:flex;flex-wrap:wrap;align-items:flex-start;padding:0 12px 12px}.resultEmpty{padding:24px 14px;text-align:center;color:var(--muted);font-size:13px;background:#fff;border:1px dashed var(--border);border-radius:14px}.history{padding:5px;background:#fff;display:grid;grid-auto-rows:min-content;gap:5px;overflow:auto}.historyTitle{font-size:12px;font-weight:900;color:var(--muted);text-align:center}.historyGroup{display:grid;gap:6px}.historyDate{font-size:10px;font-weight:800;color:#6b7280;line-height:1.2;text-align:center}.historyGroupGrid{display:grid;gap:5px}.historyItem{aspect-ratio:1 / 1;border-radius:12px;border:1px solid var(--border);background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 0 / 16px 16px;overflow:hidden;cursor:pointer;position:relative}.historyItemActive{outline:3px solid rgba(13,59,46,.18);border-color:#0d3b2e40}.historyItem img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;z-index:50;display:grid;place-items:center;padding:18px}.modal{width:min(980px,100%);max-height:min(760px,100%);overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 30px 80px #00000038;display:grid;grid-template-rows:54px 1fr}.modalSmall{width:min(400px,100%)}.modalCenter .modalHeader{justify-content:center;gap:0}.modalCenter .modalClose{display:none}.modalCenter .genDialogBody{text-align:center}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}.modalTitle{font-weight:900;letter-spacing:-.01em}.modalClose{height:34px;width:34px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:900}.modalBody{padding:14px;overflow:auto;background:#fafafa}@keyframes settingsDrawerIn{0%{opacity:0;transform:translate(-8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.settingsDrawerBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55}.settingsDrawer{position:fixed;z-index:56;width:400px;max-height:min(480px,90vh);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.7) transparent;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #1018281f;animation:settingsDrawerIn .18s ease-out}.settingsDrawer::-webkit-scrollbar{width:8px;height:8px}.settingsDrawer::-webkit-scrollbar-track{background:transparent}.settingsDrawer::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.settingsDrawer::-webkit-scrollbar-thumb:hover{background:#94a3b8bf;border:2px solid transparent;background-clip:padding-box}.settingsDrawerHeader{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:46px;border-bottom:1px solid var(--border)}.settingsDrawerTitle{font-weight:900;font-size:13px;letter-spacing:-.01em}.settingsDrawerSave{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-size:12px;font-weight:600;color:#0d3b2e;transition:background .15s ease,border-color .15s ease}.settingsDrawerSave:hover{background:#f1f5f9;border-color:#cfd5e3}.detailGrid{display:grid;grid-template-columns:320px 1fr;gap:14px}.detailLeft{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.detailLeft img{width:100%;height:320px;object-fit:cover;display:block}.detailLeftBody{padding:12px;display:grid;gap:8px}.detailRight{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.detailImages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detailImages img{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 0 / 16px 16px}.paletteBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a59;display:grid;place-items:start center;padding:82px 16px 16px}.palette{width:min(720px,100%);border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 30px 80px #0000002e;overflow:hidden}.paletteTop{padding:12px;border-bottom:1px solid var(--border)}.paletteInput{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;outline:none;font-weight:700}.paletteList{max-height:420px;overflow:auto;padding:8px;background:#fbfbfc}.paletteItem{padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;background:transparent}.paletteItemActive{background:#fff;border-color:#0d3b2e2e;box-shadow:0 10px 20px #1018280f}.paletteLabel{font-weight:900;color:#111827}.paletteHint{font-size:12px;font-weight:800;color:var(--muted)}.vipWrap{width:100%;height:100%;overflow:auto;padding:8px 6px 16px}.vipHeader{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 10px}.vipHeaderLeft{display:flex;align-items:center;gap:10px}.vipHeaderDot{width:3px;height:16px;border-radius:999px;background:#0d3b2ecc}.vipHeaderTitle{font-weight:900;letter-spacing:-.01em}.vipSwapBtn{height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(13,59,46,.22);background:#0d3b2e0d;color:#0d3b2e;font-weight:800;cursor:pointer}.vipSwapBtn:active{transform:translateY(1px)}.vipSwapCaret{display:inline-block;margin-left:4px;opacity:.65}.vipGrid{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 6px}.vipCard{background:#fff;border:1px solid rgba(13,59,46,.18);border-radius:14px;box-shadow:0 10px 26px #1018280f;overflow:hidden;display:grid;grid-template-rows:auto auto;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.vipCard:hover{transform:translateY(-1px);border-color:#0d3b2e42;box-shadow:0 14px 36px #10182814}.vipCard:active{transform:translateY(0)}.vipCardHighlight{border-color:#0d3b2e80;box-shadow:0 14px 36px #0d3b2e1f}.vipCardTop{padding:14px 14px 12px}.vipCardNameRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.vipCardName{font-weight:900;letter-spacing:-.01em;font-size:14px}.vipMoreBtn{height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(13,59,46,.35);background:#0d3b2e0f;color:#0d3b2e;font-weight:800;cursor:pointer}.vipMoreBtn:active{transform:translateY(1px)}.vipPriceRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.vipPriceOption{position:relative;height:46px;border-radius:12px;border:1px solid rgba(13,59,46,.2);background:#fff;cursor:pointer;display:flex;align-items:baseline;justify-content:center;gap:4px;font-weight:900;color:#0d3b2e;transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease}.vipPriceOption:hover{border-color:#0d3b2e4d}.vipPriceOption:active{transform:translateY(1px)}.vipPriceOptionActive{box-shadow:0 0 0 4px #0d3b2e1f;border-color:#0d3b2e8c}.vipPriceText{font-size:14px}.vipPriceUnit{font-size:12px;opacity:.75}.vipCornerTag{position:absolute;top:4px;right:6px;font-size:10px;font-weight:900;padding:2px 6px;border-radius:999px;background:#3b82f61f;color:#1d4ed8}.vipCornerTagRed{background:#ef44441f;color:#b91c1c}.vipBuyBtn{width:100%;height:38px;border-radius:12px;border:1px solid rgba(234,88,12,.3);background:#ea580c;color:#fff;font-weight:1000;cursor:pointer;letter-spacing:-.01em;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease}.vipBuyBtn:hover{filter:brightness(.98);box-shadow:0 10px 18px #10182814}.vipBuyBtn:active{transform:translateY(1px)}.vipBuyBtn:disabled{cursor:default;opacity:.8}.vipBuyBtnActive{background:#d6ff2f80;border-color:#d6ff2f73}.vipSummary{margin-top:10px;display:grid;gap:8px;color:#111827}.vipSummaryLine{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#111827}.vipSummaryLine svg{color:#0d3b2ed9}.vipSummaryLine b{font-weight:1000}.vipLink{width:fit-content;border:none;padding:0;background:transparent;color:#0d3b2ee6;font-weight:900;font-size:12px;cursor:pointer}.vipLink:hover{text-decoration:underline}.vipDivider{height:1px;background:#0d3b2e1f}.vipCardBottom{padding:12px 14px 14px;display:grid;gap:8px}.vipSubTitle{font-size:12px;font-weight:1000;color:#0d3b2e}.vipSummaryLineSmall{font-weight:700;color:#111827d9}.vipStatusRow{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:10px}.vipStatusBadge{font-size:11px;font-weight:1000;padding:4px 8px;border-radius:999px;background:#0d3b2e14;border:1px solid rgba(13,59,46,.16);color:#0d3b2e}.vipStatusBadgeGhost{background:#1118270a;border-color:#11182714;color:#11182799}.vipStatusPrice{font-size:11px;color:#111827a6;font-weight:900}.vipStatusTag{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#ef44441a;color:#b91c1c;font-weight:1000}.vipHintBar{max-width:1020px;margin:12px auto 0;padding:0 6px;display:flex;justify-content:center}.vipHintPill{padding:8px 12px;border-radius:999px;border:1px solid rgba(13,59,46,.12);background:#0d3b2e0a;color:#4c1d95d9;font-size:12px;font-weight:800;text-align:center}.vipBenefits{max-width:1020px;margin:14px auto 0;padding:14px;border-radius:14px;border:1px solid rgba(17,24,39,.08);background:#fffc;box-shadow:0 10px 26px #1018280f;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vipBenefit{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(17,24,39,.06);background:#fff}.vipBenefitIcon{width:36px;height:36px;border-radius:12px;background:#0d3b2e0f;border:1px solid rgba(13,59,46,.12);display:grid;place-items:center;color:#0d3b2ed9}.vipBenefitTitle{font-weight:1000;color:#111827;font-size:12px;letter-spacing:-.01em}.vipBenefitDesc{font-weight:800;color:#1118278c;font-size:11px}@media (max-width: 1080px){.workspace{grid-template-columns:408px 1fr}.masonry,.resultMasonry,.vipGrid,.vipBenefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sideRail{display:none}.content{padding:5px}.workspace,.rightPanel{grid-template-columns:1fr}.history{display:none}.detailGrid{grid-template-columns:1fr}.detailImages{grid-template-columns:repeat(2,minmax(0,1fr))}.vipGrid,.vipBenefits{grid-template-columns:1fr}}.genDialogBody{display:flex;flex-direction:column;gap:18px;padding:0}.genDialogText{margin:0;font-size:13px;line-height:1.6;color:#334155}.genDialogStats{display:flex;gap:16px}.genDialogStat{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.genDialogStatLabel{font-size:11px;color:#94a3b8;font-weight:500}.genDialogStatValue{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.genDialogBtn{align-self:stretch;margin-top:4px}.toolboxPage{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);min-height:100%}.toolboxEmpty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px}.toolboxEmptyIcon{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:#f1f5f9;color:#94a3b8;margin-bottom:4px}.toolboxEmptyTitle{font-size:20px;font-weight:700;color:#1e293b;letter-spacing:-.02em}.toolboxEmptyDesc{font-size:13px;color:#94a3b8;line-height:1.5}.appFooter{border-top:1px solid rgba(20,30,28,.06);background:#fff;padding:12px 24px}.appFooterInner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:20px;font-size:12px;flex-wrap:wrap}.appFooterCopy{color:#9ca3af}.appFooterInner a{color:#6b7280;text-decoration:none;transition:color .15s}.appFooterInner a:hover{color:#0d3b2e;text-decoration:underline}.profWrap{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.7) transparent;padding:16px 14px 28px;display:grid;gap:10px;align-content:start;max-width:520px;margin:0 auto}.profWrap::-webkit-scrollbar{width:8px}.profWrap::-webkit-scrollbar-track{background:transparent}.profWrap::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}.profCard{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px}.profCardHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.profCardTitle{font-weight:800;font-size:14px;letter-spacing:-.01em}.profCardMore{border:none;background:transparent;padding:0;color:#2563eb;font-weight:800;font-size:12px;cursor:pointer}.profCardMore:hover{text-decoration:underline}.profToast{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:100;padding:8px 16px;border-radius:10px;background:#1e293b;color:#f1f5f9;font-size:12px;font-weight:700;box-shadow:0 10px 30px #00000026;animation:profToastIn .22s ease-out;pointer-events:none}@keyframes profToastIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.profIdCard{padding:18px 16px}.profIdRow{display:flex;align-items:center;gap:14px}.profAvatar{width:52px;height:52px;border-radius:999px;overflow:hidden;flex-shrink:0;border:2px solid rgba(13,59,46,.15);background:linear-gradient(135deg,#0d3b2e1f,#1a6b4f24)}.profAvatar img{width:100%;height:100%;object-fit:cover;display:block}.profAvatarFallback{width:100%;height:100%;display:grid;place-items:center;font-size:22px;font-weight:900;color:#0d3b2e;-webkit-user-select:none;user-select:none}.profIdInfo{display:grid;gap:6px;min-width:0}.profNickname{font-weight:900;font-size:18px;letter-spacing:-.02em;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profUidBtn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#f8fafcf2;cursor:pointer;color:var(--muted);font-size:11px;font-weight:600;width:fit-content;transition:background .15s ease,border-color .15s ease,color .15s ease}.profUidBtn:hover{background:#fff;border-color:#0d3b2e38;color:#111827}.profUidBtn:active{transform:scale(.97);color:#0d3b2e}.profUidLabel{color:#94a3b8;font-weight:700}.profUidVal{color:#475569;font-weight:800}.profCreditsCard{padding:18px 16px}.profCreditsTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.profCreditsPlan{display:flex;align-items:center;gap:8px}.profPlanBadge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;background:#0d3b2e14;color:#0d3b2e;border:1px solid rgba(13,59,46,.15)}.profPlanName{font-weight:900;font-size:15px;color:#111827}.profCreditsNum{display:flex;align-items:baseline;gap:4px}.profCreditsVal{font-weight:1000;font-size:28px;letter-spacing:-.03em;color:#111827;line-height:1}.profCreditsUnit{font-size:13px;font-weight:700;color:var(--muted)}.profCreditsBottom{margin-top:14px}.profSubscriptionHint{margin-bottom:10px;font-size:12px;line-height:1.5;color:#64748b}.profBillingActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profBillingActionsSingle{grid-template-columns:1fr}.profManageBtn{width:100%;height:40px;border-radius:12px;border:1px solid rgba(13,59,46,.18);background:#fff;color:#0f172a;font-weight:800;font-size:13px;cursor:pointer;letter-spacing:-.01em;transition:transform .12s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.profManageBtn:hover{background:#f8fafc;border-color:#0d3b2e47;box-shadow:0 8px 18px #1018280f}.profManageBtn:active{transform:translateY(1px)}.profManageBtn:disabled{cursor:wait;opacity:.72}.profUpgradeBtn{width:100%;height:40px;border-radius:12px;border:1px solid rgba(234,88,12,.3);background:#ea580c;color:#fff;font-weight:1000;font-size:13px;cursor:pointer;letter-spacing:-.01em;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease}.profUpgradeBtn:hover{filter:brightness(.98);box-shadow:0 10px 18px #10182814}.profUpgradeBtn:active{transform:translateY(1px)}.profEmpty{text-align:center;padding:24px 8px}.profEmptyIcon{color:#cbd5e1;margin-bottom:8px;display:grid;place-items:center}.profEmptyText{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:12px}.profEmptyBtn{height:34px;padding:0 14px;border-radius:10px;border:1px solid rgba(13,59,46,.26);background:linear-gradient(135deg,#0d3b2e1a,#1a6b4f1f);color:#0d3b2e;font-weight:700;font-size:12px;cursor:pointer;transition:transform .12s ease,border-color .16s ease}.profEmptyBtn:hover{border-color:#0d3b2e8c}.profEmptyBtn:active{transform:translateY(1px)}.profHistoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profHistoryItem{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 0 / 14px 14px;cursor:pointer;text-align:left;padding:0;aspect-ratio:1 / 1;position:relative;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.profHistoryItem:hover{transform:translateY(-1px);border-color:#0d3b2e38;box-shadow:0 8px 20px #10182814}.profHistoryCover{width:100%;height:100%;object-fit:cover;display:block}.profHistoryTime{position:absolute;bottom:4px;right:5px;padding:2px 6px;border-radius:6px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ffffffd9;font-size:10px;font-weight:700}.profFaqList{display:grid;gap:1px}.profFaqItem{border-radius:10px}.profFaqQ{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-size:13px;font-weight:700;color:#111827;transition:background .15s ease}.profFaqQ:hover{background:#f8fafcf2}.profFaqChevron{flex-shrink:0;color:var(--muted);transition:transform .18s ease;display:grid;place-items:center}.profFaqChevronOpen{transform:rotate(180deg)}.profFaqA{padding:0 10px 12px;color:var(--muted);font-size:13px;line-height:1.65}.profFaqA p{margin:0}.profFaqNoHelp{border:none;background:transparent;padding:0;margin-top:6px;color:#2563eb;font-weight:700;font-size:12px;cursor:pointer}.profFaqNoHelp:hover{text-decoration:underline}.profDivider{height:1px;background:var(--border);margin:12px 0}.profFeedbackTitle{font-weight:900;font-size:14px;letter-spacing:-.01em;margin-bottom:10px}.profFeedbackGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.profFeedbackSelect,.profFeedbackInput{border:none;border-radius:10px;padding:9px 10px;background:#f8f9facc;font-size:13px;outline:none;color:#111827;box-shadow:0 1px 3px #141e1c0a}.profFeedbackSelect:focus,.profFeedbackInput:focus{border-color:#0d3b2e73;box-shadow:0 0 0 4px #0d3b2e1a}.profFeedbackTextarea{width:100%;border:none;border-radius:10px;padding:10px;background:#f8f9facc;font-size:13px;outline:none;resize:vertical;box-shadow:0 1px 3px #141e1c0a;min-height:84px;color:#111827;line-height:1.5}.profFeedbackTextarea:focus{border-color:#0d3b2e73;box-shadow:0 0 0 4px #0d3b2e1a}.profFeedbackSubmit{margin-top:10px;width:100%;height:40px;border-radius:12px;border:1px solid rgba(13,59,46,.26);background:linear-gradient(135deg,#0d3b2e1a,#1a6b4f1f);color:#0d3b2e;font-weight:900;font-size:13px;cursor:pointer;transition:transform .12s ease,border-color .16s ease}.profFeedbackSubmit:hover{border-color:#0d3b2e8c}.profFeedbackSubmit:active{transform:translateY(1px)}.profFeedbackSubmit:disabled{opacity:.7;cursor:default}.profSecurityCard{padding:16px 16px 12px}.profLogoutBtn{width:100%;height:40px;border-radius:12px;border:1px solid rgba(239,68,68,.25);background:#ef44440f;color:#dc2626;font-weight:800;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.profLogoutBtn:hover{background:#ef44441f;border-color:#ef444473}.profLogoutBtn:active{transform:translateY(1px)}.profModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#11182780;display:grid;place-items:center;padding:18px}.profModalBox{background:#fff;border-radius:16px;padding:20px;width:min(360px,100%);box-shadow:0 20px 50px #0000002e;display:grid;gap:14px}.profModalTitle{font-weight:900;font-size:16px;letter-spacing:-.01em;color:#111827}.profModalBody{font-size:13px;color:var(--muted);line-height:1.55}.profModalActions{display:flex;gap:8px;justify-content:flex-end}.profModalCancel{height:34px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:700;font-size:12px;color:#111827}.profModalCancel:hover{background:#f3f4f6}.profModalDanger{height:34px;padding:0 14px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:#ef4444;color:#fff;cursor:pointer;font-weight:800;font-size:12px}.profModalDanger:hover{background:#dc2626}.profGuest{text-align:center;padding:40px 20px}.profGuestAvatar{width:72px;height:72px;border-radius:999px;background:linear-gradient(135deg,#0d3b2e1f,#1a6b4f24);border:2px solid rgba(13,59,46,.15);display:grid;place-items:center;margin:0 auto 16px}.profGuestAvatarText{font-size:32px;font-weight:900;color:#0d3b2e}.profGuestTitle{font-weight:900;font-size:18px;letter-spacing:-.02em;color:#111827;margin-bottom:8px}.profGuestSub{font-size:13px;color:var(--muted);margin-bottom:20px;line-height:1.55}.profGuestBtn{height:44px;padding:0 32px;border-radius:12px;border:1px solid rgba(234,88,12,.3);background:#ea580c;color:#fff;font-weight:1000;font-size:15px;letter-spacing:-.01em;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease}.profGuestBtn:hover{filter:brightness(.98);box-shadow:0 10px 18px #10182814}.profGuestBtn:active{transform:translateY(1px)}@media (max-width: 520px){.profFeedbackGrid{grid-template-columns:1fr}.profHistoryGrid{grid-template-columns:repeat(3,1fr)}.profCreditsTop{flex-direction:column;align-items:flex-start}}.pricingPage{height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.7) transparent;background:radial-gradient(ellipse at 50% 0%,rgba(234,88,12,.03) 0%,transparent 60%),var(--bg)}.pricingPage::-webkit-scrollbar{width:8px}.pricingPage::-webkit-scrollbar-track{background:transparent}.pricingPage::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.pricingContent{max-width:1080px;margin:0 auto;padding:32px 20px 60px}.heroBanner{text-align:center;padding:40px 20px 48px;position:relative}.heroHeadline{font-weight:900;font-size:32px;letter-spacing:-.025em;color:#0f172a;line-height:1.2;margin:0}.heroHeadlineAccent{background:linear-gradient(135deg,#0d3b2e,#0d3b2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heroSubhead{margin-top:14px;font-size:15px;color:#64748b;line-height:1.6;max-width:620px;margin-left:auto;margin-right:auto}.billingToggle{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:32px}.billingSegmented{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#f8fafc}.billingSegBtn{height:40px;padding:0 22px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:700;color:#64748b;transition:background .15s ease,color .15s ease;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;position:relative}.billingSegBtn:first-child{border-radius:12px 0 0 12px}.billingSegBtn:last-child{border-radius:0 12px 12px 0;border-left:1px solid var(--border)}.billingSegBtnActive{background:#fff;color:#0f172a;box-shadow:0 1px 3px #141e1c14}.billingSaveBadge{padding:2px 8px;border-radius:999px;background:#16a34a1a;border:1px solid rgba(22,163,74,.2);color:#16a34a;font-size:11px;font-weight:800}.planGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:48px}.planCard{border:none;border-radius:16px;background:#fff;padding:24px 20px 20px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;position:relative;box-shadow:0 1px 6px #141e1c0d}.planCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #141e1c14}.planCardPro{box-shadow:0 1px 6px #f59e0b1a,0 0 0 1px #f59e0b26}.planCardPro:hover{box-shadow:0 16px 40px #f59e0b1f,0 0 0 1px #f59e0b40}.planCardHeader{margin-bottom:16px}.planCardName{font-weight:700;font-size:17px;color:#0f172a;letter-spacing:-.01em}.planCardTagline{margin-top:4px;font-size:12px;color:#94a3b8;font-weight:500}.planCardPrice{border-radius:12px;background:#f8fafc;border:none;padding:14px 12px;margin-bottom:18px;text-align:center}.planPriceMain{font-weight:900;font-size:28px;color:#0f172a;letter-spacing:-.025em;line-height:1}.planPriceUnit{font-size:14px;font-weight:600;color:#64748b}.planPriceYearly{margin-top:6px;font-size:11px;color:#94a3b8;font-weight:500}.planPriceYearlyStrong{color:#16a34a;font-weight:700}.planCardFeatures{flex:1;margin-bottom:16px}.planFeaturesLabel{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.planFeatureItem{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:13px;color:#334155;line-height:1.45}.planFeatureItemMetric{color:#0f172a;font-weight:700}.planFeatureCheck{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:#16a34a}.planFeatureDisabled{color:#cbd5e1;text-decoration:line-through}.planFeatureHighlight{font-weight:700;color:#0f172a}.planCardBars{margin-bottom:14px;padding:12px;border-radius:10px;background:#f8f9fab3}.planBarsLabel{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.planBarRow{display:grid;grid-template-columns:28px 1fr 36px;align-items:center;gap:8px;padding:3px 0}.planBarRes{font-size:11px;font-weight:700;color:#64748b;text-align:right}.planBarTrack{height:8px;border-radius:999px;background:#0f172a0f;overflow:hidden}.planBarFill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary2));transition:width .4s ease}.planBarCount{font-size:12px;font-weight:700;color:#0f172a;text-align:right}.planBarCountZero{color:#cbd5e1;font-weight:600}.planBarRowZero{opacity:.45}.planBarFillZero{background:#e5e7eb}.planBarsHint{margin-top:6px;font-size:10px;color:#94a3b8;font-weight:500}.planCardCta{width:100%;height:44px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s ease,transform .12s ease,box-shadow .16s ease;-webkit-user-select:none;user-select:none;margin-top:auto}.planCardCta:hover{background:var(--primary2);box-shadow:0 6px 16px #141e1c26}.planCardCta:active{transform:scale(.98)}.planCardCtaFree{background:#f8f9facc;border:none;color:#0f172a}.planCardCtaFree:hover{background:#f1f5f9;box-shadow:0 4px 12px #141e1c0f}.planCardCtaCurrent{background:linear-gradient(180deg,#f8fafc,#eef2f7);border:1px solid rgba(148,163,184,.28);color:#64748b;cursor:not-allowed;box-shadow:inset 0 0 0 1px #ffffff8c;opacity:1}.planCardCtaCurrent:hover{background:linear-gradient(180deg,#f8fafc,#eef2f7);box-shadow:none}.planCardCtaCurrent:active{transform:none}.planCardCtaCurrent:disabled{background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#64748b;border-color:#94a3b847}.planCardCtaLoading{display:flex;align-items:center;justify-content:center;gap:8px;opacity:.8;cursor:wait}.planCardGuarantee{margin-top:10px;text-align:center;font-size:11px;color:#94a3b8;font-weight:500}.compareSection{max-width:960px;margin:0 auto 48px}.compareHeader{display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:12px;border:1px solid rgba(20,30,28,.08);background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.compareHeader:hover{background:#f8fafc}.compareHeaderTitle{font-weight:700;font-size:14px;color:#0f172a}.compareArrow{margin-left:auto;color:#94a3b8;transition:transform .3s ease}.compareArrowOpen{transform:rotate(180deg)}.compareTableWrap{overflow:hidden;max-height:0;transition:max-height .35s ease}.compareTableWrapOpen{max-height:900px}.compareTable{width:100%;border-collapse:collapse;margin-top:12px;border:1px solid rgba(20,30,28,.08);border-radius:12px;overflow:hidden;display:block}.compareTable thead{display:table;width:100%;table-layout:fixed}.compareTable tbody{display:block}.compareTable tr{display:table;width:100%;table-layout:fixed}.compareTable th{padding:12px 14px;text-align:left;font-size:12px;font-weight:700;color:#64748b;background:#f8fafc;border-bottom:1px solid rgba(20,30,28,.06)}.compareTable th:first-child{color:#0f172a}.compareTable td{padding:11px 14px;font-size:13px;color:#334155;border-bottom:1px solid rgba(20,30,28,.04)}.compareTable tr:last-child td{border-bottom:none}.compareTable .colFree{color:#94a3b8}.compareValYes{color:#16a34a;font-weight:700}.compareValNo{color:#cbd5e1}.compareValNum{font-weight:700;color:#0f172a}.compareRowHighlight td{background:#0d3b2e08}.compareRowHighlight td:nth-child(3),.compareRowHighlight td:nth-child(4){color:#0d3b2e;font-weight:700}.faqSection{max-width:960px;margin:0 auto 48px}.faqTitle{font-weight:900;font-size:20px;color:#0f172a;letter-spacing:-.015em;margin-bottom:20px;text-align:center}.faqList{display:grid;gap:6px}.faqItem{border:1px solid rgba(20,30,28,.08);border-radius:12px;background:#fff;overflow:hidden}.faqQuestion{width:100%;display:flex;align-items:center;gap:8px;padding:14px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#0f172a;text-align:left;-webkit-user-select:none;user-select:none;transition:background .12s ease}.faqQuestion:hover{background:#f8fafc}.faqQuestion .compareArrow{transition:transform .25s ease}.faqQuestion .compareArrowOpen{transform:rotate(180deg)}.faqAnswer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faqAnswerOpen{max-height:200px;padding:0 16px 14px}.faqAnswerText{font-size:13px;color:#64748b;line-height:1.65}.trustFooter{max-width:960px;margin:0 auto;padding:20px 16px;border-radius:12px;background:#f8fafc;border:1px solid rgba(20,30,28,.06);display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.trustItem{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#64748b}.trustIcon{color:#94a3b8;flex-shrink:0}.pricingToast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:12px;background:#16a34a;color:#fff;font-weight:700;font-size:13px;z-index:100;box-shadow:0 8px 24px #16a34a40;animation:pricingToastIn .3s ease-out}@keyframes pricingToastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 1024px){.planGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefitsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.heroHeadline{font-size:28px}.pricingContent{padding:24px 16px 48px}}@media (max-width: 640px){.planGrid{grid-template-columns:1fr;gap:14px}.benefitsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroHeadline{font-size:24px}.heroSubhead{font-size:14px}.trustFooter{gap:16px}.compareTable th,.compareTable td{padding:10px 8px;font-size:11px}.compareTableWrapOpen{overflow-x:auto}.billingSegBtn{padding:0 16px;font-size:12px}}.pricingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:pricingFadeIn .15s ease}.pricingConfirm{background:#fff;border-radius:12px;padding:28px 28px 20px;max-width:400px;width:calc(100% - 32px);box-shadow:0 20px 60px #0000002e;animation:pricingScaleIn .18s ease}.pricingConfirmTitle{font-size:16px;font-weight:700;color:#111827;margin-bottom:10px}.pricingConfirmBody{font-size:13px;line-height:1.6;color:#4b5563;margin-bottom:20px}.pricingConfirmActions{display:flex;gap:10px;justify-content:flex-end}.pricingConfirmCancel{padding:8px 18px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.pricingConfirmCancel:hover{background:#f3f4f6}.pricingConfirmOk{padding:8px 18px;border-radius:8px;border:none;background:#059669;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.pricingConfirmOk:hover{background:#047857}@keyframes pricingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pricingScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--bg: #faf8f5;--panel: #ffffff;--panel2: #fafaf9;--text: #1d1d1f;--muted: #6b7280;--muted2: #9aa0a6;--border: #e8e5e0;--shadow: 0 8px 20px rgba(30, 35, 40, .06);--primary: #0d3b2e;--primary2: #1a6b4f;--accent: #ea580c;--accentText: #ffffff;--danger: #ef4444;--radius: 12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.35;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:#d6ff2f99}