html.dark-mode{background:#0a0a0a;color-scheme:dark}:root{--ink: rgb(91, 91, 91);--ink-2: #666;--ink-3: #888;--ink-4: #c9c9c9;--bg: #ffffff;--bg-2: #f5f5f5;--card: #ffffff;--btn: rgb(91, 91, 91);--input-bg: #ffffff;--input-border: #dedede;--highlight-bg: #f0f0f0;--border: 2px solid #dedede;--border-color: #dedede;--border-color-dark: #1c1c1c;--green-accent: #4CAF50;--green-bright: #4ade80;--blue-accent: #3498db;--red-accent: #ff6347;--radius-pill: 30px;--shadow: 0 5px 10px rgba(0, 0, 0, .1);--font: "Inter", sans-serif}.lil-gui{display:none!important}html,body{margin:0;padding:0;height:100%;font-family:var(--font);background:var(--bg);overflow:hidden}.dashboard-layout{display:grid;grid-template-columns:200px 1fr;height:calc(100vh + -0px);gap:20px;padding:20px 18px;box-sizing:border-box;align-items:stretch;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.sidebar{border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0;height:100%;margin-top:6px;box-sizing:border-box;overflow:visible;transition:min-width .3s cubic-bezier(.4,0,.2,1)}.sidebar-top{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-left:4px;padding-bottom:6px;border-bottom:1px solid #eee;transition:padding .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1),justify-content .3s ease}.side-logo,.side-logo-icon{flex:0 0 auto;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.side-logo{width:68px;opacity:.8!important}.side-logo-icon{width:32px;opacity:.9;display:none}.dashboard-layout.sidebar-collapsed .side-logo{display:none!important}.dashboard-layout.sidebar-collapsed .side-logo-icon{display:block!important}.dashboard-layout:not(.sidebar-collapsed) .side-logo-icon{display:none!important}.menu-list{list-style:none;margin:0;padding:0;flex:1;overflow:hidden}.menu-item{display:flex;align-items:center;gap:6px;padding:10px 12px;color:var(--ink);font-weight:500;font-size:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden}.menu-item:hover{color:#000;background:#0000000a}.menu-item.active{font-weight:600;color:#000;background:#0000000f}.menu-item i{font-size:16px;color:var(--ink);width:20px}.menu-item.active i{color:var(--green-accent)}.menu-beta-badge{font-size:7px;font-weight:700;letter-spacing:.5px;padding:2px 4px;border-radius:3px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;line-height:1;overflow:visible!important;align-self:center;margin-top:0;margin-left:3px;flex-shrink:0;pointer-events:none}.dashboard-layout.sidebar-collapsed .menu-beta-badge{display:none}.menu-spinner{margin-left:auto;width:8px;height:8px;flex-shrink:0;display:inline-block;border-radius:50%;background:#22c55e;animation:menuDotPulse 2s ease-in-out infinite}@keyframes menuDotPulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e73}50%{transform:scale(1.2);box-shadow:0 0 0 5px #22c55e00}}.dashboard-layout.sidebar-collapsed .menu-spinner{display:none}.menu-dropdown{list-style:none;margin:0;padding:0}.menu-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px;color:var(--ink);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:8px;user-select:none}.menu-dropdown-header:hover{color:#000}.menu-dropdown-left{display:flex;align-items:center;gap:6px}.menu-dropdown-left i{font-size:16px;color:var(--ink);width:20px}.menu-dropdown-chevron{font-size:10px;color:var(--ink-3);transition:transform .25s ease}.menu-dropdown.open .menu-dropdown-chevron{transform:rotate(180deg)}.menu-dropdown-list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.menu-dropdown.open .menu-dropdown-list{max-height:200px}.menu-dropdown.open+.control-section-divider{opacity:0;margin:0;border:none}.menu-dropdown-item{display:flex;align-items:center;gap:6px;padding:2px 12px 10px 32px;color:var(--ink-3);font-size:13px;font-weight:400;opacity:.7;position:relative}.menu-dropdown-item i{font-size:13px;width:16px;color:var(--ink-3)}.soon-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:1px 4px;background:#8b5cf626;border-radius:3px;font-size:7px;font-weight:600;color:#8b5cf6;letter-spacing:.3px;opacity:.7}.menu-dropdown-header span,.menu-dropdown-chevron{transition:opacity .2s ease,width .2s ease;overflow:hidden;white-space:nowrap}.dashboard-layout.sidebar-collapsed .menu-dropdown-header span,.dashboard-layout.sidebar-collapsed .menu-dropdown-chevron{opacity:0;width:0;pointer-events:none}.dashboard-layout.sidebar-collapsed .menu-dropdown-list{display:none}.dashboard-layout.sidebar-collapsed .menu-dropdown-header{justify-content:center;padding:12px 8px}.dashboard-layout.sidebar-collapsed .menu-dropdown-left{gap:0}.dark-mode .menu-dropdown-header{color:#aaa}.dark-mode .menu-dropdown-header:hover{color:#fff}.dark-mode .menu-dropdown-left i{color:#888}.dark-mode .menu-dropdown-chevron{color:#555}.dark-mode .menu-dropdown-item{color:#777}.dark-mode .menu-dropdown-item i{color:#666}.sidebar-account{position:relative;padding:0;margin-top:auto;overflow:visible}.account-pill{position:relative;width:100%;display:flex;align-items:center;gap:8px;padding:8px;border-radius:14px;background:#fff9;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-mode .account-pill{background:transparent}.account-pill:hover{box-shadow:0 12px 28px #0000002e}.account-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.1);flex:0 0 auto}.dark-mode .account-avatar{border-color:#ffffff24}.profile-notification-badge{position:absolute;top:-4px;left:-4px;width:20px;height:20px;padding:0;background:#ef4444;color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #ef444459;animation:unreadFadeIn .3s ease;z-index:5;pointer-events:none;border:none}.profile-notification-badge.hidden{display:none}.account-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.account-name{font-weight:800;font-size:12px;color:var(--ink);max-width:120px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.account-plan{font-size:11px;font-weight:600;color:var(--ink-2);text-align:left;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;opacity:.9}.account-plan i{font-size:9px;color:#22c55e}.plan-text-placeholder{display:inline-block;width:36px;height:10px;text-align:center;border-radius:3px;vertical-align:middle}.account-chevron{margin-left:auto;font-size:12px;color:var(--ink-2);opacity:.85;transition:transform .22s ease,opacity .22s ease}.sidebar-account.is-open .account-chevron{transform:rotate(180deg);opacity:1}.account-popover{position:absolute;left:0;bottom:68px;width:240px;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,0,0,.12);border-radius:16px;box-shadow:0 26px 70px #00000042;z-index:9999;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.08) transparent;transform-origin:bottom center;transform:translateY(10px) scale(.985);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.account-popover::-webkit-scrollbar{width:3px}.account-popover::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.dark-mode .account-popover{background:#101010c7;border-color:var(--border-color-dark, #1c1c1c);box-shadow:0 26px 90px #0000009e;scrollbar-color:rgba(255,255,255,.06) transparent}.dark-mode .account-popover::-webkit-scrollbar-thumb{background:#ffffff14}.sidebar-account.is-open .account-popover{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.account-popover-top{padding:12px 14px 4px}.account-top-left{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center}.top-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.dark-mode .top-avatar{border-color:#ffffff24}.top-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.top-name{font-weight:900;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-stat-plan i{color:#a855f7}.top-email{font-size:12px;color:var(--ink-2);opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-stats{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:nowrap;overflow:hidden}.pill-stat{font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:99px;background:#0000000f;color:var(--ink);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;width:fit-content}.pill-stat i{font-size:10px;color:#22c55e}.dark-mode .pill-stat{background:#ffffff1a;color:#f0f0f0}.stat-text{font-size:11px;color:var(--ink-2);opacity:.95;padding:5px 10px;border-radius:999px;background:#0000000f;white-space:nowrap}.dark-mode .stat-text{background:#ffffff1a}.popover-model-stats{display:flex;align-items:center;justify-content:center;gap:0;padding:6px 8px;margin:0;background:transparent}.dark-mode .popover-model-stats{background:transparent}.popover-stat-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.popover-stat-item i{font-size:13px;color:var(--ink-2);margin-bottom:1px}.popover-stat-item i.fa-cloud-arrow-up,.popover-stat-item i.fa-wand-magic-sparkles{color:#22c55e}.popover-stat-item span{font-size:11px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.popover-stat-item small{font-size:9px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.account-popover-actions{padding:4px 5px}.popover-item{width:94%;border:none;background:transparent;color:var(--ink);padding:9px;border-radius:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .18s ease,transform .18s ease;font-size:13px;text-align:left}.popover-item i{opacity:.9;width:18px;display:flex;justify-content:center}.popover-item:hover{background:#00000012}.dark-mode .popover-item:hover{background:#ffffff17}.popover-item-upgrade{font-weight:700}.popover-item-upgrade i{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:1}.popover-item-upgrade span{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700}.popover-item-upgrade:hover{background:#22c55e12}.dark-mode .popover-item-upgrade:hover{background:#4ade8014}.popover-item-right i:last-child{margin-left:auto;opacity:.55;font-size:12px}.popover-switch-row{user-select:none}.popover-left{display:flex;align-items:center;gap:10px;flex:1 1 auto}.popover-danger{color:#d6002a}.dark-mode .popover-danger{color:#ff5c73}.updates-unread-dot{width:20px;height:20px;padding:0;background:#ef4444;border-radius:50%;margin-left:auto;flex-shrink:0;font-size:10px;font-weight:700;color:#fff;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:20px;letter-spacing:0;text-indent:0;box-shadow:0 1px 4px #ef444459;animation:unreadFadeIn .3s ease}.updates-unread-dot:empty{min-width:8px;height:8px;padding:0}.updates-unread-dot.hidden{display:none}@keyframes unreadFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.user-model-count.hidden{display:none}.dashboard-layout{transition:grid-template-columns .25s ease}.dashboard-layout{grid-template-columns:200px 1fr}.dashboard-layout.sidebar-collapsed{grid-template-columns:60px 1fr}.sidebar-top{position:relative}.sidebar-collapse-btn{margin-left:auto;width:26px;height:26px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.sidebar-collapse-btn:hover{background:#8080801f}.sidebar-collapse-btn i{font-size:12px;color:var(--ink-3);transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-layout.sidebar-collapsed .sidebar-collapse-btn i{transform:rotate(180deg)}.dashboard-layout.sidebar-collapsed .side-logo-icon{width:26px;height:26px}.dashboard-layout.sidebar-collapsed .sidebar-top{justify-content:center;padding:0 0 10px;gap:0}.dashboard-layout.sidebar-collapsed .sidebar-collapse-btn{position:absolute;right:-18px;transform:translateY(-50%);margin-left:0;top:6px;width:18px;height:18px;min-width:18px}.menu-item span{transition:opacity .2s ease,width .2s ease;overflow:hidden;white-space:nowrap}.dashboard-layout.sidebar-collapsed .menu-item span{opacity:0;width:0;pointer-events:none}.menu-item{transition:padding .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1)}.dashboard-layout.sidebar-collapsed .menu-item{justify-content:center;padding:14px 0;gap:0;position:relative}.dashboard-layout.sidebar-collapsed .menu-item i{width:auto}.dashboard-layout.sidebar-collapsed .menu-list,.dashboard-layout.sidebar-collapsed .menu-item{overflow:visible}.dashboard-layout.sidebar-collapsed .menu-item i{position:relative;z-index:2}.dashboard-layout.sidebar-collapsed .menu-item span{opacity:0;pointer-events:none;position:absolute;left:0;top:0;height:100%;width:max-content;display:flex;align-items:center;padding:0 18px 0 56px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--ink);background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001f,0 0 0 1px #0000000d;transform:translate(-6px);transition:opacity .16s ease,transform .18s cubic-bezier(.2,.9,.3,1);z-index:1;will-change:opacity,transform}.dashboard-layout.sidebar-collapsed .menu-item:hover{overflow:visible;background:transparent}.dashboard-layout.sidebar-collapsed .menu-item:hover i{color:var(--green-accent, #4CAF50)}.dashboard-layout.sidebar-collapsed .menu-item:hover span{opacity:1;transform:translate(0)}body.dark-mode .dashboard-layout.sidebar-collapsed .menu-item span{background:#2a2a2a;color:#fffffff2;box-shadow:0 6px 20px #00000080,0 0 0 1px #ffffff0f}.dashboard-layout.sidebar-collapsed .menu-item.active{background:#22c55e1a}.dashboard-layout.sidebar-collapsed .menu-item.active i{color:var(--green-accent, #4CAF50)}@media(max-width:768px){.dashboard-layout.sidebar-collapsed .menu-item span{transition:opacity .12s ease}}.dashboard-layout.sidebar-collapsed .control-section-divider{margin:6px 10px}.dashboard-layout.sidebar-collapsed .menu-dropdown,.dashboard-layout.sidebar-collapsed .upcoming-divider{display:none}.dashboard-layout.sidebar-collapsed .account-pill{justify-content:center;padding:8px 0;width:100%;gap:0}.dashboard-layout.sidebar-collapsed .account-meta,.dashboard-layout.sidebar-collapsed .account-chevron{display:none}.account-meta,.account-chevron{transition:opacity .2s ease,width .2s ease;overflow:hidden;white-space:nowrap}.dashboard-layout.sidebar-collapsed .account-meta,.dashboard-layout.sidebar-collapsed .account-chevron{opacity:0;width:0;pointer-events:none}.dashboard-layout.sidebar-collapsed .account-popover{left:56px;bottom:0;width:240px;max-height:calc(100vh - 20px);overflow-y:auto}.dashboard-layout.sidebar-collapsed .account-avatar{width:34px;height:34px}.sidebar-ai-btn{display:none}.dashboard-layout.sidebar-collapsed .sidebar-account{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0}.dashboard-layout.sidebar-collapsed .sidebar-ai-btn{display:flex;width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(135deg,#22c55e33,#4ade8033);cursor:pointer;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.dashboard-layout.sidebar-collapsed .sidebar-ai-btn:hover{background:linear-gradient(135deg,#22c55e59,#4ade8059);transform:scale(1.08)}.sidebar-ai-btn i{background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .dashboard-layout.sidebar-collapsed .sidebar-ai-btn{background:transparent}.dark-mode .dashboard-layout.sidebar-collapsed .sidebar-ai-btn:hover{background:linear-gradient(135deg,#22c55e66,#4ade8066)}.sidebar.account-panel-active .ai-chat,.sidebar.account-panel-active .sidebar-ai-btn{display:none!important}.sidebar.account-panel-active .sidebar-account{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:0}.sidebar.account-panel-active .account-popover{position:static;order:-1;flex:1;min-height:0;overflow:visible;width:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;z-index:auto;transform:none;opacity:1;pointer-events:auto;border-top:1px solid rgba(0,0,0,.06);padding-top:2px;display:flex;flex-direction:column;justify-content:flex-end}.sidebar.account-panel-active .account-popover.panel-closing{animation:panelSlideDown .22s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}@keyframes panelSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.sidebar.account-panel-active .account-pill{order:10;flex-shrink:0}.sidebar.account-panel-active .top-avatar{width:clamp(24px,3.8vh,34px);height:clamp(24px,3.8vh,34px)}.sidebar.account-panel-active .account-top-left{grid-template-columns:clamp(22px,3.5vh,30px) 1fr;gap:clamp(6px,1vh,10px)}.sidebar.account-panel-active .account-popover-top{padding:clamp(4px,.9vh,12px) 14px clamp(2px,.5vh,8px) 14px}.sidebar.account-panel-active .top-name{font-size:clamp(12px,1.8vh,14px)}.sidebar.account-panel-active .top-email{font-size:clamp(10px,1.5vh,12px)}.sidebar.account-panel-active .popover-model-stats{padding:clamp(4px,.8vh,10px) 6px}.sidebar.account-panel-active .popover-stat-item i{font-size:16px;margin-bottom:clamp(0px,.15vh,1px)}.sidebar.account-panel-active .popover-stat-item span{font-size:clamp(9px,1.4vh,11px)}.sidebar.account-panel-active .popover-stat-item small{font-size:clamp(7px,1.1vh,9px)}.sidebar.account-panel-active .popover-stat-divider{height:clamp(14px,2.8vh,24px);margin:0 clamp(3px,.5vh,5px)}.sidebar.account-panel-active .popover-item{padding:clamp(4px,.9vh,11px) 9px;font-size:clamp(11px,1.7vh,13px);gap:clamp(8px,1.1vh,10px)}.sidebar.account-panel-active .popover-item i{width:clamp(14px,2vh,18px);font-size:clamp(11px,1.6vh,14px)}.sidebar.account-panel-active .account-popover-actions{padding:clamp(1px,.3vh,5px)}.dark-mode .sidebar.account-panel-active .account-popover{border-top-color:#ffffff0f;scrollbar-color:rgba(255,255,255,.06) transparent}.dark-mode .sidebar.account-panel-active .account-popover::-webkit-scrollbar-thumb{background:#ffffff14}.dashboard-layout.sidebar-collapsed .sidebar.account-panel-active .account-popover{position:absolute;left:56px;bottom:0;width:230px;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,0,0,.12);border-radius:16px;box-shadow:0 26px 70px #00000042;z-index:9999;overflow:visible;order:unset;flex:none;min-height:auto;border-top:none;margin-top:0;padding-top:0}.dark-mode .dashboard-layout.sidebar-collapsed .sidebar.account-panel-active .account-popover{background:#101010c7;border-color:var(--border-color-dark, #1c1c1c);box-shadow:0 26px 90px #0000009e}.dashboard-layout.sidebar-collapsed .sidebar.account-panel-active .sidebar-account{flex:none;margin-top:auto}.dashboard-layout.sidebar-collapsed .sidebar.account-panel-active .account-pill{order:unset}@media(max-width:768px){.account-popover{width:min(250px,calc(100vw - 24px))}.popover-model-stats{padding:8px 6px}.popover-stat-item span{font-size:10px}.popover-stat-item small{font-size:8px}.popover-stat-item i{font-size:12px}.popover-stat-divider{height:20px;margin:0 4px}}@media(max-width:480px){.account-popover{width:min(230px,calc(100vw - 16px));max-height:70vh;overflow-y:auto}.popover-model-stats{padding:6px 4px;gap:0}.popover-stat-item{padding:2px 1px}.popover-stat-item span{font-size:9px}.popover-stat-item small{font-size:7px}.popover-stat-item i{font-size:10px}.popover-stat-divider{height:16px;margin:0 2px}.popover-item{padding:9px 12px;font-size:12px}}.dark-mode .user-upgrade-btn{background:var(--bg);border:solid 1px rgb(40,40,40)!important}.dark-mode .user-upgrade-btn:hover{background:#000;color:var(--ink)}.page-container{background:var(--bg-2);border-radius:20px;padding:12px;padding-bottom:0!important;height:100%;min-height:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:stretch}.page-view{display:none;height:100%;min-height:0}.page-view.active{display:block;height:100%;flex:1;min-height:0}.sidebar-backdrop,.sidebar-hamburger{display:none}@media(max-width:1440px){.dashboard-layout{gap:18px;padding:18px 16px}}@media(max-width:1280px){.dashboard-layout{gap:16px;padding:16px 14px}}@media(max-width:1100px){.dashboard-layout{gap:12px;padding:12px 10px}}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr!important;gap:10px;padding:50px 10px 10px}.sidebar{position:fixed;left:0;top:0;width:230px;height:100vh;z-index:9999;border-radius:0 20px 20px 0;margin-top:0;padding:14px 10px 10px;background:var(--bg);box-shadow:4px 0 32px #0000004d;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar.sidebar-overlay-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000073;z-index:9998;opacity:0;pointer-events:none;transition:opacity .28s ease}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar-collapse-btn{display:flex!important;position:static!important;margin-left:auto!important;right:auto!important;transform:none!important;top:auto!important;width:auto;height:auto}.sidebar-collapse-btn i{transform:rotate(0)!important}.sidebar-hamburger{display:flex;position:fixed;left:14px;top:14px;z-index:10000;width:34px;height:34px;border-radius:8px;background:transparent;border:none;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-3);font-size:16px;transition:background .15s}.sidebar-hamburger:hover{background:#8080801f}.sidebar-backdrop.active~.sidebar-hamburger{display:none}.dashboard-layout.sidebar-collapsed{grid-template-columns:1fr!important}}@media(max-width:768px){.dashboard-layout{padding:46px 8px 8px}.sidebar-hamburger{left:10px;top:10px}}@media(max-width:480px){.dashboard-layout{padding:42px 6px 6px;gap:6px}.sidebar-hamburger{left:8px;top:8px;width:32px;height:32px;font-size:15px}.sidebar{width:min(260px,calc(100vw - 20px))}}@media(max-width:360px){.dashboard-layout{padding:40px 4px 4px;gap:4px}}@media(max-width:768px){.page-container [style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.page-container [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media(max-width:480px){.page-container [style*="grid-template-columns: repeat(3"],.page-container [style*="grid-template-columns: repeat(4"],.page-container [style*="grid-template-columns: repeat(2"],.page-container [style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important;gap:8px!important}}.models-layout{display:grid;grid-template-columns:1fr 340px;grid-template-rows:1fr auto;gap:12px;height:calc(100% + -0px);flex:1;box-sizing:border-box}@media(min-width:1600px){.models-layout{grid-template-columns:1fr 380px;gap:16px}}@media(min-width:2000px){.models-layout{grid-template-columns:1fr 420px;gap:18px}}@media(max-width:1280px){.models-layout{grid-template-columns:1fr 340px;gap:10px}}@media(max-width:1100px){.models-layout{grid-template-columns:1fr 340px;gap:8px}}@media(max-width:900px){.models-layout{grid-template-columns:1fr;grid-template-rows:auto;gap:8px}.models-left,#models-right-scene-material,#pages-right-controls,.models-layout>#modelActionBox{grid-column:1;grid-row:auto}.models-right{max-height:320px;overflow-y:auto}}@media(max-width:768px){.models-layout{gap:6px}.models-right{max-height:280px}}#mobileTopBar{display:none}.models-left,.models-right{display:flex;flex-direction:column;gap:12px;height:100%;min-width:0;justify-content:space-between}.models-left{grid-column:1;grid-row:1 / 3}#models-right-scene-material,#pages-right-controls{grid-column:2;grid-row:1;min-height:0;overflow-y:auto}.models-layout>#modelActionBox{grid-column:2;grid-row:2;flex-shrink:0}.model-name-controls{position:relative;bottom:0;left:0;z-index:10;display:flex;align-items:center;gap:0px;opacity:.8;width:96%;padding:6px;margin-top:5px;box-shadow:var(--shadow);background:var(--bg);border-radius:12px;border:solid 1px white;margin-bottom:-8px}.model-name-text,.model-name-input{color:var(--ink);font-size:14px;padding:6px 8px;border:1px solid rgba(255,255,255,0);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-meta .source-label{font-size:9px;font-weight:600;letter-spacing:.3px;color:var(--green-accent);margin-bottom:2px}.edit-btn,.save-btn,.cancel-btn{background:none;border:none;cursor:pointer;padding:0;width:18px;height:18px;margin-right:10px;display:flex;align-items:center;justify-content:center;transition:color .2s}.save-btn,.cancel-btn{margin-left:10px}.edit-btn i{color:var(--ink);font-size:14px}.edit-btn:hover i{color:#4caf50}.save-btn i{color:#4caf50;font-size:18px}.save-btn:hover i{color:#38703a}.cancel-btn i{color:#ff4d4d;font-size:18px}.cancel-btn:hover i{color:#cc3e3e}.model-name-input{border:none;color:var(--ink);padding:6px 8px;border:var(--border);border-radius:4px;outline:none;font-size:14px;font-weight:600;width:auto}.viewer-canvas-container{position:absolute;inset:0;width:100%;height:100%;max-width:90vh;max-height:none;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:2}#screenshotImagePreview{width:min(400px,100%)}.viewer-canvas-container.fullscreen-mode{width:60vh!important}.ar-popup-icon-img{width:16px;height:16px;display:block}.viewer-box{position:relative;width:100%;height:100%;min-height:0;border-radius:12px;box-sizing:border-box;overflow:hidden;display:flex;flex:1 1 auto;align-items:center;justify-content:center}@media(max-width:480px){#viewerSection,#pageViewerSection{min-height:160px}.viewer-box{border-radius:12px}}.model-stats-overlay{position:absolute;bottom:8px;left:10px;right:auto;transform:none;display:flex;align-items:center;gap:6px;z-index:10;pointer-events:none}.mso-item{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-family:Inter,sans-serif;color:#ffffff59;letter-spacing:.01em;white-space:nowrap}.mso-item i{font-size:8px;opacity:.5}.mso-item b{font-weight:600;color:#ffffff80}.mso-sep{width:1px;height:10px;background:#ffffff1a;flex-shrink:0}body:not(.dark-mode) .mso-item{color:#00000040}body:not(.dark-mode) .mso-item b{color:#00000059}body:not(.dark-mode) .mso-sep{background:#00000014}@media(max-width:768px){.model-stats-overlay{left:8px;bottom:auto;top:48px;transform:none;flex-wrap:wrap;justify-content:flex-start;max-width:130px;gap:3px 5px}.mso-sep{display:none}.mso-item{font-size:9px}.mso-item i{font-size:7px}.model-stats-overlay{display:grid;grid-template-columns:auto auto auto;gap:2px 6px}#msoVerts{grid-column:1;grid-row:1}#msoFaces{grid-column:2;grid-row:1}#msoMeshes{grid-column:1;grid-row:2}#msoTextures{grid-column:2;grid-row:2}#msoMats{grid-column:3;grid-row:2}}@media(max-width:480px){.model-stats-overlay{left:6px;top:6px;max-width:110px;gap:2px 4px}.mso-item{font-size:8px;gap:2px}}.models-left{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}.model-slider-box{width:100%;height:auto;flex:0 0 auto;border-radius:16px;background:var(--bg);padding:10px 12px;box-sizing:border-box;box-shadow:none;border:solid 1px white;display:flex;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;overflow-y:clip;scroll-behavior:smooth;scrollbar-width:thin}.model-slider-box::-webkit-scrollbar{height:8px;background:transparent}.model-slider-box::-webkit-scrollbar-track{background:transparent;border-radius:10px}.model-slider-box::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:8px;border:none}.model-slider-box::-webkit-scrollbar-thumb:hover{background-color:#999}.model-slider-box{scrollbar-color:#ccc transparent;scrollbar-width:thin}.models-empty{color:#777;font-size:13px;text-align:center;padding:12px 20px;flex:1 1 auto;min-height:100px;display:flex;align-items:center;justify-content:center}.models-empty.models-empty-search{min-height:0;flex:1 1 100%}.slider-ghost-card{flex:0 0 0;width:0;min-width:0;height:100px;padding:0;margin:0;border:0;visibility:hidden;pointer-events:none}#modelSlider.fullscreen .slider-ghost-card{height:140px}@media(max-width:768px){.model-slider-box .slider-ghost-card{height:110px}}.page-create-standalone-box{display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);background:var(--bg);border-radius:16px;border:solid 1px var(--border-color);transition:border-color .2s,background .2s;cursor:pointer;color:var(--ink-2);margin-top:10px}.page-create-standalone-box:hover{border-color:var(--color-primary);background:var(--bg-card-hover);cursor:pointer}.page-create-standalone-box .new-page-btn{background:transparent;transition:none;border:solid 1px transparent!important;width:100%;height:50px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:12px}.new-page-btn:hover{border-color:var(--green-accent)!important;transition:border-color .25s ease}.page-create-standalone-box .page-create-content{display:flex;align-items:center;flex-grow:1;cursor:inherit;padding:0 20px}.page-create-standalone-box .page-create-content i{font-size:1.8rem;color:var(--green-accent);margin-bottom:0;margin-right:15px}.page-create-standalone-box .page-create-content p{color:var(--green-accent);font-size:13px;font-weight:700;line-height:1.3;margin:0;text-align:left;white-space:nowrap}.model-upload-standalone-box.quota-reached{pointer-events:none!important;opacity:.8}.model-card.uploading{pointer-events:none!important;cursor:not-allowed!important}.model-card.uploading,.model-card.uploading:hover{border-color:var(--border-color)!important;background-color:var(--bg)!important}.model-card.uploading .up-cancel-btn,.quota-reached-container #upgradeNowBtn{pointer-events:auto!important;cursor:pointer!important}.model-upload-standalone-box{display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:16px;border:none;color:var(--ink-2)}.model-upload-standalone-box .upload-card{transition:opacity .2s,border .2s;background-color:var(--bg);box-shadow:none;border:solid 1px white;width:100%;height:50px;padding:0;display:flex;align-items:center;justify-content:space-between;border-radius:12px}.model-upload-standalone-box .upload-area-content{display:flex;align-items:center;flex-grow:1;cursor:inherit;padding:0 20px}.model-upload-standalone-box .upload-area-content i{font-size:22px;color:var(--green-accent);margin-bottom:0;margin-right:6px}.model-upload-standalone-box .upload-area-content p{color:var(--ink);font-size:11px;font-weight:700;line-height:1.3;margin:0;text-align:center;white-space:nowrap}.model-upload-standalone-box .upload-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:transparent;border:1px solid rgba(74,222,128,.35);padding:10px 22px;border-radius:22px;font-weight:700;font-size:13px;letter-spacing:.2px;cursor:pointer;overflow:hidden;white-space:nowrap;flex-shrink:0;margin-left:40px;box-shadow:none;transition:border-color .3s ease,transform .18s ease;background-image:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.model-upload-standalone-box .upload-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,222,128,.18),transparent);pointer-events:none}.model-upload-standalone-box .upload-btn:hover{border-color:#4ade8099;box-shadow:none;transform:none}.model-upload-standalone-box .upload-btn:hover:before{animation:gwShine .9s ease-out forwards}.model-upload-standalone-box .upload-btn:active{transform:translateY(0);box-shadow:none}body.dark-mode .model-upload-standalone-box .upload-btn{background:transparent;background-image:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border:none;box-shadow:none}body.dark-mode .model-upload-standalone-box .upload-btn:hover{background:transparent;background-image:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;border:none;box-shadow:none;transform:none}body.dark-mode .model-upload-standalone-box .upload-btn:hover:before{animation:none}#uploadCardContent,.upload-success-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.upload-success-container i{font-size:24px;color:#4caf50;margin:0!important}.upload-success-container p{color:var(--ink)}.design-toggle-btn{width:28px;height:28px;min-width:28px;padding:0;margin:0 2px;display:flex;align-items:center;justify-content:center;background:var(--bg-2, #2a2a2a);border:1px solid var(--border-1, #3a3a3a);border-radius:6px;color:var(--ink-2, #888);font-size:12px;cursor:pointer;transition:all .15s ease}.design-toggle-btn:hover{background:var(--bg-3, #333);border-color:var(--border-2, #4a4a4a);color:var(--ink-1, #fff)}.design-toggle-btn.active{background:var(--accent-1, #4CAF50);border-color:var(--accent-1, #4CAF50);color:#fff}.design-toggle-btn.active:hover{background:var(--accent-2, #45a049);border-color:var(--accent-2, #45a049)}.model-card{position:relative;padding-top:6px;width:100px;height:100px;border-radius:10px;overflow:hidden;cursor:pointer;transition:border .3s ease;border:solid 1px #eee;flex-shrink:0;display:flex;flex-direction:column}.model-card.active-card,.model-card.active-card:hover{border:solid 1px #ccc}.model-card:hover{border-color:var(--green-accent)!important;transition:border-color .25s ease}.model-upload-standalone-box .loading-box{text-align:center;color:var(--color-primary);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.model-upload-standalone-box .loading-box .loading-icon{font-size:1.6rem;margin-right:20px;line-height:1;position:relative;top:1px}.model-upload-standalone-box .loading-box .loading-text{font-size:.95rem;font-weight:600;margin:0;line-height:1;position:relative;top:-8px}.quota-reached-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:10px}.quota-message-area{display:flex;align-items:center;gap:3px}.quota-icon{color:#ff4d4d!important;font-size:1.1rem;line-height:1}.quota-text{color:var(--ink);font-size:13px;font-weight:600;margin:0;white-space:nowrap}.quota-reached-container .upgrade-btn{background:var(--green-accent);color:#fff;border:none;padding:8px 18px;border-radius:6px;font-weight:600;cursor:pointer;transition:.2s;flex-shrink:0;font-size:13px;white-space:nowrap}.quota-reached-container .upgrade-btn:hover{opacity:.7}.error-message-area{text-align:center;padding:25px}.error-message-area .fa-circle-xmark{color:#f44336;font-size:20px;margin-bottom:4px}.error-message-area p{font-weight:600;color:#333;margin:4px 0}#modelSlider.loading{pointer-events:none!important;transition:opacity .3s ease;opacity:.3!important}#modelSlider.loading{opacity:.2;pointer-events:auto}#modelSlider.loading .model-card{pointer-events:none!important;transition:opacity .3s ease}#modelSlider.loading .model-card:hover{transform:none!important;border-color:#eee!important}.slider-wrapper.loading-disabled #modelSlider.loading{opacity:1!important}.model-thumb{position:relative;width:100%;flex:1;border-radius:12px 12px 0 0;background-size:contain;background-repeat:no-repeat;background-position:center center;background-color:transparent;overflow:hidden}.model-thumb.has-thumb{background-image:var(--thumb-url);margin-top:0}.model-card:hover .model-thumb{filter:brightness(1)}.model-new-badge{position:absolute;bottom:2px;left:2px;padding:2px 6px;border-radius:3px;background:#22c55e;color:#fff;font-size:7px;font-weight:800;letter-spacing:.5px;z-index:3;pointer-events:none;line-height:1;display:inline-flex;align-items:center;justify-content:center;animation:newBadgePulse 2s ease-in-out infinite}@keyframes newBadgePulse{0%,to{opacity:1}50%{opacity:.7}}.thumb-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-3, #999)}.thumb-loading i{font-size:18px}.model-meta{position:relative;background:#f6f6f6;padding:3px 6px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;width:100%;margin-top:auto;text-align:left;flex-shrink:0}.model-name{font-weight:600;font-size:11px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;margin-bottom:2px}.inline-edit-btn{flex-shrink:0;width:18px;height:18px;border:none;background:transparent;color:#999;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:all .2s ease}.inline-edit-btn i{font-size:9px}.model-card:hover .inline-edit-btn{opacity:1}.inline-edit-btn:hover{background:#0000001a;color:#333}.inline-name-input{flex:1;min-width:0;font-size:11px;font-weight:600;color:#222;background:#fff;border:1px solid var(--green-accent, #00ff88);border-radius:4px;padding:2px 6px;outline:none;box-shadow:0 0 0 2px #0f83}.inline-edit-actions{display:flex;gap:2px;flex-shrink:0}.inline-edit-actions button{width:18px;height:18px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease}.inline-edit-actions button i{font-size:9px}.inline-save-btn{background:var(--green-accent, #00ff88);color:#000}.inline-save-btn:hover{background:#00cc6a}.inline-cancel-btn{background:#e0e0e0;color:#666}.inline-cancel-btn:hover{background:#ccc}.inline-edit-actions .fa-spinner{font-size:10px;color:#888}.info-title-row{display:flex;align-items:center;gap:8px;padding-right:20px}.info-popup-name-input{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--ink);background:var(--bg-2);border:1px solid var(--green-accent);border-radius:6px;padding:4px 8px;outline:none;box-shadow:0 0 0 2px #00ff881f;transition:box-shadow .2s ease}.info-popup-name-input:focus{box-shadow:0 0 0 2px #00ff8838}.info-popup-edit-actions{display:flex;gap:3px;flex-shrink:0}.info-popup-edit-actions button{width:22px;height:22px;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease}.info-popup-edit-actions button i{font-size:10px;color:#fff!important}.info-save-btn{background:var(--green-accent, #00ff88)!important;color:#000!important}.info-save-btn i{color:#000!important}.info-save-btn:hover{background:#00cc6a!important}.info-cancel-btn{background:#e74c3c!important;color:#fff!important}.info-cancel-btn i{color:#fff!important}.info-cancel-btn:hover{background:#c0392b!important}.model-meta-line{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:11px;color:#8b8b8b;margin-top:0;width:100%;overflow:hidden}.model-meta-line>span:first-child{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-meta-line .meta-detail-row{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-detail-row2{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;overflow:hidden;text-align:center;text-overflow:ellipsis}.model-meta-line .divider{display:block;flex:0 0 auto;width:1px;height:10px;background:#bbb;margin:0 4px}.model-meta-line .model-format{display:inline;width:auto;margin-left:0;font-weight:500;color:#8b8b8b}.hidden{display:none}.models-right{display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:100%;width:100%}.dark-mode .empty-state .fa-solid.fa-cube{color:var(--ink-4)}.dark-mode .empty-state-content{font-size:12px;color:var(--ink-4)}.empty-state .fa-solid.fa-cube{color:var(--ink-2)}.empty-state-content{font-size:12px;color:var(--ink-2)}.upload-progress-compact{display:flex;align-items:center;width:100%;height:100%;padding:0 15px;gap:12px;box-sizing:border-box;overflow:hidden}.up-icon-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#0000000d;border-radius:8px;flex-shrink:0}.up-icon-box i{font-size:14px;color:var(--green-accent);margin:0!important}.up-content-box{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:4px;width:0;min-width:0}.up-text-row{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-size:11px;line-height:1.2;width:100%}.up-filename{color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;display:block;flex:1;min-width:0}.up-size{color:#666;font-family:monospace;font-size:10px;white-space:nowrap;flex-shrink:0}.up-progress-track{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.up-progress-bar{height:100%;background:var(--green-accent);transition:width .3s ease;box-shadow:0 0 6px #4caf5033}.up-status-box{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;flex-shrink:0;white-space:nowrap}.up-counter{font-size:11px;font-weight:700;color:#333;font-family:monospace;letter-spacing:1px}.up-spinner{font-size:12px;color:var(--green-accent);margin:0!important}.up-cancel-btn{display:flex;align-items:center;justify-content:center;width:14px;height:14px;min-width:14px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#ef4444;font-size:8px;margin-left:4px;padding:0;transition:all .2s ease;flex-shrink:0;opacity:.6}.up-cancel-btn:hover{opacity:1}.device-mobile .viewer-preloader-overlay .preloader-icon{font-size:16px!important}.device-mobile .viewer-preloader-overlay .preloader-message{font-size:11px!important;text-align:center}.device-mobile .viewer-preloader-overlay{text-align:center}.loading-disabled{pointer-events:none;opacity:.4;transition:opacity .3s ease;cursor:wait!important}.viewer-page-preloader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0e6;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:all}.viewer-page-preloader .preloader-icon{font-size:3em;color:var(--primary-color, #007bff)}.viewer-page-preloader .preloader-message{margin-top:10px;font-weight:500;color:var(--ink-2, #333)}.mobile-viewer-preloader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0e6;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:all}.mobile-viewer-preloader .preloader-icon{font-size:3em;color:var(--primary-color, #007bff)}.mobile-viewer-preloader .preloader-message{margin-top:10px;font-weight:500;color:var(--ink-2, #333)}.models-right.loading-disabled{opacity:.4;pointer-events:none;transition:opacity .3s ease-in-out}.models-right.no-model,.model-viewer-actions.no-model,.sidebar.loading-lock .menu-list,.sidebar.loading-lock #aiChat,.sidebar.loading-lock .sidebar-account{pointer-events:none;opacity:.35;transition:opacity .3s ease}#embedCodeArea{height:110px}.model-search-container{position:relative;display:flex;align-items:center;background:transparent;border-radius:8px;border:none;transition:all .2s ease;margin:0;flex:1;min-width:0}.model-search-container:focus-within{border-color:var(--btn)}#modelSearchInput{flex-grow:1;border:none;padding:13px 10px 13px 30px;font-size:13px;background:transparent;outline:none;color:var(--ink);max-width:60px}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--ink-2);pointer-events:none}.clear-search-btn{background:none;border:none;cursor:pointer;color:var(--ink-2);font-size:14px;padding:0 10px}.clear-search-btn:hover{color:#000}.model-slider-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:4px 12px;flex:0 0 auto}.model-slider-head .msh-status .model-status-bar,.model-slider-head .msh-status #modelStatusBarWrapper{margin:0!important;padding:0!important;min-width:0;position:static!important;transform:none!important;left:auto!important;bottom:auto!important;opacity:1!important}.model-slider-head .msh-status .autosave-status,.model-slider-head .msh-status #modelStatusDisplay{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.model-slider-head .msh-left{display:flex;align-items:center;gap:8px;min-width:0}.model-slider-head .msh-source-switch{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.model-slider-head .msh-source-switch::-webkit-scrollbar{display:none}.model-slider-head .msh-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#22c55e;font-size:15px}.model-slider-head .msh-title{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--ink, #1a1a1a);white-space:nowrap}.model-slider-head .msh-count{font-size:11px;font-weight:500;color:var(--ink-4, #999);white-space:nowrap}body.dark-mode .model-slider-head .msh-title{color:#ececec}.model-slider-head .msh-left{flex:1 1 auto;min-width:0;gap:7px}.slider-wrapper{background:var(--card, #fff);border:1px solid var(--border-color);border-radius:16px;height:164px;box-sizing:border-box}body.dark-mode .slider-wrapper{background:#0f0f0f;border-color:#ffffff12}.slider-wrapper .model-slider-box{border:none!important;border-radius:0 0 16px 16px!important;background:transparent!important;box-shadow:none!important;padding-top:3px!important}.slider-wrapper .model-slider-head{border-radius:16px 16px 0 0}.model-slider-head .msh-status{justify-self:center;min-width:0;max-width:100%;overflow:hidden;text-align:center}.model-slider-head .msh-status #modelStatusBarWrapper,.model-slider-head .msh-status .model-status-bar{margin:0;padding:0}.model-slider-head .msh-status .autosave-status,.model-slider-head .msh-status #modelStatusDisplay{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px}.model-slider-head .msh-right{justify-self:end;display:flex;align-items:center;min-width:0}.model-slider-head .msh-right .model-viewer-actions{position:static;inset:auto;z-index:auto;display:flex;align-items:center;margin:0}.model-slider-head .msh-right .slider-actions{display:flex;align-items:center;gap:2px;padding:0;background:transparent;border:none;box-shadow:none}.model-slider-head .msh-right .slider-actions .mva-btn,.model-slider-head .msh-right .slider-actions .model-search-container{box-sizing:border-box;width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ink, #1a1a1a);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,width .24s cubic-bezier(.16,1,.3,1)}body.dark-mode .model-slider-head .msh-right .slider-actions .mva-btn,body.dark-mode .model-slider-head .msh-right .slider-actions .model-search-container{background:transparent;border-color:none;color:#e5e5e5}.model-slider-head .msh-right .slider-actions .mva-btn:hover,.model-slider-head .msh-right .slider-actions .model-search-container:hover{border-color:#22c55e80}.model-slider-head .msh-right .slider-actions .mva-btn i,.model-slider-head .msh-right .slider-actions .model-search-container .search-icon{font-size:15px;line-height:1;width:16px;text-align:center;color:#22c55e}.model-slider-head .msh-right .slider-actions .slider-expand-btn i{font-size:17px}.model-slider-head .msh-right .slider-actions .mva-btn svg{width:15px;height:15px;stroke:#22c55e}.model-slider-head .msh-right .slider-actions .model-search-container{position:relative;overflow:hidden;gap:6px}.model-slider-head .msh-right .slider-actions .model-search-container .search-icon{position:static;transform:none;flex:0 0 auto;pointer-events:none}.model-slider-head .msh-right .slider-actions .model-search-container #modelSearchInput{flex:1 1 auto;width:0;min-width:0;max-width:none;height:100%;margin:0;padding:0;border:none;background:transparent;outline:none;font-size:14px;color:var(--ink, #1a1a1a);opacity:0;pointer-events:none;transition:opacity .15s ease}body.dark-mode .model-slider-head .msh-right .slider-actions .model-search-container #modelSearchInput{color:#f0f0f0}.model-slider-head .msh-right .slider-actions .model-search-container #modelSearchInput::placeholder{color:var(--ink-4, #999)}.model-slider-head .msh-right .slider-actions .model-search-container .clear-search-btn{flex:0 0 auto;display:none;padding:0;border:none;background:transparent;color:#ef4444;font-size:13px;line-height:1;cursor:pointer}.model-slider-head .msh-right .slider-actions .model-search-container .clear-search-btn:hover{color:#dc2626}.model-slider-head .msh-right .slider-actions .search-label{display:none}.model-slider-head .msh-right .slider-actions.search-active .model-search-container{width:170px;justify-content:flex-start;gap:7px;padding:0 9px;background:transparent;border-color:transparent;cursor:text}.model-slider-head .msh-right .slider-actions.search-active .model-search-container .search-icon{color:var(--ink-3, #888)}.model-slider-head .msh-right .slider-actions.search-active .model-search-container #modelSearchInput{width:auto;opacity:1;pointer-events:auto}.model-slider-head .msh-right .slider-actions.search-active .model-search-container .clear-search-btn:not(.hidden){display:inline-flex}.model-slider-head .msh-right .slider-actions .sort-popup{position:absolute;bottom:calc(100% + 8px);right:0;left:auto;top:auto}@media(max-width:1200px){.model-slider-head .msh-right .slider-actions.search-active .model-search-container{width:132px}}@media(max-width:920px){.model-slider-head .msh-right .slider-actions.search-active .model-search-container{width:104px}}#page-generator .gs-viewer-col .slider-wrapper.shared-gen-slider{flex:0 0 auto;width:100%;min-width:0;order:2;animation:sharedSliderIn .18s ease both}@keyframes sharedSliderIn{0%{opacity:0}to{opacity:1}}.slider-wrapper.shared-gen-slider .sort-source-filter,.slider-wrapper.shared-gen-slider .sort-source-filter+hr,.slider-wrapper.shared-gen-slider .msh-source-switch,.slider-wrapper.shared-gen-slider .reorder-btn,.slider-wrapper.shared-gen-slider .reorder-btn+hr{display:none!important}.model-viewer-actions{position:absolute;bottom:0;right:0;z-index:15;display:flex;align-items:center;pointer-events:auto;margin:0}.model-viewer-actions .slider-actions{display:flex;align-items:center;gap:6px;padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.model-viewer-actions .mva-btn,.model-viewer-actions .toolbar-btn:not(.model-search-container){width:34px;height:34px;min-width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:var(--ink, #1a1a1a);cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease;flex-shrink:0;box-shadow:0 2px 6px #00000024;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.model-viewer-actions .mva-btn:hover,.model-viewer-actions .toolbar-btn:not(.model-search-container):hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #0000002e}.model-viewer-actions .mva-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000024}.model-viewer-actions .mva-btn i,.model-viewer-actions .toolbar-btn:not(.model-search-container) i{font-size:13px;color:var(--green-accent, #4CAF50)}.model-viewer-actions .mva-btn svg,#takeScreenshotBtn svg{stroke:var(--green-accent, #4CAF50)}body.dark-mode .model-viewer-actions .mva-btn,body.dark-mode .model-viewer-actions .toolbar-btn:not(.model-search-container){background:#161616eb;border-color:#ffffff1a;color:#e5e5e5}body.dark-mode .model-viewer-actions .mva-btn:hover,body.dark-mode .model-viewer-actions .toolbar-btn:not(.model-search-container):hover{background:#262626f5;box-shadow:0 4px 10px #0000008c}.model-viewer-actions .model-search-container{width:28px;min-width:28px;height:28px;overflow:hidden;border-radius:8px;transition:width .22s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #00000024;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;padding:0;margin:0}.model-viewer-actions .model-search-container:hover{background:#fff;box-shadow:0 4px 10px #0000002e}body.dark-mode .model-viewer-actions .model-search-container{background:#161616eb;border-color:#ffffff1a}body.dark-mode .model-viewer-actions .model-search-container:hover{background:#262626f5;box-shadow:0 4px 10px #0000008c}.model-viewer-actions .model-search-container .search-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;color:var(--green-accent, #22c55e);pointer-events:none;transition:left .22s ease,transform .22s ease}body.dark-mode .model-viewer-actions .model-search-container .search-icon{color:var(--green-accent, #22c55e)}.model-viewer-actions .model-search-container #modelSearchInput{width:100%;height:100%;padding:0 0 0 28px;border:none;background:transparent;color:var(--ink, #1a1a1a);font-size:14px;outline:none;opacity:0;pointer-events:none;transition:opacity .18s ease .05s}body.dark-mode .model-viewer-actions .model-search-container #modelSearchInput{color:#f0f0f0}.model-viewer-actions .model-search-container .clear-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:12.5px;padding:4px;display:none}.model-viewer-actions .model-search-container .clear-search-btn:hover{color:#dc2626}.model-viewer-actions .slider-actions.search-active .model-search-container{width:160px;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:text}body.dark-mode .model-viewer-actions .slider-actions.search-active .model-search-container{background:transparent;border-color:transparent;box-shadow:none}.model-viewer-actions .slider-actions.search-active .model-search-container .search-icon{left:11px;transform:translateY(-50%);color:var(--ink, #1a1a1a)}body.dark-mode .model-viewer-actions .slider-actions.search-active .model-search-container .search-icon{color:#f0f0f0}.model-viewer-actions .slider-actions.search-active .model-search-container #modelSearchInput{opacity:1;pointer-events:auto}.model-viewer-actions .slider-actions.search-active .model-search-container .clear-search-btn:not(.hidden){display:inline-flex}.model-viewer-actions .search-label{display:none}.model-viewer-actions .sort-popup{position:absolute;bottom:calc(100% + 8px);right:0;left:auto}.sort-popup{position:absolute;bottom:calc(100% + 8px);right:40px;background:var(--bg);border:1px solid var(--ink-4);border-radius:12px;padding:6px;min-width:180px;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000a;z-index:100;display:flex;flex-direction:column;gap:2px;animation:mipSortIn .15s ease-out}.dark-mode .sort-popup{border-color:var(--border-color-dark, #1c1c1c);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0f}@keyframes mipSortIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sort-popup button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;border-radius:8px;background:transparent;color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;text-align:left;white-space:nowrap}.sort-popup button:hover{background:var(--bg-2)}.sort-popup hr{border:none;height:1px;background:var(--ink-4);margin:3px 8px}.info-btn,.live-btn{position:absolute;top:3px;background:#ffffffe0!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none!important;border-radius:8px!important;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,opacity .2s;z-index:9;color:#0009!important;padding:0}body.dark-mode .info-btn,body.dark-mode .live-btn{background:#181818b3!important;border:none!important;color:#ffffffc7!important}.info-btn{left:3px}.live-btn{right:3px}.info-btn i,.live-btn i{font-size:13.5px;line-height:1;color:inherit}.info-btn:hover,.live-btn:hover{background:#22c55e24!important;border-color:#22c55e73!important;color:#16a34a!important;opacity:1}.info-btn:hover i,.live-btn:hover i{color:#16a34a!important}body.dark-mode .info-btn:hover,body.dark-mode .live-btn:hover{background:#22c55e33!important;border-color:#22c55e80!important;color:#4ade80!important}body.dark-mode .info-btn:hover i,body.dark-mode .live-btn:hover i{color:#4ade80!important}.info-btn,body.dark-mode .info-btn,.info-btn:hover,body.dark-mode .info-btn:hover{border:none!important}.live-btn:disabled{opacity:.6;cursor:progress}.delete-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999999999999;backdrop-filter:blur(3px);animation:fadeIn .25s ease-in-out}.popup-content{background:#fff;border-radius:16px;text-align:center;width:auto;padding:36px;min-width:160px;max-width:min(300px,90vw);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:auto;animation:scaleIn .25s ease-out;border:1px solid rgba(255,255,255,.08)}.dark-mode .popup-content{border-color:var(--border-color-dark, #1c1c1c)}.popup-icon{font-size:46px;color:var(--btn);display:flex;align-items:center;justify-content:center}.popup-title{font-weight:700;color:#111}.popup-sub{font-size:13px;color:#666;margin-bottom:0;line-height:20pX}.popup-sub2{font-size:13px;color:#888;margin:0;line-height:20pX}.popup-actions{display:flex;justify-content:center;align-items:center;gap:10px}.popup-actions button{border-radius:8px;border:none;cursor:pointer;font-weight:600;min-width:140px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14px;transition:.2s;background-color:var(--btn)}.popup-actions button:hover{opacity:.7}.confirm-del{background:#ff4d4d!important;color:#fff}.confirm-del:hover{background:#e13e3e}.confirm-warn{background:#f59e0b!important;color:#fff}.confirm-warn:hover{background:#d97706!important}.payment-pending-popup{z-index:99999999999999!important;background:#0009!important;backdrop-filter:blur(8px)!important}.payment-pending-popup .popup-content{max-width:380px;border:1px solid rgba(99,102,241,.15);box-shadow:0 20px 60px #6366f126,0 0 0 1px #ffffff0d}.payment-pending-popup .popup-icon{font-size:52px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .payment-pending-popup .popup-content{border-color:var(--border-color-dark, #1c1c1c)}.payment-pending-btn:hover{box-shadow:0 4px 20px #6366f159}.cancel-sub-actions{flex-direction:column!important;width:100%;gap:8px!important}.cancel-sub-actions .popup-btn-danger{background:#ff3b30!important;color:#fff!important;width:100%;padding:11px 20px;border-radius:10px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.cancel-sub-actions .popup-btn-danger:hover{background:#e0342c!important;opacity:1!important}.cancel-sub-actions .popup-btn-secondary{background:var(--bg-2, #1a1a1a)!important;color:var(--ink, #fff)!important;width:100%;padding:11px 20px;border-radius:10px;border:1px solid var(--border-color, #333)!important;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.cancel-sub-actions .popup-btn-secondary:hover{opacity:.8!important}.checkout-success-icon{width:72px;height:72px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 32px #3b82f64d}.checkout-success-icon i{font-size:32px;color:#fff}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.checkout-success-close-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4caf504d}.cancel-del{background:#e0e0e0;color:#fff!important}.cancel-del:hover{background:#ccc}.popup-loading i{font-size:30px;color:#555;margin-bottom:10px}.popup-success i{font-size:40px;color:#4caf50;margin-bottom:8px}.popup-success p,.popup-loading p{color:var(--ink)}.popup-error i{font-size:40px;color:#ff4d4d;margin-bottom:8px}.popup-error p{color:#c2c2c2;margin-bottom:8px}.ok-btn{background:#333;color:#fff;border:none;padding:9px 20px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:8px;transition:.2s}.ok-btn:hover{background:#000}.farewell-popup .popup-content{max-width:min(340px,90vw);padding:40px 36px 32px;gap:6px;overflow:hidden}.farewell-icon-wrap{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;animation:farewellPop .6s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 32px #f59e0b4d;margin-bottom:4px;position:relative}.farewell-icon-wrap i{font-size:34px;color:#fff;animation:farewellWave 1.5s ease-in-out .6s 2;transform-origin:70% 80%}.farewell-title{font-size:18px;font-weight:700;color:#111;margin:0;line-height:1.3}.farewell-msg{font-size:13px;color:#666;line-height:1.55;margin:4px 0 0;max-width:280px}.farewell-divider{width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,#f59e0b,#f97316);margin:10px 0 6px;opacity:.6}.farewell-countdown{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#999;margin-top:8px}.farewell-countdown i{font-size:10px;animation:farewellSpin 1.2s linear infinite}.farewell-quote{font-size:11px;color:#aaa;font-style:italic;margin-top:4px}@keyframes farewellPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes farewellWave{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes farewellSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.tabs-header{display:flex;gap:0;background:#fff;border-radius:12px;box-shadow:none;padding:6px;position:relative}.tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;border-radius:8px;padding:10px 12px;font-weight:600;font-size:13px;color:#333;cursor:pointer;transition:all .25s ease;position:relative;z-index:1}.tab-btn:hover:not(.active){color:#000}.tab-btn.active{background:var(--btn);color:#fff;box-shadow:0 2px 8px #00000026}.tab-icon{color:var(--green-accent);font-size:11px;flex-shrink:0}@media(max-width:480px){.controls-tabs-header{gap:0}.tab-btn{font-size:11px;padding:8px 10px}.controls-container{padding:8px;gap:8px}.control-group label{font-size:11px}}.tab-content{flex:1;background:var(--bg);border-radius:16px;border:solid 1px white;box-shadow:none;color:#555;padding:0;overflow-y:scroll;scrollbar-gutter:stable}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-track{background:transparent;margin-top:10px;margin-bottom:10px}.tab-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:8px}.tab-content::-webkit-scrollbar-thumb:hover{background-color:#999}.material-row-inline{display:flex;gap:12px;align-items:stretch}.material-row-inline .inline-half{flex:1;display:flex;flex-direction:column;gap:6px}.material-row-inline .inline-half>label{font-size:11px;font-weight:600;color:var(--ink-2);margin-bottom:2px}.material-row-inline .factor-box,.material-row-inline .texture-box{display:flex;align-items:center;gap:6px;height:48px}.material-row-inline .factor-box input[type=color]{flex:1;height:48px;min-width:60px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:4px}.material-row-inline .texture-display-box{flex:1;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-2);cursor:pointer;overflow:hidden}.material-row-inline .texture-display-box img{width:100%;height:100%;object-fit:cover;border-radius:6px}.material-row-inline .texture-display-box .texture-name{display:none}.material-row-inline .texture-display-box i{font-size:16px;opacity:.4}.material-row-inline .reset-btn{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:6px;font-size:11px}.control-group.color-control{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.control-group.color-control>label{flex:1;display:flex;align-items:center;font-size:13px;white-space:nowrap}.bg-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.material-control-row-hizala{display:flex;align-items:center;gap:6px}#backgroundColorFactor{width:46px;height:20px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer}.material-control-row-hizala .reset-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px}.bg-hex-row{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:8px;border-top:1px solid var(--border-color, #eee);flex-basis:100%}.bg-hex-label{font-size:10px;font-weight:600;color:var(--ink-3, #888);letter-spacing:1px;flex-shrink:0}.hex-color-input{flex:1;height:28px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--input-bg, #fff);color:var(--ink, #333);font-family:SF Mono,Fira Code,monospace;font-size:12px;text-align:center;padding:0 6px;letter-spacing:.5px;outline:none;transition:border-color .2s}.hex-color-input:focus{border-color:var(--green-accent, #22c55e)}.controls-container{display:flex;flex-direction:column;gap:10px;padding:20px}.control-group{display:flex;flex-direction:column;gap:8px;padding:4px 5px}.control-group label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink);width:100%;font-weight:700;margin-top:0}.control-group label span{font-weight:400;color:var(--ink-2)}.control-group.color-control{transition:opacity .3s ease}.control-group2{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:4px 5px;margin-top:0}.control-group2 label{font-size:13px;color:var(--ink);font-weight:600;cursor:pointer;user-select:none;line-height:1;display:flex;align-items:center}#transparentBackgroundToggle{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.8px solid var(--border-color);border-radius:4px;background-color:var(--bg-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0}#transparentBackgroundToggle:hover{border-color:var(--primary, #693bf6)}#transparentBackgroundToggle:checked{background-color:var(--green-accent);border-color:var(--green-accent)}#transparentBackgroundToggle:checked:after{content:"";width:5px;height:10px;margin-top:-4px;border-right:3px solid white;border-bottom:3px solid white;transform:rotate(45deg);transform-origin:center}#transparentBackgroundToggle,#transparentBackgroundToggle:after{transition:all .2s ease-in-out}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--ink-4);border-radius:3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--btn);border-radius:50%;transition:background .2s;box-shadow:0 0 4px #0003}input[type=range]::-webkit-slider-thumb:hover{background:var(--green-accent);width:18px;height:18px}.control-section-divider{border-top:1px solid var(--border-color);margin:5px 0}.control-group.environment-select{padding:8px 0}.custom-select-container{position:relative;display:block;width:100%}.hidden-select{display:none!important}.custom-select-button{width:100%;padding:8px 12px;background-color:var(--input-bg);border:1px solid #ccc;border-radius:8px;text-align:left;cursor:pointer;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:8px;transition:all .2s ease}.custom-select-button .fa-chevron-down{margin-left:auto;font-size:10px;opacity:.5;transition:transform .2s}.custom-select-button.active .fa-chevron-down{transform:rotate(180deg)}.custom-select-button i{font-size:10px;transition:transform .2s}.custom-select-button.active i{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;max-height:450px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;z-index:1000;list-style:none;padding:0;margin:0;box-shadow:0 4px 8px #0000001a}.custom-select-dropdown.hidden{display:none}.custom-select-dropdown li{padding:4px 12px;cursor:pointer;font-size:13px;color:#333;transition:background-color .1s}.custom-select-dropdown li:hover{background-color:#f0f0f0}.custom-select-dropdown li.selected{background-color:#e3e3e3;font-weight:700}.zoom-range-section{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,padding .3s ease;padding:0 5px}.zoom-range-section.visible{max-height:120px;opacity:1;padding:4px 5px}.switch-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:6px}.switch-group{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.switch-group label{color:var(--ink);font-size:13px;white-space:nowrap;margin:0;line-height:1}.switch{position:relative;display:inline-block;width:40px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background-color:#b7b7b7;transition:.3s;border-radius:20px;cursor:pointer}.slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#444}input:checked+.slider:before{transform:translate(20px)}.switch:hover .slider{background-color:#666}.environment-select select{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px;background-color:#f9f9f9;font-size:13px;color:#333}.popup-content.mip{width:600px;max-width:94vw;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:16px;overflow:hidden;text-align:left;background:var(--bg);border:1px solid var(--ink-4);box-shadow:0 24px 48px -12px #0000002e,0 0 0 1px #0000000d}.dark-mode .popup-content.mip{border-color:var(--border-color-dark, #1c1c1c);box-shadow:0 24px 48px -12px #00000080,0 0 0 1px #ffffff0f}.mip-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;border:none;background:#0000000f;color:var(--ink-3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:3;backdrop-filter:blur(4px)}.dark-mode .mip-close{background:#ffffff14}.mip-close:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.mip-header{display:flex;align-items:center;gap:16px;padding:28px 28px 0}.mip-thumb{width:86px;height:86px;border-radius:14px;background-color:var(--bg-2);background-size:cover;background-position:center;flex-shrink:0;position:relative;border:1px solid var(--ink-4);display:flex;align-items:center;justify-content:center;overflow:hidden}.mip-no-thumb{font-size:26px;color:var(--ink-3);opacity:.5}.mip-format-badge{position:absolute;bottom:4px;right:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#000000a6;color:#fff;padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px);line-height:1.3}.mip-title-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.mip-name{font-size:17px;font-weight:700;margin:0;color:var(--ink);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.3}.mip-edit-btn{flex-shrink:0;width:26px;height:26px;border:none;background:var(--bg);color:var(--green-accent, #4CAF50);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;font-size:12px}.mip-edit-btn:hover{background:var(--green-accent);color:#fff}.mip-page-edit-btn{width:24px;height:24px;font-size:11px}.mip-labeled-btn{width:auto!important;height:auto!important;padding:6px 8px!important;gap:4px;font-size:12px;white-space:nowrap}.mip-labeled-btn i{font-size:12px;color:var(--green-accent)!important}.mip-labeled-btn span{font-size:12px}.mip-page-card .info-popup-name-input{font-size:13px;padding:4px 8px}.mip-page-card .info-popup-edit-actions button{width:24px;height:24px}.mip-meta-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mip-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#22c55e;background:transparent;border:1px solid rgba(34,197,94,.25);padding:8px 14px;border-radius:8px;white-space:nowrap;line-height:1.4}.mip-chip i{font-size:11px;color:#22c55e}.mip-meta-chips .mip-chip:not(.mip-change-model-btn),.mip-gen-tags .mip-chip{border:none}.mip-change-model-btn{cursor:pointer;transition:background .15s ease,border-color .15s ease}.mip-change-model-btn:hover{background:#22c55e1f;border-color:#22c55e80}.mip-chip-base{background:transparent;color:#22c55e;border-color:#22c55e40}.mip-chip-base i{color:#22c55e}.mip-chip-ai{background:transparent;color:#16a34a;border-color:#22c55e4d}.mip-chip-ai i{color:#16a34a}.mip-chip-accent{background:#3b82f61a;color:#60a5fa;border-color:#3b82f64d}.mip-chip-accent i{color:#60a5fa}.mip-chip-sm{font-size:11px;padding:3px 10px;border-radius:6px}.mip-chip-sm i{font-size:10px}.mip-gen-info{display:flex;flex-direction:column;gap:10px;margin-top:8px}.mip-gen-prompt{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--bg-2, #f5f5f5);border-radius:10px;font-size:13px;line-height:1.5;color:var(--ink, #5b5b5b)}.mip-gen-prompt i{color:var(--green-accent, #4CAF50);font-size:16px;margin-top:4px;flex-shrink:0}.mip-gen-prompt span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.mip-gen-tags{display:flex;flex-wrap:wrap;gap:6px}.mip-section{padding:0 28px;margin-top:10px}.mip-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-top:8px}.mip-section-line{flex:1;height:1px;background:var(--ink-4)}.mip-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-2);white-space:nowrap}.mi-stats-wrapper{padding:0 0 10px}.mi-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mi-stat-cell{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:var(--bg-1);border:1px solid var(--ink-4)}.mi-stat-ico{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.mi-stat-ico.blue{background:#3b82f61f;color:#3b82f6}.mi-stat-ico.purple{background:#a855f71f;color:#a855f7}.mi-stat-ico.teal{background:#14b8a61f;color:#14b8a6}.mi-stat-ico.orange{background:#f59e0b1f;color:#f59e0b}.mi-stat-ico.pink{background:#ec48991f;color:#ec4899}.mi-stat-ico.cyan{background:#06b6d41f;color:#06b6d4}.mi-stat-ico.green{background:#22c55e1f;color:#22c55e}.mi-stat-ico.red{background:#ef44441f;color:#ef4444}.mi-stat-body{display:flex;flex-direction:column;min-width:0;overflow:hidden}.mi-stat-val{font-size:15px;font-weight:700;color:var(--ink);line-height:1.2}.mi-stat-val.val-yes{color:#22c55e}.mi-stat-val.val-no{color:#ef4444;opacity:.5}.mi-stat-lbl{font-size:9px;font-weight:500;color:var(--ink-3);text-transform:uppercase;letter-spacing:.3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mi-stats-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0;color:var(--ink-3);font-size:12px;font-weight:500}.mi-stats-loading i{animation:mi-spin 1s linear infinite}.mi-stats-unavailable{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 0;color:var(--ink-3);font-size:12px;font-weight:500;opacity:.7}@keyframes mi-spin{to{transform:rotate(360deg)}}.mip-page-card{background:var(--bg-1);border:1px solid var(--ink-4);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.mip-page-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mip-page-top-row .info-title-row{flex:1;min-width:0}.mip-page-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:2px}.mip-edit-page-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;color:var(--ink-2);background:var(--bg-3, rgba(128,128,128,.08));border:1px solid var(--ink-4);border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit}.mip-edit-page-btn:hover{background:var(--blue-accent, #3b82f6);color:#fff;border-color:var(--blue-accent, #3b82f6)}.mip-edit-page-btn i{font-size:11px}.mip-page-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mip-page-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mip-page-title{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mip-page-url{font-size:11px;color:var(--ink-3);text-decoration:none;display:flex;align-items:flex-start;gap:5px;transition:color .2s;word-break:break-all;line-height:1.5;flex:1;min-width:0}.mip-page-url:hover{color:var(--blue-accent, #3b82f6)}.mip-page-url i{font-size:10px;flex-shrink:0;margin-top:3px;color:var(--green-accent, #4CAF50)}.mip-page-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;flex-shrink:0;letter-spacing:.2px}.mip-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mip-page-status.pg-active{color:#22c55e}.mip-page-status.pg-active .mip-status-dot{background:#22c55e;animation:mipDotPulse 2s ease-in-out infinite}.mip-page-status.pg-offline{color:#ef4444}.mip-page-status.pg-offline .mip-status-dot{background:#ef4444}@keyframes mipDotPulse{0%,to{opacity:1}50%{opacity:.35}}.mip-actions{display:flex;align-items:center;gap:8px;padding:18px 28px 24px;border-top:1px solid var(--ink-4);margin-top:14px}.mip-action-btn{flex:1;background:var(--bg);border:1px solid var(--ink-4);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--ink);cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.mip-action-btn.live-page-btn-styled,.dark-mode .mip-action-btn.live-page-btn-styled{border:none}.mip-action-btn:hover{border-color:var(--green-accent);color:var(--ink)}.mip-action-btn i{font-size:15px;color:var(--green-accent)}.toggle-active-btn-styled[data-is-active=true] i,.mip-act-delete i{color:#ef4444}.mip-act-delete:hover{border-color:#ef44444d}.share-title-icon{font-size:14px;color:var(--green-accent, #4CAF50);margin-right:2px}.share-page-name{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:6px;line-height:1.4}.share-page-name i{font-size:11px;color:var(--green-accent, #4CAF50)}.share-mip .mip-actions{flex-wrap:nowrap}.share-mip .mip-action-btn{flex:1 1 0;min-width:0;font-size:12px;padding:10px 8px;white-space:nowrap}.share-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 6px}.share-qr-img{width:140px;height:140px;border-radius:10px;border:1px solid var(--ink-4);object-fit:contain}.share-qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 10px;color:var(--ink-3, #999);font-size:12px}.share-qr-placeholder i{font-size:36px;opacity:.15}.share-field-box{display:flex;flex-direction:column;gap:8px;padding-bottom:6px}.share-field-input{width:100%;box-sizing:border-box;font-size:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--ink-4);background:var(--bg-2);color:var(--ink);font-family:SF Mono,Fira Code,monospace;line-height:1.5}.share-field-textarea{resize:none;font-size:11px}@media(max-width:580px){.popup-content.mip{width:94vw;min-width:0}.mip-header{padding:20px 18px 16px;gap:12px}.mip-thumb{width:64px;height:64px;border-radius:12px}.mip-name{font-size:15px}.mip-section{padding:0 18px}.mip-actions{padding:12px 18px 18px;flex-wrap:wrap}.mip-action-btn{flex:0 1 auto;padding:9px 14px}.mi-stats-grid{grid-template-columns:repeat(4,1fr);gap:4px}.mi-stat-cell{padding:6px 8px;gap:6px}.mi-stat-ico{width:28px;height:28px;font-size:12px}.mi-stat-val{font-size:13px}.mi-stat-lbl{font-size:8px}.mip-meta-chips{gap:4px}.share-qr-img{width:120px;height:120px}.share-field-input{font-size:11px;padding:8px 10px}}@media(max-width:420px){.mip-header{flex-direction:row;align-items:center;gap:12px;padding:18px 16px 14px}.mip-thumb{width:56px;height:56px}.mip-name{font-size:14px}.mi-stats-grid{grid-template-columns:repeat(2,1fr)}.mip-actions{gap:6px}.mip-action-btn{flex:1 1 calc(50% - 4px);font-size:11px;padding:8px 10px}.mip-page-card{padding:10px 12px}.share-qr-img{width:110px;height:110px}.share-mip .mip-action-btn{font-size:11px;padding:8px 6px}}@media(max-width:480px){.model-info-popup-content{width:96vw;padding:16px 12px;border-radius:16px}.model-info-popup-header{padding:16px 14px 12px}.model-info-thumb{width:52px;height:52px;border-radius:10px}.model-info-name{font-size:14px}.model-info-meta-chips{gap:4px}.model-info-stats{grid-template-columns:repeat(2,1fr);gap:6px}.model-info-stat-number{font-size:18px}.model-info-stat-label{font-size:9px}.model-info-actions{gap:6px}.model-info-action-btn{padding:8px 10px;font-size:11px}}@media(max-width:360px){.model-info-popup-content{width:98vw;padding:12px 8px}.model-info-stats{grid-template-columns:1fr 1fr;gap:4px}.model-info-action-btn{flex:1 1 100%}}.download-progress-ui{width:100%;padding:12px 0;grid-column:1 / -1}.download-progress-content{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.download-progress-content .download-icon{font-size:1.2rem;color:var(--blue-accent)}.download-progress-content .download-icon.success{color:var(--green-accent);animation:none}.download-progress-content .download-icon.error{color:#ff4d4d;animation:none}.download-status-text{font-size:.9rem;font-weight:500;color:var(--ink)}.download-progress-track{width:100%;height:4px;background:var(--ink-4);border-radius:4px;overflow:hidden}.download-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--blue-accent),#667eea);border-radius:4px;transition:width .3s ease}.popup-actions{margin-top:10px}.cancel-del.primary-close-btn{background:var(--btn);color:var(--ink);border:1px solid var(--ink-3);padding:10px 20px;border-radius:8px;font-weight:600}.cancel-del.primary-close-btn:hover{background:var(--ink-3);color:#fff}#viewerSection>#fullscreenToggleBtn{position:absolute;z-index:100;height:20px;bottom:0;right:0;background:transparent!important;border:none!important;float:none!important;margin:0!important}#viewerSection>#fullscreenToggleBtn:hover{opacity:.6!important}.viewer-fullscreen-btn{position:absolute;top:8px;right:8px;z-index:200;width:36px;height:36px;border-radius:10px;border:none;background:transparent!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#8e8e8e;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;opacity:.7}.viewer-fullscreen-btn:hover{opacity:1;background:#0009;transform:scale(1.08)}.viewer-fullscreen-btn:active{transform:scale(.95)}@media(max-width:768px){.viewer-fullscreen-btn{width:30px;height:30px;top:8px;right:8px;font-size:13px;border-radius:8px}}#viewerSection:fullscreen{background:var(--bg, #f5f5f5)}#viewerSection:-webkit-full-screen{background:var(--bg, #f5f5f5)}#viewerSection:fullscreen .viewer-fullscreen-btn,#viewerSection:-webkit-full-screen .viewer-fullscreen-btn{opacity:1}.dashboard-layout:fullscreen,.dashboard-layout:-webkit-full-screen{width:100%;height:100%;background:var(--bg, #101010);overflow:auto}.dashboard-layout:fullscreen .viewer-fullscreen-btn,.dashboard-layout:-webkit-full-screen .viewer-fullscreen-btn{opacity:1}.toolbar-btn{background:var(--bg);border:1px solid #ffffff;border-radius:8px;padding:10px 12px;font-size:13px;color:var(--ink);cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.toolbar-btn:hover{border-color:var(--ink-4);color:#000}.toolbar-btn i{font-size:15px;color:var(--green-accent)}.toolbar-btn span{font-size:13px;font-weight:500}.toolbar-btn.model-search-container{position:relative;overflow:hidden;cursor:pointer}.toolbar-btn.model-search-container .search-icon{pointer-events:none}.toolbar-btn.model-search-container #modelSearchInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toolbar-btn.model-search-container .clear-search-btn,.toolbar-btn.model-search-container .search-label,.share-popup-trigger{display:none}.slider-scroll-btn{position:absolute;top:calc(100% - 80px);transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:50%;background:#fff9;backdrop-filter:blur(6px);box-shadow:0 2px 10px #0000004c;color:#333;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center}.slider-scroll-btn.left{left:150px}.slider-scroll-btn.right{right:8px}.slider-scroll-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 10px #0003}.slider-scroll-btn.hidden{opacity:0;pointer-events:none}.slider-wrapper{position:relative;width:100%;min-width:0;flex:0 0 auto;box-sizing:border-box}.page-slider-nav{position:fixed;transform:translateY(-50%);z-index:100;width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:opacity .25s,background .2s;padding:0}.page-slider-nav:hover{background:#00000073}.page-slider-nav.hidden{opacity:0;pointer-events:none}.slider-actions{display:flex;align-items:center;gap:2px;z-index:10}.models-left.fullscreen-mode{overflow:hidden;display:flex;flex-direction:column}.models-left.fullscreen-mode .slider-wrapper{flex:1 1 auto}#modelSlider.fullscreen{flex:1 1 auto;width:100%;height:calc(100vh + -0px);max-height:calc(100vh - 220px);display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:min-content;gap:14px;padding:16px;margin:0;overflow-y:auto!important;overflow-x:hidden;background:var(--bg);border-radius:14px;box-shadow:var(--shadow)}#modelSlider.fullscreen .model-card{width:100%!important;height:140px!important;flex-shrink:0}#modelSlider.fullscreen .model-thumb{height:80px;background-size:contain;background-position:center}#modelSlider.fullscreen .model-meta{padding:8px 10px}#modelSlider.fullscreen::-webkit-scrollbar{width:8px}#modelSlider.fullscreen::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.material-control-row{display:flex;gap:5px;margin-bottom:10px}.material-control-row .edit-btn{flex-shrink:0;padding:8px 12px;background-color:#eee;border:1px solid #ccc;cursor:pointer;border-radius:4px;transition:background .2s}.material-control-row .edit-btn:hover{background-color:#ddd}.material-selector-wrapper{position:relative;width:100%;margin-top:10px}.material-select-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background-color:#555;color:#fff;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.material-select-btn:hover:not([disabled]){background-color:#666}.material-select-btn i{font-size:12px;margin-left:10px;transition:transform .2s}.material-select-btn[disabled]{background-color:#ccc;color:#888;cursor:not-allowed}.material-popup{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:250px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 10px #0000001a;border-radius:4px;z-index:100;padding:5px 0}.material-popup .material-item{display:flex;align-items:center;width:100%;padding:8px 15px;text-align:left;background:none;border:none;cursor:pointer;font-size:13px;color:#333;transition:background-color .15s;font-weight:400}.material-popup .material-item:hover{background-color:#f0f0f0}.material-popup .material-item.active-item{background-color:#007bff;color:#fff;font-weight:600}.material-popup .material-item.active-item:hover{background-color:#0069d9}.material-group{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:8px}#selectedMaterialTitle{display:flex;padding-top:0!important;justify-content:space-between;align-items:center;padding:10px 0;font-weight:700;font-size:13px;cursor:pointer;background-color:#f9f9f900}.highlight-toggle{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-2);cursor:pointer;font-weight:700;float:right;margin-top:-27px}.highlight-toggle input{accent-color:var(--ink);cursor:pointer}.material-group .group-title{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:600;font-size:12px;cursor:pointer;background-color:var(--bg-2);color:var(--ink)}.material-group .group-title:hover{background-color:var(--highlight-bg)}.material-group .group-title i{transition:transform .2s;font-size:12px;color:var(--ink-3)}.material-group .group-title.hidden i{transform:rotate(-90deg)}.material-group .group-content{padding:10px}.material-selector-block{border:none;padding:0;border-radius:0;margin-bottom:0}.material-select-row{display:flex;gap:5px;margin-bottom:10px}.material-name-input{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:14px;color:#333;transition:background .2s}.material-name-input:not([readonly]){background:#fffbe0}.material-select-row .edit-btn{flex-shrink:0;padding:18px;background-color:#eee0;border:1px solid #ccc;cursor:pointer;border-radius:4px;transition:background .2s}.material-select-row .edit-btn:hover{background-color:#ddd}.control-group-select{width:100%;padding:8px 12px;background-color:var(--input-bg);border:1px solid #ccc;border-radius:4px;text-align:left;cursor:pointer;font-size:13px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.control-group-select i{font-size:10px;transition:transform .2s}.control-group-select.active i{transform:rotate(180deg)}.texture-display-box{display:flex;align-items:center;justify-content:center;flex-direction:column;width:70px;height:70px;border:1px dashed var(--border-color);border-radius:8px;background-color:var(--bg-2);cursor:pointer;overflow:hidden;background-size:cover;background-position:center;transition:all .2s ease}.texture-display-box:hover{border-color:var(--green-accent);background-color:var(--highlight-bg)}.texture-display-box.active{border:2px solid var(--green-accent);background-color:var(--card)}.texture-display-box .fa-image{font-size:18px;color:var(--ink-4);margin-bottom:4px}.texture-display-box .texture-name{font-size:9px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;text-align:center}.control-group label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink);width:100%;font-weight:700}#tab-material .control-group.color-control input[type=color]+.reset-btn{display:flex;align-items:center}.texture-controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}#tab-material .control-group.color-control,#tab-material .control-group.texture-control{display:flex;flex-direction:column;margin-bottom:0;gap:4px;padding:6px;background:var(--bg-2);border-radius:8px}.material-control-row-hizala{display:flex;align-items:center;gap:5px;width:100%}.material-control-row-hizala input[type=color]{flex-grow:1;flex-shrink:1;min-width:0;height:36px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer}.material-control-row-hizala .texture-display-box{flex-shrink:0}.reset-btn{background:none;border:none;cursor:pointer;color:#888;flex-shrink:0;padding:0 4px;margin-left:5px;width:auto;height:30px;display:flex;align-items:center;justify-content:center}.reset-btn:hover{color:#333}.reset-btn i{font-size:14px}.texture-display-box.active{background-color:var(--card);background-size:contain;background-position:center;background-repeat:no-repeat;border:2px solid var(--green-accent)}.texture-display-box.active .fa-image,.texture-display-box.active .texture-name{display:none}#materialSelectorBlock{border:transparent!important}.loading-box{padding:30px;text-align:center}.loading-icon{font-size:28px;color:#777}.loading-text{padding-top:20px;font-size:13px;color:#555}.viewer-preloader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999}.viewer-preloader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999999}.preloader-icon{font-size:36px;color:#555}.preloader-message{margin-top:16px;color:#555;font-size:12px;opacity:.55;letter-spacing:.2px;font-weight:500}.preset-buttons{display:flex;gap:8px;margin-bottom:0}.preset-btn{flex:1 1 0;min-width:0;padding:6px 10px;border:1px solid #ccc;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.preset-btn:hover{background:#f3f3f3}.preset-btn.active{background:#333;color:#fff;border-color:#333}.page-search-container{position:relative;display:flex;align-items:center;background:var(--bg);border-radius:8px;border:solid 1px white;transition:all .2s ease;margin:0}.page-search-container:focus-within{border-color:var(--btn);box-shadow:0 4px 8px #5b5b5b1a}#pageSearchInput{flex-grow:1;border:none;padding:13px 10px 13px 30px;font-size:13px;background:transparent;outline:none;color:var(--ink);max-width:80px}.page-search-container .search-icon{position:absolute;left:10px;font-size:13px;color:var(--ink-2);pointer-events:none}.page-clear-search-btn{background:none;border:none;cursor:pointer;color:var(--ink-2);font-size:14px;padding:0 10px}.page-clear-search-btn:hover{color:#000}.page-fullscreen-btn{background:var(--bg);border:1px solid #ffffff;border-radius:8px;padding:12px;color:var(--ink);cursor:pointer;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-fullscreen-btn:hover{border-color:var(--btn)}.page-fullscreen-btn i{transition:all .2s;font-size:14px}.pages-controls-wrapper{display:flex;justify-content:flex-start;align-items:center;padding:0;width:100%}.pages-right-controls{display:flex;flex-direction:column;gap:16px;height:100%;min-height:100%}.page-name-text,.page-name-input{color:var(--ink);font-size:14px;padding:6px 8px;border:1px solid rgba(255,255,255,0);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-btn,.save-btn,.cancel-btn{background:none;border:none;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:color .2s}.page-name-input{border:none;color:var(--ink);padding:6px 8px;border:var(--border);border-radius:4px;outline:none;font-size:14px;font-weight:600;width:auto}.page-name-controls{position:relative;bottom:0;left:0;height:40px;z-index:10;display:flex;align-items:center;gap:0px;opacity:.8;width:96%;padding:6px;margin-top:5px;box-shadow:var(--shadow);background:var(--bg);border-radius:12px;border:solid 1px white}.pages-right-controls .share-container{padding:20px 20px 10px;background:var(--bg);box-shadow:var(--shadow);border-radius:16px;border:solid 1px white;box-sizing:border-box;margin-top:0;flex-grow:1;flex-shrink:1;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:0}.pages-right-controls .share-container h3:first-of-type{margin-top:0;margin-bottom:6px}.pages-right-controls .control-section-divider{border-top:1px solid #eee;margin:8px 0}.qr-box,.link-box,.embed-box{margin-bottom:10px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%}.pages-right-controls .share-container h4{margin:0}#removeLogoBtn{padding:10px!important}#addLogoBtn{padding:10px!important;font-size:12px}#logoPositionModal{position:relative;top:12px;left:0;width:240px;height:40px;background:transparent;display:flex;align-items:flex-start;justify-content:flex-start;z-index:99}.logo-position-content{top:0;right:0;left:auto;background:var(--card);border-radius:8px;box-shadow:0 4px 15px #0003;padding:10px;text-align:center;width:auto}.logo-position-content .modal-title,.logo-position-content .modal-sub{display:none}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:5px 0 10px}.position-option{background:var(--bg-2);color:var(--ink);border:1px solid #eeeeee1d;padding:8px 3px;border-radius:6px;font-size:10px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px}.position-option.active-position{color:#fff;border-color:#ffffff87}.position-option i{font-size:14px}.logo-size-control{color:#ababab;font-weighT:700;font-size:14px}.close-modal-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;border:none;background:#0000000f;color:var(--ink-3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0;line-height:1;box-shadow:none!important;backdrop-filter:blur(4px)}.dark-mode .close-modal-btn{background:#ffffff14}.editor-btn-action.copy-btn{width:100%;justify-content:center}.pages-right-controls .share-container .embed-box:last-of-type{margin-bottom:0}@media(max-width:768px){.pages-right-controls{max-height:260px;overflow-y:auto}.pages-right-controls .share-container{padding:16px}.share-container h3{font-size:14px}}@media(max-width:480px){.pages-right-controls{max-height:220px}.pages-right-controls .share-container{padding:12px}.share-container h3{font-size:13px}.share-container h4{font-size:12px}}#pageViewerSection{position:relative;flex:1 1 0;min-height:120px;max-height:50vh;z-index:10;overflow:hidden}#pageViewerSection .model-area-wrapper{position:relative;width:100%;height:100%}#pageViewerSection .viewer-canvas-container{max-width:none;pointer-events:auto}.editor-header{background:transparent;z-index:20;padding:15px 25px;position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.editor-header *{pointer-events:auto}.logo-preview-container{position:absolute;top:20px;left:20px;pointer-events:auto;max-width:100px;max-height:100px;z-index:100}#pageLogoPreview{max-width:100%;max-height:100%;display:block}#addLogoBtn{position:absolute;pointer-events:auto}.logo-area.logo-position-top-left .logo-preview-container{inset:20px auto auto 20px}.logo-area.logo-position-top-center .logo-preview-container{inset:20px auto auto 50%;transform:translate(-50%)}.logo-area.logo-position-top-right .logo-preview-container{inset:20px 20px auto auto}.logo-action-buttons{display:flex;gap:8px;position:relative;padding:0;background:transparent;border-radius:6px;z-index:110;pointer-events:auto;top:4px;left:auto}.model-area-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;background:var(--card);padding:50px 80px;border-radius:16px;max-width:450px}.model-area-placeholder i{font-size:30px}.model-area-placeholder p{font-size:14px;color:#666;margin-top:10px}.editor-btn-big-action{background:var(--btn);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;width:240px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px}.editor-btn-big-action:hover{background:#000}.refresh-btn{background:none;border:none;cursor:pointer;color:var(--ink-3);font-size:13px;right:-10px;bottom:-4px;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.refresh-btn:hover{color:var(--ink);background-color:var(--bg)}.autosave-status{font-size:9px;color:var(--ink-2);padding:0;background:transparent!important;border-radius:12px 12px 0 0;bottom:0;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:500;position:relative;z-index:100;width:400px;margin-left:auto;margin-right:auto}.autosave-status i{font-size:12px;color:#4caf50}.page-name-overlay{position:absolute;bottom:0;padding:10px;color:var(--ink);font-weight:700;font-size:13px}.share-container{background:var(--bg);border-radius:16px;border:solid 1px white;padding:30px;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.share-container h3,.share-container h4{color:var(--ink);font-size:16px;margin:6px 0}.qr-box{text-align:center}#qrCodeContainer{margin:15px auto 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#aaa}#qrCodeContainer img,.qr-code-img{border-radius:12px}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 10px;color:var(--ink-3, #bbb)}.qr-placeholder i{color:var(--ink-3, #bbb)}.qr-placeholder p{margin:0;font-size:12px;opacity:.7}.editor-btn-action.copy-btn i{color:#22c55e}.link-box input,.embed-box textarea{width:100%;font-size:13px;background:#f9f9f9;border:1px solid #ccc;padding:8px 10px;border-radius:6px;color:#333;resize:none;box-sizing:border-box}.link-box,.embed-box{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%;margin-top:14px}.editor-btn-action{background:var(--btn);color:#fff;border:none;padding:12px 35px;border-radius:6px;cursor:pointer;font-size:13px!important;font-weight:600;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.editor-btn-action.copy-btn{align-self:flex-end;width:100%;justify-content:center}.editor-btn-action:hover{background:#000}.editor-btn-action.set-start-view{align-self:flex-end;width:100%;justify-content:center;margin:8px auto 0}.editor-btn-action2{background:var(--btn);color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(3px);transition:opacity .2s}.modal-overlay.hidden{display:none}#quota-alert{color:#e23535;background:#ff4d4d14;padding:10px;border:1px dashed #ff4d4d;width:64%;margin:0 auto 15px;border-radius:6px;font-weight:700;text-align:center}body.dark-mode #quota-alert{color:#ff4d4d;background:#2b1c1c}.ai-quota-modal{max-width:420px;padding:0;border-radius:20px;overflow:hidden;position:relative}.modal-close-top{position:absolute;top:14px;right:14px;z-index:10;background:#ffffff1a;border:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.modal-close-top:hover{background:#ef44441f;transform:scale(1.05)}.modal-close-top i{color:#ffffffb3;font-size:14px}.modal-close-top:hover i{color:#ef4444}.quota-modal-content{padding:40px 32px 32px;text-align:center;background:linear-gradient(180deg,rgba(34,197,94,.15) 0%,transparent 50%)}.quota-modal-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#4ade80);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 32px #22c55e66}.quota-modal-icon i{font-size:28px;color:#fff}.quota-modal-title{font-size:22px;font-weight:700;color:var(--ink, #1a1a2e);margin:0 0 12px}.dark-mode .quota-modal-title{color:#fff}.quota-modal-desc{font-size:14px;color:var(--ink-2, #6b6b80);line-height:1.6;margin:0 0 24px}.dark-mode .quota-modal-desc{color:#a0a0b0}.quota-modal-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px;padding:16px 20px;background:#0000000a;border-radius:12px}.dark-mode .quota-modal-stats{background:#ffffff0f}.quota-stat-box{display:flex;flex-direction:column;align-items:center;gap:4px}.quota-stat-value{font-size:28px;font-weight:700;color:var(--ink, #1a1a2e)}.dark-mode .quota-stat-value{color:#fff}.quota-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2, #6b6b80)}.dark-mode .quota-stat-label{color:#888}.quota-stat-divider{font-size:24px;font-weight:300;color:var(--ink-2, #999)}.quota-modal-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quota-btn-primary{width:100%;padding:14px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.quota-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}.quota-btn-secondary{width:100%;padding:12px 24px;border:1px solid var(--border-color, rgba(0,0,0,.1));border-radius:12px;background:transparent;color:var(--ink, #1a1a2e);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.quota-btn-secondary:hover{background:#0000000a}.dark-mode .quota-btn-secondary{border-color:#ffffff26;color:#fff}.dark-mode .quota-btn-secondary:hover{background:#ffffff14}.quota-modal-hint{font-size:12px;color:var(--ink-2, #888);display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding-top:16px;border-top:1px solid var(--border-color, rgba(0,0,0,.08))}.quota-modal-hint i{color:#f59e0b}.dark-mode .quota-modal-hint{border-color:#ffffff14}.daily-reset-timer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px 20px;background:#22c55e0f;border:1px solid rgba(34,197,94,.15);border-radius:10px;font-size:13px;color:var(--ink-3, #888)}.daily-countdown{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:18px;font-weight:700;color:var(--green-accent, #4CAF50);letter-spacing:1px}.daily-reset-timer i{color:var(--green-accent, #4CAF50);font-size:14px}.ai-quota-highlight{font-weight:700;color:var(--green-accent, #4CAF50)}.dark-mode .daily-reset-timer{background:#22c55e14;border-color:#22c55e33}.daily-warning-content{border:2px solid transparent;background-clip:padding-box;position:relative}.daily-warning-content:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#f59e0b,#f97316,#ef4444);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}.daily-warning-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b26,#f9731626);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.daily-warning-icon i{font-size:24px;color:#f59e0b;animation:warningPulse 2s ease-in-out infinite}.daily-warning-count{display:inline-block;font-weight:800;font-size:22px;color:#f59e0b;min-width:28px;text-align:center;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.daily-warning-content .daily-reset-timer{background:#f59e0b0f;border-color:#f59e0b26}.daily-warning-content .daily-reset-timer i,.daily-warning-content .daily-countdown{color:#f59e0b}.dark-mode .daily-warning-content .daily-reset-timer{background:#f59e0b1a;border-color:#f59e0b33}.start-view-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-size:12px;font-weight:500;backdrop-filter:blur(8px);white-space:nowrap;animation:startViewPulse 2s ease-in-out infinite}.start-view-banner i{font-size:13px;animation:spinSlow 3s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes startViewPulse{0%,to{box-shadow:0 0 #22c55e26}50%{box-shadow:0 0 12px 4px #22c55e1a}}.start-view-banner.hidden{display:none}body.dark-mode .start-view-banner{background:#22c55e14}#startViewControls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:99;display:flex;gap:15px;padding:10px 15px;background:#2b2b2bb3;border-radius:8px;backdrop-filter:blur(5px);box-shadow:0 4px 12px #0000004d;transition:opacity .3s ease}#startViewControls.hidden{display:none}.editor-btn-action{border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;gap:8px}.save-btn-styled{background-color:#06aa00;color:#fff}.save-btn-styled:hover{background-color:#058c00}.cancel-btn-styled{background-color:#6c757d;color:#fff}.cancel-btn-styled:hover{background-color:#5a6268}#modelSlider,.models-right{transition:opacity .3s ease,pointer-events .3s ease}.close-modal-btn{box-shadow:var(--shadow);background:var(--bg);border:1px solid #ffffff;border-radius:8px;padding:8px;color:var(--ink);cursor:pointer;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.close-modal-btn-btn:hover{border-color:var(--btn)}.close-modal-btn-btn i{transition:all .2s;font-size:14px}.model-select-slider{padding:20px;flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow-x:hidden;overflow-y:auto;height:400px;max-width:740px;justify-content:center}#modal-content-select-model{background:var(--bg);border-radius:16px;position:relative;max-width:740px;width:740px;max-height:600px;min-height:600px;height:600px;text-align:center;padding:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:auto;animation:scaleIn .25s ease-out;border:1px solid rgba(255,255,255,.08)}#modelSelectSlider::-webkit-scrollbar{width:4px}#modelSelectSlider::-webkit-scrollbar-track{background:transparent;margin-top:10px;margin-bottom:10px}#modelSelectSlider::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:8px}#modelSelectSlider::-webkit-scrollbar-thumb:hover{background-color:#999}.modal-content-small{background:var(--bg);border-radius:16px;position:relative;max-width:min(360px,92vw);width:min(360px,92vw);text-align:center;padding:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:auto;animation:scaleIn .25s ease-out;border:1px solid rgba(255,255,255,.08)}.dark-mode .modal-content-small{border-color:var(--border-color-dark, #1c1c1c)}#confirmModelSelection{width:100%;margin-top:20px;padding:12px 0;background:var(--btn);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600}.page-id-card{background:#fff;padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.page-name-label{display:block;font-size:14px;color:#555;margin-bottom:5px;font-weight:500}.page-name-container{display:flex;align-items:center;gap:5px}.page-name-input{flex-grow:1;padding:5px 8px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-weight:600;outline:none}.edit-btn{background:none;border:none;cursor:pointer;color:#007bff;padding:5px;font-size:16px;transition:color .2s}.edit-btn:hover{color:#0056b3}.share-embed-section{padding:15px;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d}.share-embed-section .section-title{display:block;font-size:16px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.screenshot-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);transition:opacity .3s ease}.screenshot-popup-overlay.hidden{display:none!important}.screenshot-popup-content{background:#fff;border-radius:16px;text-align:center;width:auto;max-width:min(640px,90vw);max-height:90vh;padding:36px;min-width:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:auto;position:relative;animation:scaleIn .25s ease-out;border:1px solid rgba(255,255,255,.08);overflow:hidden}.dark-mode .screenshot-popup-content{border-color:var(--border-color-dark, #1c1c1c)}.screenshot-popup-content h3.modal-title{font-size:18px;font-weight:700;color:var(--ink);margin:0;padding-bottom:10px}.popup-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;border:none;background:#0000000f;color:var(--ink-3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0;line-height:1;backdrop-filter:blur(4px)}.dark-mode .popup-close-btn{background:#ffffff14}.popup-close-btn:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.screenshot-preview-wrapper{border-radius:8px;overflow:hidden;margin:15px 0;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;max-width:100%;min-height:0}.screenshot-img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:18px}.resolution-info{font-size:12px;color:#999;margin-top:10px;font-weight:500}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.fa-plus{color:var(--green-accent)}.download-render-button{background:var(--green-accent);color:#fff;border:none;padding:12px 35px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto}.download-render-button:hover{opacity:.6}.sort-popup .reorder-btn{color:var(--green-accent)!important;font-weight:600}.sort-popup .reorder-btn i{margin-right:6px}.sort-source-filter{padding:4px 10px 6px;display:flex;flex-direction:column;gap:6px}.sort-source-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-3, #999);padding-left:2px}.sort-source-chips{display:flex;gap:4px;flex-wrap:wrap}.source-chip{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;font-size:11px!important;font-weight:500!important;border-radius:20px!important;border:1px solid var(--ink-4, #ddd)!important;background:transparent!important;color:var(--ink-3, #888)!important;cursor:pointer!important;transition:all .2s ease!important;width:auto!important;white-space:nowrap!important;min-width:0!important}.source-chip i{font-size:9px}.source-chip:hover{border-color:var(--green-accent, #22c55e)!important;color:var(--ink, #333)!important;background:transparent!important}.source-chip.active{background:var(--green-accent, #22c55e)!important;border-color:var(--green-accent, #22c55e)!important;color:#fff!important}.dark-mode .source-chip{border-color:#ffffff1f!important;color:#ffffff73!important}.dark-mode .source-chip:hover{border-color:var(--green-accent, #22c55e)!important;color:#fffc!important}.dark-mode .source-chip.active{background:var(--green-accent, #22c55e)!important;border-color:var(--green-accent, #22c55e)!important;color:#fff!important}.toolbar-btn.has-filter:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:var(--green-accent, #22c55e);border-radius:50%}.model-slider-box.reorder-mode{background:#4caf5008;border:2px dashed var(--green-accent);border-radius:16px;padding:12px}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.model-slider-box.reorder-mode .model-card{animation:wiggle .15s ease-in-out infinite;cursor:grab;position:relative}.model-slider-box.reorder-mode .model-card:nth-child(2n){animation-delay:.05s}.model-slider-box.reorder-mode .model-card:nth-child(3n){animation-delay:.1s}.model-slider-box.reorder-mode .model-card.dragging{animation:none!important;cursor:grabbing;opacity:.8;transform:scale(1.05);z-index:100;box-shadow:0 8px 24px #0003;border-color:var(--green-accent)!important}.model-slider-box.reorder-mode .model-card.drop-target{animation:none!important;border:2px dashed var(--green-accent)!important;background:#4caf501a}.reorder-controls{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;padding:9px 14px;background:linear-gradient(135deg,#4caf501a,#4caf500a);border-radius:12px;margin-bottom:0;border:1px solid rgba(76,175,80,.25);white-space:nowrap}.reorder-controls .reorder-title{font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}.reorder-controls .reorder-title i{color:var(--green-accent)}.reorder-controls .reorder-hint{font-size:12px;color:var(--ink-2);white-space:nowrap}.reorder-controls button{padding:8px 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1}.reorder-controls .save-reorder-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.reorder-controls .save-reorder-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.reorder-controls .cancel-reorder-btn{background:#ffffff14;color:var(--ink);border:1px solid rgba(255,255,255,.14)}.reorder-controls .cancel-reorder-btn:hover{background:#ffffff24}body:not(.dark-mode) .reorder-controls .cancel-reorder-btn{background:#f1f1f3;color:#1a1a1a;border:1px solid rgba(0,0,0,.1)}body:not(.dark-mode) .reorder-controls .cancel-reorder-btn:hover{background:#e8e8ea}.model-controls-wrapper.reorder-mode-active .slider-actions,.model-viewer-actions.reorder-mode-active .slider-actions{display:none!important}.model-controls-wrapper.reorder-mode-active .reorder-controls,.model-viewer-actions.reorder-mode-active .reorder-controls{display:inline-flex!important;width:auto;max-width:100%;margin-left:auto;justify-content:flex-end}.model-slider-box.reorder-mode .model-card{transition:transform .2s ease,margin .2s ease}.status-ready{color:var(--green-accent)!important;font-weight:700!important}.status-draft{color:#bbb!important}#editModelBtn i{color:var(--green-accent)!important}.model-status-bar{margin:0 auto;padding:0;position:fixed;bottom:-3px;left:50%;transform:translate(-50%);width:auto;opacity:.6}.mockup-studio-wrapper{width:100%;max-width:760px;height:100%;min-height:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:36px;margin:0 auto;box-sizing:border-box;padding:0 20px;overflow:hidden;touch-action:none}.device-laptop{width:65%;max-width:620px;aspect-ratio:16 / 10;height:auto;max-height:100%;position:relative;flex:0 1 auto;transition:transform .3s ease}.laptop-frame{width:100%;height:100%;background:transparent;border-radius:20px;padding:1.5%;box-shadow:var(--shadow);border:solid 1px #d1d1d1;display:flex;flex-direction:column}.laptop-screen-container{width:100%;height:100%;background:transparent;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 20px 50px #0000,inset 0 0 0 1px #d1d1d1}.camera-dot{position:absolute;top:1%;left:50%;transform:translate(-50%);width:.6%;padding-top:.6%;background:#555;border-radius:50%;display:none}.device-mobile{width:calc(65% * 86 / 288);max-width:185px;aspect-ratio:8.6 / 18;height:auto;max-height:100%;position:relative;z-index:10}#mobileMirrorCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.mobile-frame{width:100%;height:100%;background:transparent;border-radius:24px;overflow:hidden;padding:6px;position:relative;box-sizing:border-box;border:solid 1px #d1d1d1;box-shadow:var(--shadow)}.mobile-screen-container{width:100%;height:100%;background:transparent;border-radius:20px;position:relative;overflow:hidden;z-index:2;box-shadow:0 20px 50px #0000,inset 0 0 0 1px #d1d1d1}.mobile-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:28%;height:3.4%;background:#101010;border-radius:20px;display:none;z-index:20}.mobile-notch:after{content:"";position:absolute;top:50%;right:14%;width:6px;height:6px;background:#1a1a1a;border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 1px #ffffff26}.btn-side,.btn-pwr,.btn-vol-u,.btn-vol-d{position:absolute;background:#2020225d;width:3px;border-radius:2px 0 0 2px}.btn-pwr{top:24%;right:-3px;height:9%;border-radius:0 2px 2px 0}.btn-vol-u{top:24%;left:-3px;height:6%}.btn-vol-d{top:32%;left:-3px;height:6%}.btn-side{top:17%;left:-3px;height:3%}@media(max-width:1440px){.mockup-studio-wrapper{gap:30px;max-width:880px}.device-laptop{max-width:580px}.device-mobile{max-width:173px}}@media(max-width:1280px){.mockup-studio-wrapper{gap:26px;max-width:620px}.device-laptop{max-width:520px}.device-mobile{max-width:155px}}@media(max-width:1200px){.mockup-studio-wrapper{gap:22px;max-width:620px}.device-laptop{width:64%;max-width:460px}.device-mobile{width:calc(64% * 86 / 288);max-width:137px}}@media(max-width:1100px){.mockup-studio-wrapper{gap:18px;max-width:680px}.device-laptop{width:62%;max-width:400px}.device-mobile{width:calc(62% * 86 / 288);max-width:119px}}@media(max-width:900px){.mockup-studio-wrapper{flex-direction:row;gap:16px;padding:10px}.device-laptop{width:65%}.device-mobile{width:calc(65% * 86 / 288);max-width:140px}.mobile-frame{border-radius:14px}.mobile-screen-container{border-radius:10px}}@media(max-width:768px){.mockup-studio-wrapper{gap:16px;padding:8px}.device-laptop{width:65%}.device-mobile{max-width:120px;width:calc(65% * 86 / 288)}.mobile-frame{border-radius:8px;padding:4px}.mobile-screen-container{border-radius:5px}}@media(max-width:480px){.mockup-studio-wrapper{padding:6px}.device-laptop{width:68%}.device-mobile{max-width:100px;width:calc(68% * 86 / 288)}.mobile-frame{border-radius:5px;padding:3px}.mobile-screen-container{border-radius:3px}}.mobile-viewer-preloader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#000000b3,#000000f2);z-index:20;pointer-events:none;font-size:11px;color:#ccc}.mobile-viewer-preloader .preloader-icon{font-size:18px;margin-bottom:6px}.mobile-viewer-preloader .preloader-content p{margin:0;opacity:.9}#modelSliderRightBtn{right:425px;bottom:105px}#modelSliderLeftBtn{left:235px;bottom:105px}.design-toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.design-group{display:flex;align-items:center;gap:8px;flex-shrink:1;min-width:0}.design-divider{height:28px;width:1px;background-color:var(--ink-3);margin:0 2px}.design-icon-sm{font-size:12px;color:var(--ink-2)}.device-select-btn{padding:6px 8px;width:auto;background-color:var(--ink-4);border:1px solid var(--ink-3);border-radius:6px;color:var(--ink);cursor:pointer;display:flex;align-items:center;transition:all .2s;font-weight:500}.device-select-btn:hover{background-color:var(--ink-3)}.device-select-arrow{font-size:8px;margin-left:5px}.device-dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:100px;background:var(--bg);border:1px solid var(--ink-3);border-radius:4px;padding:5px 0;z-index:1000;box-shadow:0 4px 10px #0003}.device-dropdown-menu .dropdown-item{width:100%;text-align:left;padding:7px 12px;background:none;border:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px}.device-dropdown-menu .dropdown-item:hover{opacity:.6}.logo-size-slider{width:100px}.logo-size-value{color:var(--ink-2);font-size:12px;min-width:34px;text-align:right}.design-value-editable{cursor:text;padding:2px 5px;border-radius:4px;border:1px solid transparent;transition:all .15s ease;user-select:none;position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1}.design-value-editable:hover{background:#4da3ff14;border-color:#4da3ff40;color:var(--ink)}.dark-mode .design-value-editable:hover{background:#4da3ff1f;border-color:#4da3ff4d}.design-value-input{width:38px;height:18px;padding:0 3px;margin:0;border:1px solid rgba(77,163,255,.5);border-radius:3px;background:var(--surface, #fff);color:var(--ink);font-size:11px;font-weight:600;font-family:inherit;text-align:center;outline:none;box-shadow:0 0 0 2px #4da3ff26,0 1px 3px #00000014;-moz-appearance:textfield;transition:border-color .15s ease,box-shadow .15s ease}.design-value-input:focus{border-color:#4da3ff;box-shadow:0 0 0 3px #4da3ff33,0 1px 4px #0000001a}.dark-mode .design-value-input{background:#1a1a1a;border-color:#4da3ff66;color:#e0e0e0;box-shadow:0 0 0 2px #4da3ff1a,0 1px 3px #0000004d}.dark-mode .design-value-input:focus{border-color:#4da3ff;box-shadow:0 0 0 3px #4da3ff26,0 1px 4px #0006}.design-value-input::-webkit-outer-spin-button,.design-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.logo-ctrl-disabled{opacity:.28;cursor:pointer;user-select:none;transition:opacity .25s ease}.logo-ctrl-disabled select,.logo-ctrl-disabled input{pointer-events:none}@keyframes logoHintGlow{0%{filter:brightness(1) drop-shadow(0 0 0 transparent)}30%{filter:brightness(1.4) drop-shadow(0 0 8px rgba(34,197,94,.6))}to{filter:brightness(1) drop-shadow(0 0 0 transparent)}}.logo-upload-hint-glow{animation:logoHintGlow .7s ease-out}.dt-mini-switch{position:relative;display:inline-block;width:28px;height:14px;margin-left:6px;flex-shrink:0;cursor:pointer}.dt-mini-switch input{opacity:0;width:0;height:0}.dt-mini-switch-slider{position:absolute;inset:0;background:var(--ink-4);border-radius:14px;transition:background .25s ease}.dt-mini-switch-slider:before{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:transform .25s ease}.dt-mini-switch input:checked+.dt-mini-switch-slider{background:var(--green-accent)}.dt-mini-switch input:checked+.dt-mini-switch-slider:before{transform:translate(14px)}.ar-ctrl-disabled{opacity:.28;pointer-events:none;user-select:none;transition:opacity .25s ease}.design-select,.design-input{background-color:transparent;border:1px solid var(--ink-4);border-radius:4px;color:var(--ink);padding:4px 8px;font-size:13px}.ar-text-input{width:100px}.dt-section .ar-text-input{flex:1;min-width:80px;max-width:140px}.ar-font-slider,.ar-radius-slider,.ar-opacity-slider{width:60px}.design-group-text,.design-group-button{gap:8px}.delete-btn-secondary{color:#f55}.toast-popup{cursor:pointer}.toast-popup-content{cursor:pointer;min-width:200px;max-width:min(340px,90vw)}.toast-popup-content .popup-sub{margin-bottom:0}.plan-popup-secondary-btn,.downgrade-cancel-btn{border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;padding:11px 32px;width:100%;text-align:center;background:#f3f4f6!important;color:#374151!important;border:1px solid #e5e7eb!important}.plan-popup-secondary-btn:hover,.downgrade-cancel-btn:hover{background:#e5e7eb!important;color:#111827!important;border-color:#d1d5db!important}.dark-mode .plan-popup-secondary-btn,.dark-mode .downgrade-cancel-btn{background:#ffffff14!important;color:#ffffffbf!important;border:1px solid rgba(255,255,255,.12)!important}.dark-mode .plan-popup-secondary-btn:hover,.dark-mode .downgrade-cancel-btn:hover{background:#ffffff24!important;color:#fff!important;border-color:#ffffff38!important}.page-design-wrapper{display:flex;flex-direction:column;margin-bottom:0;width:100%;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.35) transparent}.page-design-wrapper::-webkit-scrollbar{width:4px}.page-design-wrapper::-webkit-scrollbar-track{background:transparent}.page-design-wrapper::-webkit-scrollbar-thumb{background-color:#96969659;border-radius:8px}.page-design-wrapper::-webkit-scrollbar-thumb:hover{background-color:#9696968c}.dark-mode .page-design-wrapper::-webkit-scrollbar-thumb{background-color:#ffffff1f}.dark-mode .page-design-wrapper::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}.design-subtitle{font-size:13px;margin-bottom:4px}.design-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;flex-wrap:wrap;width:100%;box-sizing:border-box}.design-group{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px;border-radius:6px;min-height:32px;border:1px solid transparent;flex-wrap:wrap}.design-toolbar-group{width:100%;justify-content:center;gap:2px 2px}.design-label{font-size:11px;font-weight:800;letter-spacing:.5px;white-space:nowrap}:root{--dt-section-bg: #ffffff;--dt-section-border: #e5e5e5;--dt-section-text: #1a1a1a;--dt-section-text-2: #6b7280;--dt-tag-color: #777;--dt-sub-color: rgba(0, 0, 0, .1);--dt-icon-color: #999}.dark-mode{--dt-section-bg: #161616;--dt-section-border: #2a2a2a;--dt-section-text: #e5e5e5;--dt-section-text-2: #888;--dt-tag-color: #888;--dt-sub-color: rgba(255, 255, 255, .07);--dt-icon-color: #666}.dt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:5px 6px;align-items:stretch;max-width:900px;margin:0 auto}.dt-section{border-radius:14px;background:var(--dt-section-bg);border:1px solid var(--dt-section-border);box-shadow:0 1px 3px #0000000d;min-width:0;display:flex;flex-direction:column;transition:.2s ease}.dt-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--dt-section-border);cursor:pointer;user-select:none}.dt-section-header .design-dropdown-container,.dt-header-right{margin-left:auto;display:flex;align-items:center;gap:6px}.dt-section-tag{font-size:14px;font-weight:600;color:var(--dt-section-text);display:flex;align-items:center;gap:8px;user-select:none;white-space:nowrap;margin:0}.dt-section-tag i{font-size:13px;color:var(--green-accent)}.dt-section-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;vertical-align:middle}.dt-collapse-icon{font-size:11px;color:var(--dt-section-text-2);transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease;opacity:.6}.dt-section-header:hover .dt-collapse-icon{color:var(--dt-section-text);opacity:1}.dt-section.collapsed .dt-collapse-icon{transform:rotate(180deg)}.dt-section.collapsed .dt-section-header{border-bottom-color:transparent}.dt-section.collapsing .dt-section-body,.dt-section.expanding .dt-section-body{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding-top .3s ease,padding-bottom .3s ease}.dt-section.collapsed .dt-section-body{max-height:0!important;opacity:0;padding-top:0!important;padding-bottom:0!important;overflow:hidden}.dt-section-body{padding:14px 16px;display:flex;flex-direction:column;gap:5px;flex:1}.dt-row{display:flex;align-items:center;gap:6px;min-height:26px}.dt-row-style,.dt-row-typo,.dt-logo-controls{flex-wrap:wrap;row-gap:4px}.dt-prop-icon{font-size:10px;color:var(--green-accent);opacity:.7;flex-shrink:0;width:12px;text-align:center}.dt-prop-label{font-size:10px;color:var(--dt-icon-color);white-space:nowrap;flex-shrink:0}.dt-mini-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--dt-icon-color);opacity:.8;white-space:nowrap;flex-shrink:0}.dt-sub-divider{display:flex;align-items:center;gap:6px;margin:2px 0}.dt-sub-divider span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--dt-tag-color);white-space:nowrap}.dt-sub-divider:after{content:"";flex:1;height:1px;background:var(--dt-sub-color)}.dt-btn-group{display:flex;align-items:center;gap:2px;margin-left:auto}.dt-font-select-container{position:relative;flex:0 0 110px;width:110px}.dt-pos-select-container{flex:1 1 auto;width:auto}.dt-pos-select-container .dt-font-dropdown{bottom:auto;top:calc(100% + 4px);left:0;right:auto;min-width:150px}.dt-font-select-btn{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:0 6px;font-size:11px;border:1px solid var(--dt-section-border);border-radius:6px;background:var(--dt-section-bg);color:var(--ink-2, #444);cursor:pointer;transition:border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-font-select-btn:hover{border-color:var(--accent, #22c55e)}.dt-font-arrow{font-size:8px;opacity:.5;flex-shrink:0}.dt-font-dropdown{position:absolute;bottom:calc(100% + 4px);left:auto;right:0;min-width:160px;background:var(--bg-1, #fff);border:1px solid var(--dt-section-border);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:100;padding:4px;display:flex;flex-direction:column;gap:1px;max-height:200px;overflow-y:auto}.dark-mode .dt-font-select-btn{color:var(--ink-2-dark, #ccc)}.dark-mode .dt-font-dropdown{background:var(--bg-1-dark, #1a1a1a);box-shadow:0 8px 24px #0006}.dt-font-option{display:block;width:100%;padding:6px 10px;font-size:13px;border:none;background:none;color:var(--ink-2, #444);cursor:pointer;border-radius:5px;text-align:left;transition:background .12s}.dt-font-option:hover{background:var(--dt-section-bg)}.dt-font-option.active{background:#22c55e1f;color:#22c55e;font-weight:600}.dark-mode .dt-font-option{color:var(--ink-2-dark, #ccc)}.dark-mode .dt-font-option:hover{background:#ffffff0f}.dt-section .logo-opacity-slider{flex:1;width:auto;min-width:40px}.dt-upload-btn{font-size:14px!important;gap:4px!important}.dt-adv-btn{font-size:11px!important;gap:4px!important;opacity:.7;transition:opacity .15s;white-space:nowrap}.dt-adv-btn:hover{opacity:1}.dt-row-advanced{flex-wrap:wrap;gap:4px 8px}.dt-ar-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:0}.dt-ar-cell{display:flex;flex-direction:column;justify-content:center;height:46px;padding:6px 10px;border-radius:6px;background:var(--dt-section-bg);border:1px solid var(--dt-section-border);box-sizing:border-box;min-width:0}.dt-ar-cell .dt-font-select-container{flex:0 0 auto;width:100%;min-width:0}.dt-ar-cell .dt-font-select-btn{height:18px!important;min-height:0!important;padding:0!important;font-size:10px!important;border:none!important;background:transparent!important}.dt-ar-cell .dt-font-dropdown{bottom:auto;top:calc(100% + 4px);left:0;right:auto;min-width:140px;z-index:50}.dt-ar-colors{display:flex;align-items:center;gap:3px}.dt-ar-colors .dt-ar-color,.dt-ar-colors .design-toggle-btn{width:18px!important;min-width:18px!important;height:18px!important;padding:0!important;font-size:10px;border-radius:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.dt-ar-lbl{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--dt-tag-color);line-height:1}.dt-ar-ctrl{display:flex;align-items:center;gap:4px}.dt-ar-ctrl .design-slider{flex:1;min-width:0}.dt-ar-ctrl .design-value{font-size:10px;min-width:24px}.dt-cell-select{font-size:10px!important;padding:0!important;height:auto!important;flex:1;min-width:0;border:none;background:transparent;color:var(--ink-2);cursor:pointer}.dt-ar-color{width:22px;height:22px;border-radius:6px;border:1px solid var(--dt-section-border);padding:0;cursor:pointer;background:none;-webkit-appearance:none;appearance:none;flex-shrink:0}.dt-ar-color::-webkit-color-swatch-wrapper{padding:1px}.dt-ar-color::-webkit-color-swatch{border:none;border-radius:4px}.dt-extras-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:-4px}.dt-ext-card{display:flex;align-items:center;gap:6px;padding:10px 8px;border-radius:8px;background:var(--dt-section-bg);border:1px solid var(--dt-section-border);min-width:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.dt-ext-toggle{cursor:pointer}.dt-ext-toggle.active{border-color:#22c55e80}.dt-ext-toggle:not(.active){opacity:.4}.dt-ext-toggle:not(.active) .dt-ext-icon-wrap{background:#8080801f}.dt-ext-toggle:not(.active) .dt-ext-icon-wrap i{color:var(--ink-3)}.dt-ext-clickable{cursor:pointer}.dt-ext-clickable:hover{border-color:#22c55e66}.dt-ext-clickable.active{border-color:#22c55e80}.dt-ext-clickable.active .dt-ext-title{color:#22c55e}.dt-ext-icon-wrap{width:26px;height:26px;border-radius:7px;background:#22c55e1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dt-ext-icon-wrap i{font-size:11px;color:#22c55e}.dt-ext-body{display:flex;flex-direction:column;gap:3px;min-width:0}.dt-ext-title{font-size:10px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.dt-extras-grid{grid-template-columns:1fr 1fr;gap:5px}.dt-ext-card{padding:8px 6px;gap:5px}.dt-ext-title{font-size:9px}.dt-ext-icon-wrap{width:22px;height:22px}.dt-ext-icon-wrap i{font-size:10px}}.dt-ext-controls{display:flex;align-items:center;gap:5px}.dt-extras-color{width:16px;height:16px;border-radius:4px;border:1px solid var(--dt-section-border);padding:0;cursor:pointer;background:none;-webkit-appearance:none;appearance:none;flex-shrink:0}.dt-extras-color::-webkit-color-swatch-wrapper{padding:0}.dt-extras-color::-webkit-color-swatch{border:none;border-radius:3px}#dtSectionAdvanced .logo-size-slider{flex:1;width:auto;min-width:40px}.dt-section .design-slider{width:50px}.dt-section .logo-size-slider{flex:1;width:auto;min-width:40px}.dt-section .ar-font-slider,.dt-section .ar-radius-slider,.dt-section .ar-opacity-slider{flex:1;width:auto;min-width:30px}.dt-section .ar-text-input,.dt-section .design-select,.dt-section .design-toggle-btn,.dt-section .design-color,.dt-section .dt-font-select-btn,.dt-section .dt-pos-select-container .dt-font-select-btn{height:28px;box-sizing:border-box}.dt-section .ar-text-input{flex:1.5;min-width:80px;max-width:200px;font-size:12px;padding:0 7px;border:1px solid var(--dt-section-border)!important;border-radius:4px}.dt-section .design-select{font-size:12px;flex:1;min-width:0;padding:0 8px}.dt-section .design-toggle-btn{width:28px;min-width:28px;font-size:12px}.dt-section .design-color{width:28px!important}.dt-section-header .device-select-btn{padding:5px 10px;font-size:14px;border-radius:6px;gap:5px;background:#22c55e1a;border-color:#22c55e40;color:#22c55e}.dt-section-header .device-select-btn:hover{background:#22c55e2e}.dt-section-header .device-select-btn .device-select-arrow{font-size:9px;color:#22c55e;opacity:.7}@media(max-width:1100px){.dt-grid{gap:4px;padding:4px 5px}.dt-section-body{padding:4px 8px 6px}.dt-section .design-slider{width:40px}}@media(max-width:700px){.dt-grid{grid-template-columns:1fr;gap:8px;padding:6px 8px}.dt-section{border-radius:8px}.dt-section-body{padding:8px 12px 10px;gap:6px}.dt-section-header{padding:8px 12px 0}.dt-section .design-slider{width:50px}.design-preset-row{padding:8px 10px!important}}#arBtnTextInput{border:solid 1px rgba(128,128,128,.165)}.design-group input[type=text],.design-group select,.dt-section input[type=text],.dt-section select{background:transparent;border:none;font-size:13px;outline:none;font-family:inherit;cursor:pointer;color:var(--ink-1)}input[type=range].design-slider{-webkit-appearance:none;background:transparent;width:60px;cursor:pointer;margin:0}input[type=range].design-slider::-webkit-slider-thumb{height:12px;width:12px;border-radius:50%;margin-top:-4px;-webkit-appearance:none;cursor:pointer;background:#4da3ff;box-shadow:0 1px 3px #0000004d}input[type=range].design-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#8080804d;border-radius:2px}.design-icon-sm{font-size:14px;opacity:.7}input[type=color].design-color{width:24px;height:24px;border:none;padding:0;background:none;cursor:pointer;border-radius:4px}input[type=color].design-color{-webkit-appearance:none;border:none;width:20px;height:20px;border-radius:4px;padding:0;overflow:hidden;cursor:pointer;background:none}input[type=color].design-color::-webkit-color-swatch-wrapper{padding:0}input[type=color].design-color::-webkit-color-swatch{border:none;border-radius:4px}#arBtnPosSelect,#logoPosSelect{padding:0}.design-icon-btn{background:transparent;border:none;cursor:pointer;font-size:16px;transition:.2s;display:flex;align-items:center;gap:5px}.screen-overlay-layer{position:absolute;inset:0;z-index:100;pointer-events:none;overflow:hidden;display:block}.fa-solid.fa-check{color:var(--green-accent)}.mockup-logo-img{position:absolute;max-width:150px;height:auto;object-fit:contain;transition:all .2s ease-out;top:6%;left:6%}.ar-icon-custom{display:inline-block;width:18px;height:18px;-webkit-mask-image:url(data:image/webp;base64,UklGRjYIAABXRUJQVlA4WAoAAAAQAAAAkwAAoAAAQUxQSLMHAAABoEBt2/FGeut2MrZVjO20g07Gk45tm+vdsW3b0zHWtu3dsY3a+M5J/rzv/7/f92W9JyIguG0jSZL3qL2rZ8cTJzUvgP+9UEHH0FqBXoagZmfik+8uKutNCGwRKwx6OCPCa9B2T67w1I1ZNbwCHY8nC1wXVoRrT8uX4wSty2vKaO0o+9lkYU739HVZUMtYYUGPZkbo6ai9wqJuauiyTidSBEpaloGsLJ1d1uoVwlEJMwfFGfixwcuUy9aV0YYGlKMer64MDR4b+BpCHG+nEi5bXEQPHMR3XN1Q2bUXe5yBb8Glzq8TN9X7BbSw+Xv4ar3LQCQAvV/Mwsh9UgcqnkO4u7gugCnAz3kMezmgA/m+83TU/KoANJ6yRZ/1ZKUWn57l6SgfsAK4XPaWwWU36iuLT7FgBL+lFx+c2+h2lBnIB8/Xb9z9OgbNm4WUot3G9/aj11QpuiwACwB1o0LAk/xPvvzajOqKpaD0QfjWzGNFvgeES+dXhKmVgn4JkUzHbCRBqZSC7laRzAt4glInBV0tKplBiiSodlQKmgeSKfSFCgmqM5WC7s0Ikg1UOya9X4imUlDigqoA0gFbazJBrWV1WVDUi1QKWhPqAxLBa0obOkGVZVu1OiqIFGSoFVaJNPIdx1U530gWElzWbr8QdApiwB7Pg0eCeilboLo1q7plfFe6HUWlIBZKPDRwgmmT/jGUy85397VG8BDKUdWATSvdJNvZdmlzvExYv601ip3ByFhZmtWO828/+rYj67jF/j5G5gZrlHoLvYNNKQ+sCi4GvGqwHSNrv0XeFKjOPRmq7nhjc4ZA2ceJED/NKqtmW7o3TgiJCHFuXiHlaHDsvhCSEeLas0VVIqD24UQh5JBzMY1YTK+kTDvReAcxybh9j5M052DqH/X79MpqOGoT7ijxcFeTLZxkOCBPv1eJxY/T5VN+F+Go5I1RADtYaecOfzEfEIunZRP8jkCVvrm+O+LsZAfA1uXLDLTy5JdMn2y0WO6v4Q8gCQDf/h8hiztVJTMDCxQH6rk2IwPMosPeVOVN1xxPR0UCyAYQl42V/ukziKMUwO2yri9d+6AfFrsDygSwUbAkmnUW/HpurctREqEDfEEbNjuZevXx5WeL8dSKQw8ff9gYu/vlL+AHIBUrmpbjUVO4asU1olVTlbzfYAmKqVYs1YFK57AENaes+RWagg7qQODHeIJaUJghBb2gA9CLKJfXny9GOyqWSEFfFtMCcH6YTiyeqIzh23gnkYLu7CoPegA+Q98QuC48FWYy34sHO5oB6AJASN9XiMXPc8q58/0+auCyPhJAJdpzVAbn+1QTPdNxiMj3aRvrAIN2sfRwJY1ktQYO2WK+wP9cbgq+SthTzQ842G5kj8XDiWUG4kpyxfp+qMsIR+2tDUwabbxzjbd6ivOVm6cYm42hb5jh/ramfPvO/46b1ZbbxIglrx0eCKh4XEY5ys667RJzXj4xhuO5LIWo+Tu3y1I31AH2becFNWWL+SbXaJLdVf3Ae6hJPDJH9SLY4/6FTM0e7fNoRVj3TkWs8/RFkfZmhEYM/llkfmC3SGC3TOHSu37aUM9wiPhNI2sUPSbcZNbVhiXGoeoKlrOnjPaKwNkvMfWVCsHV6/5BwHoO7V2o8NDAGZ3ga6RTOngZCmy88ODzEaA6ElQjsiQojxz9CSBf1MC2hRUgvEevGuoQ0PWkEOLVitLpfU2IB8sbKEK/l40nWSdlE2acHt7YUkcBur6Z4jlgKyuZKch8emu4XELavZeGHa6HSuYpgSh+Q7iPNPK1fV2gegskUy9OYEpZWkMOAV1PCVzf1ZP+LU8kCEQGl7ETZXAUytUXVHi6RfRuz0tBXLaFk7SVr6YQ09rnwkAJBUYdELiur3+dk9xsYqI9rxQoo8AmJ5MFqmwuaF1YXgLUUuSZRwKTHH5fUhHUU/ujSVK58lxVUFOOnTnSuP1MGCirgMh9WYy8hXG5Ge/VlR47v2Mw6z7zPZnLRoFN+CPPjAjOwfwVIUSsjY+glrHop1KftoZvzSsC1c1ZNdiu7Svmp0G12y9wHSxtdZtNj1G/dUU4D7USDXzKROeTqQLl7jyGIZPN8QqxuLy6NAdR8Qa+Z6HVy3HE8dnCasCiEMfbxA14b1FZdWYCQZFnifrxeHVlH2CT801iyw9nhKlBUItYqs5uCuVO7S9mEeFhVpgCtNlHrK6urwns8o+hXPZjQ+k8Q1Sye4tNzvvYXfaubOoncDhKgsvuhErmKdRRa8w6SobL7pSVzGTEUZtNNjmSXHYcJBN6x8C1jSYdJctlL5aX/i3dLwlxd0k9UEY2e+/oguBJmbmxs8sw0WLrviF+2DKmWzVQVbXPGR5CylonKPLFZCEyDviDBvI/41lTws1gqlZkjtCBcr+hCcoC7bBasUcHCv9EJCiTdD6BtqWbQQetIxOUCaJfiUN3Fh+tBfljsQTl6bKmCEFRL1JRZhxoos5vUJc7I7TRIwNf+rY8QqagyqCPelEJ6sqBJI8xm4kUpJX8nEeFZd11pSDtZGv9sgnIFKSlQhxvpaKYyPfayvlGsimuuVKQ3ur9Yha92lADtJef8xj1MFkPlJO0fkFpR0nvFx6vCfUBb6JCY7++faplMPy/hQAAVlA4IFwAAAAQCQCdASqUAKEAPm02mUmkIyKhIEgAgA2JaW7hdgEbQBPa9FXCDIIaqk122i4QZBDVUmu20XCDIIaqk122i4QZBDVUmu20XCDIIaqk122i30AA/v+7EAAAAAAAAA==);mask-image:url(data:image/webp;base64,UklGRjYIAABXRUJQVlA4WAoAAAAQAAAAkwAAoAAAQUxQSLMHAAABoEBt2/FGeut2MrZVjO20g07Gk45tm+vdsW3b0zHWtu3dsY3a+M5J/rzv/7/f92W9JyIguG0jSZL3qL2rZ8cTJzUvgP+9UEHH0FqBXoagZmfik+8uKutNCGwRKwx6OCPCa9B2T67w1I1ZNbwCHY8nC1wXVoRrT8uX4wSty2vKaO0o+9lkYU739HVZUMtYYUGPZkbo6ai9wqJuauiyTidSBEpaloGsLJ1d1uoVwlEJMwfFGfixwcuUy9aV0YYGlKMer64MDR4b+BpCHG+nEi5bXEQPHMR3XN1Q2bUXe5yBb8Glzq8TN9X7BbSw+Xv4ar3LQCQAvV/Mwsh9UgcqnkO4u7gugCnAz3kMezmgA/m+83TU/KoANJ6yRZ/1ZKUWn57l6SgfsAK4XPaWwWU36iuLT7FgBL+lFx+c2+h2lBnIB8/Xb9z9OgbNm4WUot3G9/aj11QpuiwACwB1o0LAk/xPvvzajOqKpaD0QfjWzGNFvgeES+dXhKmVgn4JkUzHbCRBqZSC7laRzAt4glInBV0tKplBiiSodlQKmgeSKfSFCgmqM5WC7s0Ikg1UOya9X4imUlDigqoA0gFbazJBrWV1WVDUi1QKWhPqAxLBa0obOkGVZVu1OiqIFGSoFVaJNPIdx1U530gWElzWbr8QdApiwB7Pg0eCeilboLo1q7plfFe6HUWlIBZKPDRwgmmT/jGUy85397VG8BDKUdWATSvdJNvZdmlzvExYv601ip3ByFhZmtWO828/+rYj67jF/j5G5gZrlHoLvYNNKQ+sCi4GvGqwHSNrv0XeFKjOPRmq7nhjc4ZA2ceJED/NKqtmW7o3TgiJCHFuXiHlaHDsvhCSEeLas0VVIqD24UQh5JBzMY1YTK+kTDvReAcxybh9j5M052DqH/X79MpqOGoT7ijxcFeTLZxkOCBPv1eJxY/T5VN+F+Go5I1RADtYaecOfzEfEIunZRP8jkCVvrm+O+LsZAfA1uXLDLTy5JdMn2y0WO6v4Q8gCQDf/h8hiztVJTMDCxQH6rk2IwPMosPeVOVN1xxPR0UCyAYQl42V/ukziKMUwO2yri9d+6AfFrsDygSwUbAkmnUW/HpurctREqEDfEEbNjuZevXx5WeL8dSKQw8ff9gYu/vlL+AHIBUrmpbjUVO4asU1olVTlbzfYAmKqVYs1YFK57AENaes+RWagg7qQODHeIJaUJghBb2gA9CLKJfXny9GOyqWSEFfFtMCcH6YTiyeqIzh23gnkYLu7CoPegA+Q98QuC48FWYy34sHO5oB6AJASN9XiMXPc8q58/0+auCyPhJAJdpzVAbn+1QTPdNxiMj3aRvrAIN2sfRwJY1ktQYO2WK+wP9cbgq+SthTzQ842G5kj8XDiWUG4kpyxfp+qMsIR+2tDUwabbxzjbd6ivOVm6cYm42hb5jh/ramfPvO/46b1ZbbxIglrx0eCKh4XEY5ys667RJzXj4xhuO5LIWo+Tu3y1I31AH2becFNWWL+SbXaJLdVf3Ae6hJPDJH9SLY4/6FTM0e7fNoRVj3TkWs8/RFkfZmhEYM/llkfmC3SGC3TOHSu37aUM9wiPhNI2sUPSbcZNbVhiXGoeoKlrOnjPaKwNkvMfWVCsHV6/5BwHoO7V2o8NDAGZ3ga6RTOngZCmy88ODzEaA6ElQjsiQojxz9CSBf1MC2hRUgvEevGuoQ0PWkEOLVitLpfU2IB8sbKEK/l40nWSdlE2acHt7YUkcBur6Z4jlgKyuZKch8emu4XELavZeGHa6HSuYpgSh+Q7iPNPK1fV2gegskUy9OYEpZWkMOAV1PCVzf1ZP+LU8kCEQGl7ETZXAUytUXVHi6RfRuz0tBXLaFk7SVr6YQ09rnwkAJBUYdELiur3+dk9xsYqI9rxQoo8AmJ5MFqmwuaF1YXgLUUuSZRwKTHH5fUhHUU/ujSVK58lxVUFOOnTnSuP1MGCirgMh9WYy8hXG5Ge/VlR47v2Mw6z7zPZnLRoFN+CPPjAjOwfwVIUSsjY+glrHop1KftoZvzSsC1c1ZNdiu7Svmp0G12y9wHSxtdZtNj1G/dUU4D7USDXzKROeTqQLl7jyGIZPN8QqxuLy6NAdR8Qa+Z6HVy3HE8dnCasCiEMfbxA14b1FZdWYCQZFnifrxeHVlH2CT801iyw9nhKlBUItYqs5uCuVO7S9mEeFhVpgCtNlHrK6urwns8o+hXPZjQ+k8Q1Sye4tNzvvYXfaubOoncDhKgsvuhErmKdRRa8w6SobL7pSVzGTEUZtNNjmSXHYcJBN6x8C1jSYdJctlL5aX/i3dLwlxd0k9UEY2e+/oguBJmbmxs8sw0WLrviF+2DKmWzVQVbXPGR5CylonKPLFZCEyDviDBvI/41lTws1gqlZkjtCBcr+hCcoC7bBasUcHCv9EJCiTdD6BtqWbQQetIxOUCaJfiUN3Fh+tBfljsQTl6bKmCEFRL1JRZhxoos5vUJc7I7TRIwNf+rY8QqagyqCPelEJ6sqBJI8xm4kUpJX8nEeFZd11pSDtZGv9sgnIFKSlQhxvpaKYyPfayvlGsimuuVKQ3ur9Yha92lADtJef8xj1MFkPlJO0fkFpR0nvFx6vCfUBb6JCY7++faplMPy/hQAAVlA4IFwAAAAQCQCdASqUAKEAPm02mUmkIyKhIEgAgA2JaW7hdgEbQBPa9FXCDIIaqk122i4QZBDVUmu20XCDIIaqk122i4QZBDVUmu20XCDIIaqk122i30AA/v+7EAAAAAAAAA==);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor;flex-shrink:0}.mockup-ar-btn{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:10px 20px;border-radius:30px;font-weight:600;transition:transform .2s ease-out,background .2s;cursor:pointer}.pos-top-left{inset:4% auto auto 4%;transform:none}.pos-top-right{inset:4% 4% auto auto;transform:none}.pos-top-center{inset:4% auto auto 50%;transform:translate(-50%)}.pos-bottom-left{inset:auto auto 4% 4%;transform:none}.pos-bottom-right{inset:auto 4% 4% auto;transform:none}.pos-bottom-center{inset:auto auto 4% 50%;transform:translate(-50%)}.dark-mode .design-subtitle{color:var(--ink-2)}.dark-mode .design-label{color:#555}.dark-mode .design-divider{background:#444}.dark-mode .design-group input[type=text],.dark-mode .design-group select{color:#eee}.dark-mode .design-group select{color:#bbb}.dark-mode .design-group select:hover{color:#fff}.dark-mode .dt-section input[type=text],.dark-mode .dt-section select{color:#eee}.dark-mode .dt-section select{color:#bbb}.dark-mode .dt-section select:hover{color:#fff}.dark-mode input[type=range].design-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:#444;border-radius:2px}.dark-mode input[type=range].design-slider::-webkit-slider-thumb{background:#999}.dark-mode input[type=color].design-color::-webkit-color-swatch{border:1px solid #555}.dark-mode .design-icon-btn{color:#aaa}.dark-mode .design-icon-btn:hover{color:#fff}.dark-mode .design-icon-btn i{color:var(--green-accent)}.dark-mode .design-icon-btn:hover i{color:inherit}body:not(.dark-mode) .design-subtitle{color:#666}body:not(.dark-mode) .design-label{color:#333}body:not(.dark-mode) .design-group{background:#fff}body:not(.dark-mode) .design-divider{background:#e0e0e0}body:not(.dark-mode) .design-group input[type=text],body:not(.dark-mode) .design-group select{color:#333}body:not(.dark-mode) .design-group select{color:#555}body:not(.dark-mode) .design-group select:hover{color:#000}body:not(.dark-mode) .dt-section input[type=text],body:not(.dark-mode) .dt-section select{color:#333}body:not(.dark-mode) .dt-section select{color:#555}body:not(.dark-mode) .dt-section select:hover{color:#000}body:not(.dark-mode) input[type=range].design-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:#e0e0e0;border-radius:2px}body:not(.dark-mode) input[type=range].design-slider::-webkit-slider-thumb{background:#818181;border:1px solid #fff}body:not(.dark-mode) input[type=color].design-color::-webkit-color-swatch{border:1px solid #ccc}body:not(.dark-mode) .design-icon-btn{color:#666}body:not(.dark-mode) .design-icon-btn:hover{color:#000;background-color:#0000000d;border-radius:4px}body:not(.dark-mode) .design-icon-btn i{color:var(--green-accent)}body:not(.dark-mode) .design-icon-btn:hover i{color:inherit}body:not(.dark-mode) .mockup-ar-btn{box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.4)}.dark-mode .bg-preset-slider{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;overflow-y:auto;overflow-x:hidden;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.bg-preset-slider{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;max-height:64px;overflow-y:auto;overflow-x:hidden;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(106,106,106,.377) transparent}.bg-preset-card{min-width:30px;height:30px;border-radius:6px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.bg-preset-card:hover{transform:scale(1.08)}.bg-preset-slider::-webkit-scrollbar{height:6px;background:transparent}.bg-preset-slider::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px;margin:0 4px}.bg-preset-slider::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:10px;border:1px solid transparent;background-clip:content-box;transition:background-color .3s ease}.bg-preset-slider::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}.design-preset-row{padding:6px 12px!important;border-bottom:1px solid var(--border-color, #dedede);min-height:38px}.design-preset-group{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:900px;margin:0 auto;flex-wrap:nowrap}.design-preset-slider-wrap{overflow:hidden;min-width:0;max-width:100%}.design-preset-slider{display:flex;align-items:center;justify-content:center;gap:6px;overflow-x:auto;scroll-behavior:smooth;padding:2px 0;flex-wrap:wrap;-ms-overflow-style:none;scrollbar-width:thin}.design-preset-slider::-webkit-scrollbar{height:3px}.design-preset-slider::-webkit-scrollbar-track{background:transparent}.design-preset-slider::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.design-preset-slider::-webkit-scrollbar-thumb:hover{background:#00000038}@media(max-width:700px){.design-preset-slider-wrap{overflow:hidden;width:100%}.design-preset-slider{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;width:100%;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.design-preset-slider::-webkit-scrollbar{display:none}.design-preset-row{padding:10px 12px!important}}.design-preset-empty{color:#aaa;font-size:11px;font-style:italic;white-space:nowrap}.design-preset-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;border:1px solid #e0e0e0;background:#f8f8f8;font-size:12px;cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s,box-shadow .2s;flex-shrink:0;user-select:none}.design-preset-chip:hover{border-color:#bbb;background:#f0f0f0}.design-preset-chip.active{border-color:#43a047;background:#43a04714;box-shadow:0 0 0 1px #43a04726}.design-preset-chip.active .design-preset-chip-name{color:#2e7d32;font-weight:600}.design-preset-chip.builtin .design-preset-chip-name{display:inline-flex;align-items:center;gap:4px}.design-preset-chip.builtin .design-preset-chip-name:before{content:"\f005";font-family:"Font Awesome 6 Free";font-weight:900;font-size:8px;opacity:.5;flex-shrink:0}.design-preset-chip.builtin.active .design-preset-chip-name:before{color:#43a047;opacity:.8}.design-preset-chip.active.preset-modified{border-color:#43a04740;background:#43a04708;box-shadow:none}.design-preset-chip.active.preset-modified .design-preset-chip-name{color:#888;font-weight:500}.design-preset-chip.active.preset-modified .preset-status-icon.synced{display:none}.dark-mode .design-preset-chip.active.preset-modified{border-color:#43a04726;background:#43a04708}.dark-mode .design-preset-chip.active.preset-modified .design-preset-chip-name{color:#777}.design-preset-chip-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444}.design-preset-chip-delete{display:none;background:none;border:none;cursor:pointer;padding:0 2px;font-size:11px;color:#999;line-height:1;transition:color .15s}.design-preset-chip:hover .design-preset-chip-delete{display:flex;align-items:center}.design-preset-chip-delete:hover{color:#e53935}.design-preset-chip.add-chip{border:1.5px dashed #bbb;background:transparent;color:#888;font-size:12px;font-weight:500;gap:5px;transition:border-color .2s,color .2s,background .2s}.design-preset-chip.add-chip:hover{border-color:#2979ff;color:#2979ff;background:#2979ff0d}.design-preset-chip.add-chip i{font-size:11px}.preset-status-icon{font-size:10px;margin-left:2px}.preset-status-icon.synced{color:#43a047}.preset-status-icon.modified{color:#ff9800;font-size:7px;cursor:pointer;padding:2px;transition:color .15s}.preset-status-icon.modified:hover{color:#e65100}.design-preset-inline-input{display:flex;align-items:center;gap:4px;flex-shrink:0;animation:presetFadeIn .2s ease}@keyframes presetFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.design-preset-name-input{width:140px;padding:4px 8px;font-size:12px;border:1px solid #d0d0d0;border-radius:6px;outline:none;background:#fff;color:#333;transition:border-color .2s,box-shadow .2s}.design-preset-name-input:focus{border-color:#2979ff;box-shadow:0 0 0 2px #2979ff1f}.design-preset-action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;border:1px solid transparent;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.design-preset-action-btn.confirm{background:#43a047;color:#fff;border-color:#388e3c}.design-preset-action-btn.confirm:hover{background:#388e3c}.design-preset-action-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.design-preset-action-btn.update{background:#2979ff;color:#fff;border-color:#1565c0}.design-preset-action-btn.update:hover{background:#1565c0}.design-preset-action-btn.save-new{background:#f5f5f5;color:#333;border-color:#d0d0d0}.design-preset-action-btn.save-new:hover{background:#e8e8e8}.design-preset-action-btn.cancel{background:none;color:#999;border:none;padding:4px 6px}.design-preset-action-btn.cancel:hover{color:#e53935}.dark-mode .design-preset-row{border-bottom-color:var(--border-color-dark, #1c1c1c)}.dark-mode .design-preset-empty{color:#666}.dark-mode .design-preset-chip{background:#1e1e1e;border-color:#333;color:#ccc}.dark-mode .design-preset-chip:hover{border-color:#555;background:#252525}.dark-mode .design-preset-chip.active{border-color:#43a047;background:#43a0471a}.dark-mode .design-preset-chip.active .design-preset-chip-name{color:#66bb6a}.dark-mode .design-preset-chip-name{color:#bbb}.dark-mode .design-preset-chip-delete{color:#666}.dark-mode .design-preset-chip-delete:hover{color:#ef5350}.dark-mode .design-preset-chip.add-chip{border-color:#555;color:#999}.dark-mode .design-preset-chip.add-chip:hover{border-color:#5c9cff;color:#5c9cff;background:#2979ff14}.dark-mode .preset-status-icon.synced{color:#66bb6a}.dark-mode .preset-status-icon.modified{color:#ffb74d}.dark-mode .design-preset-name-input{background:#2a2a2a;border-color:#444;color:#ddd}.dark-mode .design-preset-name-input:focus{border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f626}.dark-mode .design-preset-slider::-webkit-scrollbar-thumb{background:#ffffff1a}.dark-mode .design-preset-slider::-webkit-scrollbar-thumb:hover{background:#fff3}.dark-mode .design-preset-action-btn.save-new{background:#2a2a2a;color:#ccc;border-color:#444}.dark-mode .design-preset-action-btn.save-new:hover{background:#333}.dark-mode .design-preset-action-btn.cancel{color:#666}.dark-mode .design-preset-action-btn.cancel:hover{color:#ef5350}.dark-mode .design-preset-action-btn.confirm{background:#2e7d32;border-color:#1b5e20}.dark-mode .design-preset-action-btn.confirm:hover{background:#1b5e20}.dark-mode .design-preset-action-btn.confirm:disabled{opacity:.4}.design-preset-chip:focus-visible{outline:2px solid #2979ff;outline-offset:1px}.design-preset-action-btn:focus-visible{outline:2px solid #2979ff;outline-offset:1px}.design-preset-name-input:focus-visible{outline:none}.design-preset-chip-delete:focus-visible{outline:2px solid #e53935;outline-offset:1px;border-radius:50%}@media(max-width:1280px){.design-preset-chip-name{max-width:110px}}@media(max-width:1100px){.design-preset-chip-name{max-width:90px}.design-preset-row{padding:5px 10px!important}}@media(max-width:768px){.design-preset-chip-name{max-width:100px}.add-chip-label{display:none}.design-preset-chip.add-chip:after{content:"New";font-size:11px}}@media(max-width:600px){.design-preset-row{padding:10px!important}.design-preset-group{gap:6px}.design-preset-chip-name{max-width:80px}.design-preset-chip{padding:3px 8px;font-size:11px}.design-preset-name-input{width:100px}.design-preset-action-btn{padding:3px 7px;font-size:10px}}@media(max-width:480px){.design-preset-chip-name{max-width:60px;font-size:10px}.design-preset-name-input{width:80px;font-size:11px}}.texture-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f0fd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:4px;backdrop-filter:blur(2px)}.texture-upload-overlay i{font-size:20px;color:#4ade80;margin-bottom:8px}.texture-upload-overlay span{color:#fff;font-size:11px;font-weight:500;letter-spacing:.5px}.texture-display-box{position:relative;overflow:hidden}.pick-material-btn{width:162px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;border:1px solid rgba(0,0,0,.15);background:#0000000d;color:#0009}.pick-material-btn:hover{background:#0000001a;color:#000;border-color:#0000004d}.dark-mode .pick-material-btn{border-color:#ffffff26;background:#ffffff0d;color:#ffffffb3}.dark-mode .pick-material-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.pick-material-btn.active{background:linear-gradient(135deg,#00d9ff,#00a8cc);color:#fff!important;border-color:#00d9ff!important;box-shadow:0 0 12px #00d9ff80;animation:pulse-glow 1.5s ease-in-out infinite}.pick-material-btn.active i{animation:icon-bounce .5s ease}.reset-all-materials-btn{width:40px;padding:0;flex-shrink:0}.reset-all-materials-btn i{font-size:14px}.reset-all-materials-btn:disabled,.reset-all-materials-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}@keyframes pulse-glow{0%{box-shadow:0 0 #00d9ff66}70%{box-shadow:0 0 0 10px #00d9ff00}to{box-shadow:0 0 #00d9ff00}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #00d9ff80}50%{box-shadow:0 0 20px #00d9ffcc}}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}#viewerSection.pick-mode{cursor:crosshair!important}#viewerSection.pick-mode canvas{cursor:crosshair!important}.pick-mode-indicator{position:absolute;top:12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#00d9ff,#00a8cc);color:#000;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:100;box-shadow:0 4px 15px #00d9ff66;animation:slide-down .3s ease;pointer-events:none}.pick-mode-indicator i{font-size:14px}@keyframes slide-down{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mesh-tooltip{position:absolute;background:#000000d9;color:#fff;padding:6px 12px;border-radius:6px;font-size:11px;pointer-events:none;z-index:100;white-space:nowrap;border:1px solid rgba(0,217,255,.5);box-shadow:0 4px 12px #0000004d;transform:translate(-50%,-100%);margin-top:-10px}.mesh-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.85)}.model-upload-standalone-box .save-card{width:100%;height:50px;padding:0;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background-color:var(--bg);box-shadow:var(--shadow);border:solid 1px var(--border-color)}.model-upload-standalone-box .save-card.unsaved,.model-upload-standalone-box .save-card.saved{border-color:var(--border-color)}.model-upload-standalone-box .save-card.error{border-color:#ef4444}.save-area-content{display:flex;align-items:center;flex-grow:1;padding:0 15px;gap:10px}.save-status-icon{display:flex;align-items:center;justify-content:center}.save-status-icon i{font-size:20px;transition:all .3s ease}.save-card.unsaved .save-status-icon i{color:red}.save-card.saving .save-status-icon i{color:var(--green-accent)}.save-card.error .save-status-icon i{color:#ef4444}.save-status-text{font-size:11px;font-weight:700;color:var(--ink);margin:0;white-space:nowrap}.save-buttons-row{display:flex;gap:6px;padding-right:10px;flex-shrink:0}.cancel-changes-btn{padding:8px 12px;background:var(--bg-2);border:1px solid var(--border-color);border-radius:8px;color:var(--ink-2);font-weight:600;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;white-space:nowrap}.cancel-changes-btn i{color:#ef4444}.cancel-changes-btn:hover{background:var(--highlight-bg);color:var(--ink)}.save-model-btn{padding:8px 14px;background:linear-gradient(135deg,var(--green-accent),#3d8b40);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease;opacity:.5;white-space:nowrap}.save-model-btn:not(:disabled){opacity:1}.save-model-btn:not(:disabled):hover{box-shadow:0 4px 12px #4caf504d}.save-model-btn:disabled{cursor:not-allowed}.save-card.unsaved .save-model-btn{animation:unsavedPulse 2s infinite}@keyframes unsavedPulse{0%,to{box-shadow:0 0 #4caf5073}50%{box-shadow:0 0 0 8px #4caf5000}}.save-card.saving .save-buttons-row,.save-card.saved .save-buttons-row{display:none}.save-card.saving .save-area-content,.save-card.saved .save-area-content{justify-content:center;width:100%}.save-card.saved{border-color:var(--border-color)}.save-card.saved .save-status-icon i{color:var(--green-accent)}.save-card.saved .save-status-text{color:var(--green-accent);font-weight:500}.constraints-section{display:flex;flex-direction:column;gap:6px}.constraints-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.constraints-header i{color:var(--green-accent);font-size:10px}.constraint-option{background:var(--bg-2);border-radius:8px;transition:all .2s ease;border:1px solid transparent}.constraint-option:hover{background:var(--bg-3)}.constraint-checkbox{display:flex;align-items:center;padding:10px 0;cursor:pointer;position:relative;gap:10px}.constraint-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.constraint-checkbox .checkmark{width:18px;height:18px;background:var(--bg);border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.constraint-checkbox .checkmark:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s ease}.constraint-checkbox input:checked+.checkmark{background:var(--green-accent);border-color:var(--green-accent)}.constraint-checkbox input:checked+.checkmark:after{transform:rotate(45deg) scale(1)}.constraint-label{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap}.dark-mode .constraint-checkbox .checkmark{background:var(--bg-2)}.bg-save-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.bg-save-badge-saving{background:#3b82f6f2;color:#fff;animation:badge-pulse 1.5s infinite}.bg-save-badge-saved{background:#22c55ef2;color:#fff}.bg-save-badge-error{background:#ef4444f2;color:#fff;cursor:pointer}.bg-save-badge-hidden{opacity:0;transform:scale(.8);pointer-events:none}@keyframes badge-pulse{0%,to{box-shadow:0 2px 8px #3b82f666}50%{box-shadow:0 2px 16px #3b82f6b3}}.dark-mode .bg-save-badge{box-shadow:0 2px 8px #0000004d}.view-mode-container{position:absolute;top:8px;left:8px;z-index:100;display:flex;gap:2px;background:#ffffffbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:8px;padding:3px;border:1px solid var(--border-color)}.view-mode-btn.vm-screenshot{margin-left:4px;border-left:1px solid var(--border-color);padding-left:6px}.view-mode-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--ink-3);cursor:pointer;transition:all .2s ease;font-size:13px;padding:0;outline:none}.view-mode-btn:hover{color:var(--ink);background:#0000000f}.view-mode-btn.active{color:var(--ink);background:#f6f6f6;box-shadow:0 1px 3px #0000001f}.view-mode-btn i{font-size:13px;pointer-events:none}#viewModeRender.active i{color:var(--green-accent, #4CAF50)}.viewer-preloader-overlay~.view-mode-container{display:none}.dark-mode .view-mode-container{background:var(--bg);border:1px solid rgba(255,255,255,.08)}.dark-mode .view-mode-btn{color:#fff6}.dark-mode .view-mode-btn:hover{color:#ffffffd9;background:#ffffff1a}.dark-mode .view-mode-btn.active{color:#fff;background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff1f}.dark-mode #viewModeRender.active i{color:var(--green-accent, #4CAF50)}.view-mode-mat-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:8px;color:var(--ink-3);font-size:12px;font-weight:500;border-radius:8px;pointer-events:none}.view-mode-mat-overlay i{font-size:20px;color:var(--ink-4)}.dark-mode .view-mode-mat-overlay{background:#00000059;color:#fff9}.dark-mode .view-mode-mat-overlay i{color:#fff6}.custom-checkout-overlay{position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:checkoutFadeIn .2s ease}.custom-checkout-overlay.closing{animation:checkoutFadeOut .2s ease forwards}@keyframes checkoutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes checkoutFadeOut{0%{opacity:1}to{opacity:0}}.custom-checkout-card{position:relative;width:920px;max-width:96vw;max-height:94vh;overflow-y:auto;background:var(--card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:16px;box-shadow:0 24px 80px #0000004d;animation:checkoutSlideUp .25s cubic-bezier(.16,1,.3,1)}.custom-checkout-card::-webkit-scrollbar{width:0}@keyframes checkoutSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-checkout-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0000000f;border:none;border-radius:10px;color:var(--ink-3, #999);cursor:pointer;font-size:14px;transition:all .2s ease;z-index:2;backdrop-filter:blur(4px)}.custom-checkout-close:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.custom-checkout-body{display:grid;grid-template-columns:380px 1fr;min-height:520px}.custom-checkout-left{--cc-accent: #22c55e;--cc-accent-soft: rgba(34, 197, 94, .1);--cc-line: rgba(0, 0, 0, .06);--cc-fg: var(--ink, #1a1a1a);--cc-fg-2: var(--ink-2, #666);--cc-fg-3: var(--ink-3, #999);--cc-bg: var(--card, #fff);position:relative;padding:36px 32px 28px;display:flex;flex-direction:column;gap:22px;background:var(--cc-bg);border-right:1px solid var(--cc-line);overflow:hidden}.custom-checkout-left:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cc-accent),transparent);opacity:.7}.custom-checkout-left:after{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;background:radial-gradient(circle,var(--cc-accent-soft),transparent 70%);pointer-events:none;opacity:.6}.custom-checkout-left[data-plan=free]{--cc-accent: #22c55e;--cc-accent-soft: rgba(34, 197, 94, .12)}.custom-checkout-left[data-plan=plus]{--cc-accent: #3b82f6;--cc-accent-soft: rgba(59, 130, 246, .12)}.custom-checkout-left[data-plan=pro]{--cc-accent: #a855f7;--cc-accent-soft: rgba(168, 85, 247, .14)}.custom-checkout-left[data-plan=business]{--cc-accent: #f97316;--cc-accent-soft: rgba(249, 115, 22, .12)}.cc-plan-head{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.cc-plan-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--cc-accent);color:#fff;font-size:14px;box-shadow:0 4px 14px var(--cc-accent-soft);flex-shrink:0}.cc-plan-id{display:flex;flex-direction:column;gap:2px;min-width:0}.cc-plan-tag{font-size:9.5px;font-weight:700;letter-spacing:.14em;color:var(--cc-fg-3);text-transform:uppercase}.cc-plan-name{font-size:17px;font-weight:800;letter-spacing:-.4px;color:var(--cc-fg);margin:0;line-height:1.1}.cc-price{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap;position:relative;z-index:1;line-height:1}.cc-price-currency{font-size:20px;font-weight:600;color:var(--cc-fg-2);align-self:flex-start;margin-top:4px;margin-right:1px}.cc-price-amount{font-size:36px;font-weight:800;letter-spacing:-1.4px;color:var(--cc-fg);line-height:1}.cc-price-frac{font-size:20px;font-weight:600;color:var(--cc-fg-2);margin-left:1px;margin-right:8px;align-self:flex-start;margin-top:4px}.cc-price-period{font-size:12px;color:var(--cc-fg-3);font-weight:500;align-self:center;margin-top:12px;width:100%;margin-left:0}.cc-yearly-note{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--cc-accent-soft);border:1px solid var(--cc-accent);border-color:var(--cc-accent-soft);color:var(--cc-accent);border-radius:999px;font-size:11.5px;font-weight:700;align-self:flex-start;margin-top:-6px;position:relative;z-index:1}.cc-yearly-note i{font-size:9px}.cc-features{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--cc-line);position:relative;z-index:1}.cc-features-label{font-size:9.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cc-fg-3)}.cc-features-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.cc-features-list li{font-size:13px;color:var(--cc-fg-2);display:flex;align-items:center;gap:11px;line-height:1.35}.cc-features-list li i{font-size:10.5px;color:var(--cc-accent);width:14px;text-align:center;flex-shrink:0;opacity:.85}.cc-features-blurb{margin:0;font-size:13px;line-height:1.55;color:var(--cc-fg-2)}.cc-features-blurb strong{color:var(--cc-fg);font-weight:700}.cc-summary{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid var(--cc-line);position:relative;z-index:1}.cc-summary-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--cc-fg-2)}.cc-summary-row.sub{color:var(--cc-fg-3);font-weight:500}.cc-summary-row.total{padding-top:12px;border-top:1px dashed var(--cc-line);margin-top:4px;font-weight:700;color:var(--cc-fg);font-size:14.5px}.cc-summary-amount{font-weight:800;letter-spacing:-.5px}.cc-trust{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:14px;row-gap:10px;font-size:11px;color:var(--cc-fg-3);padding-top:14px;margin-top:4px;position:relative;z-index:1}.cc-trust-item{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;line-height:1.2}.cc-trust-item i{font-size:10px;color:#22c55e;opacity:.9;flex-shrink:0}.cc-trust-break{flex-basis:100%;width:100%;height:0;margin:4px 0 2px;border-top:1px dashed var(--cc-line)}.cc-trust-sep{display:none}body.dark-mode .custom-checkout-left{--cc-line: rgba(255, 255, 255, .08);--cc-bg: #161616}body.dark-mode .custom-checkout-left[data-plan=free]{--cc-accent-soft: rgba(34, 197, 94, .18)}body.dark-mode .custom-checkout-left[data-plan=plus]{--cc-accent-soft: rgba(59, 130, 246, .18)}body.dark-mode .custom-checkout-left[data-plan=pro]{--cc-accent-soft: rgba(168, 85, 247, .2)}body.dark-mode .custom-checkout-left[data-plan=business]{--cc-accent-soft: rgba(249, 115, 22, .18)}@media(max-width:1100px){.custom-checkout-body{grid-template-columns:340px 1fr}.custom-checkout-left{padding:30px 26px 24px;gap:20px}.cc-price-amount{font-size:38px}}@media(max-width:900px){.custom-checkout-body{grid-template-columns:320px 1fr}.custom-checkout-left{padding:26px 22px 22px;gap:18px}.cc-price-amount{font-size:34px;letter-spacing:-1.4px}.cc-price-currency,.cc-price-frac{font-size:18px}.cc-plan-name{font-size:16px}}@media(max-width:700px){.custom-checkout-left{padding:24px 20px 20px;gap:16px;border-right:none;border-bottom:1px solid var(--cc-line)}.custom-checkout-left:after{width:160px;height:160px;top:-50px;right:-50px}.cc-price-amount{font-size:32px;letter-spacing:-1.2px}.cc-features-list li{font-size:12.5px}.cc-trust{font-size:10px;gap:4px}}@media(max-width:480px){.custom-checkout-left{padding:20px 16px 18px;gap:14px}.cc-plan-icon{width:34px;height:34px;font-size:13px}.cc-plan-name{font-size:15px}.cc-plan-tag{font-size:9px}.cc-price-amount{font-size:28px;letter-spacing:-1px}.cc-price-currency,.cc-price-frac{font-size:16px;margin-top:4px}.cc-price-period{font-size:11px}.cc-features-list{gap:7px}.cc-features-list li{font-size:12px;gap:9px}.cc-summary-row{font-size:12px}.cc-summary-row.total{font-size:13.5px}.cc-trust{font-size:9.5px;gap:4px;padding-top:10px}.cc-trust-item{gap:3px}.cc-trust-item i{font-size:9px}}@media(max-width:360px){.cc-trust{grid-template-columns:repeat(2,1fr);gap:8px 6px}}.custom-checkout-plan-badge{width:54px;height:54px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-bottom:14px}.custom-checkout-plan-name{font-size:18px;font-weight:700;color:var(--ink, #111);margin:0 0 16px;letter-spacing:-.01em}.custom-checkout-price-block{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.custom-checkout-price-main{display:flex;align-items:baseline;gap:6px}.custom-checkout-price-amount{font-size:28px;font-weight:800;color:var(--ink, #111);letter-spacing:-.03em}.custom-checkout-price-period{font-size:12px;color:var(--ink-3, #999);font-weight:500}.custom-checkout-summary{display:flex;flex-direction:column;gap:0;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.custom-checkout-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12.5px;font-weight:500;color:var(--ink, #111)}.custom-checkout-summary-row.sub{color:var(--ink-3, #888);font-weight:400}.custom-checkout-summary-row.total{margin-top:6px;padding-top:10px;border-top:1px solid var(--border-color, #e0e0e0);font-weight:700;font-size:13px}.custom-checkout-tax-note{font-style:italic;font-size:11px}.custom-checkout-features{flex:1}.custom-checkout-features-title{font-size:11px;font-weight:600;color:var(--ink-3, #999);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.custom-checkout-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.custom-checkout-features li{font-size:12px;color:var(--ink-2, #666);display:flex;align-items:center;gap:8px;line-height:1.3}.custom-checkout-features li i{font-size:10px;color:var(--green-accent, #4CAF50);width:14px;text-align:center;flex-shrink:0}.checkout-plan-plus .custom-checkout-features li i{color:#3b82f6}.checkout-plan-pro .custom-checkout-features li i{color:#a855f7}.checkout-plan-business .custom-checkout-features li i{color:#f59e0b}.custom-checkout-features li img{width:14px;height:14px;flex-shrink:0}.custom-checkout-trust{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;gap:8px}.checkout-trust-badge{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--green-accent, #4CAF50)}.checkout-trust-badge i{font-size:11px;width:14px;text-align:center;color:var(--green-accent, #4CAF50);flex-shrink:0}@media(max-width:768px){.custom-checkout-trust{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 14px}.checkout-trust-badge{font-size:10px;gap:5px}}.custom-checkout-right{position:relative;min-height:520px}.cc-secure{width:100%;height:100%;min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:32px 32px 28px;box-sizing:border-box;gap:18px;position:relative;overflow:hidden}.cc-secure:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.06),transparent 60%),radial-gradient(circle at 100% 100%,rgba(59,130,246,.05),transparent 60%);pointer-events:none;z-index:0}.cc-secure>*{position:relative;z-index:1}.cc-secure-head{display:flex;flex-direction:column;gap:8px}.cc-secure-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:999px;color:#22c55e;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cc-secure-badge i{font-size:9.5px}.cc-secure-title{margin:4px 0 0;font-size:19px;font-weight:800;color:var(--ink, #1a1a1a);letter-spacing:-.3px;line-height:1.25}.cc-secure-sub{margin:0;font-size:12.5px;line-height:1.55;color:var(--ink-2, #6b7280);max-width:420px}.cc-secure-points{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.cc-secure-points li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2, #555);line-height:1.4}.cc-secure-points li i{width:14px;text-align:center;color:#22c55e;font-size:11px;flex-shrink:0}.cc-secure-points li strong{color:var(--ink, #1a1a1a);font-weight:700}.cc-secure-cta{margin-top:10px;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:1.5px solid transparent;background:linear-gradient(var(--card, #fff),var(--card, #fff)) padding-box,linear-gradient(135deg,#22c55e,#4ade80,#a3e635) border-box;background-clip:padding-box,border-box;border-radius:12px;font-size:13px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.1px;color:inherit;-webkit-text-fill-color:initial;cursor:pointer;white-space:nowrap;transition:filter .18s ease,transform .18s ease;position:relative;overflow:hidden}.cc-secure-cta i,.cc-secure-cta .cc-secure-cta-label{font-size:13px;background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.cc-secure-cta i{font-size:11px}.cc-secure-cta:after{display:none}.cc-secure-cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.15) drop-shadow(0 0 6px rgba(34,197,94,.35))}.cc-secure-cta:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.cc-secure-cta:disabled,.cc-secure-cta.loading{opacity:.75;cursor:progress;filter:saturate(.85)}.cc-secure-cta.loading i{animation:ccSecureSpin .8s linear infinite}@keyframes ccSecureSpin{to{transform:rotate(360deg)}}body.dark-mode .cc-secure-title{color:#f5f5f5}body.dark-mode .cc-secure-sub{color:#aaa}body.dark-mode .cc-secure-points li{color:#c5c5c5}body.dark-mode .cc-secure-points li strong{color:#f5f5f5}body.dark-mode .cc-secure-cta{box-shadow:none}body.dark-mode .cc-secure-cta:hover:not(:disabled){box-shadow:none}@media(prefers-reduced-motion:reduce){.cc-secure-cta{transition:none}.cc-secure-cta.loading i{animation:none}}@media(max-width:1100px){.custom-checkout-card{width:980px;max-width:96vw}}@media(max-width:900px){.custom-checkout-card{width:820px}}@media(max-width:700px){.cc-secure{min-height:0;padding:22px 20px 20px;gap:14px}.cc-secure-title{font-size:17px}.cc-secure-sub,.cc-secure-points li{font-size:12px}.cc-secure-cta{padding:12px 18px;font-size:13.5px}}@media(max-width:700px){.custom-checkout-card{width:96vw;max-height:92vh}.custom-checkout-body{grid-template-columns:1fr;min-height:0}.custom-checkout-right{min-height:0}.cc-features{display:flex!important}}@media(max-width:360px){.custom-checkout-card{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;border-left:none;border-right:none}.custom-checkout-overlay{padding:0}.cc-price-amount{font-size:36px;letter-spacing:-1.3px}.cc-price-currency,.cc-price-frac{font-size:17px;margin-top:5px}.cc-features-list li{font-size:11.5px;gap:8px}.cc-summary-row{font-size:11.5px}.cc-summary-row.total{font-size:13px}.cc-secure{min-height:0;padding:16px 14px 14px;gap:12px}.cc-secure-title{font-size:16px}.cc-secure-sub,.cc-secure-points li{font-size:11.5px}}@media(max-height:500px)and (orientation:landscape){.custom-checkout-card{max-height:96vh}.custom-checkout-left{padding:16px 18px;gap:12px}.cc-price-amount{font-size:36px}.cc-features-list{gap:6px}.cc-features-list li{font-size:11.5px}.cc-secure{min-height:0;padding:16px 18px;gap:12px}.cc-secure-cta{padding:10px 16px;font-size:13px}.custom-checkout-right{min-height:0}}@media(max-width:480px){.checkout-popup-content{width:96vw;padding:20px 14px;border-radius:16px}.checkout-popup-content h2{font-size:18px}.pricing-card{padding:16px}.pricing-card h3{font-size:16px}.price-amount{font-size:28px}}.dark-mode .custom-checkout-card{background:var(--card, #1a1a1a);border-color:#ffffff0f;box-shadow:0 24px 80px #0009}.dark-mode .custom-checkout-close{background:#ffffff14;color:#888}.dark-mode .custom-checkout-close:hover{background:#ef44441f;color:#ef4444}.dark-mode .custom-checkout-left{border-right-color:#ffffff0f}.dark-mode .custom-checkout-price-block,.dark-mode .custom-checkout-summary{border-bottom-color:#ffffff0f}.dark-mode .custom-checkout-summary-row.total,.dark-mode .custom-checkout-trust{border-top-color:#ffffff0f}.downgrade-icon-wrap{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.downgrade-icon-wrap i{font-size:22px;color:#fff}.downgrade-warning-box{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;margin-top:14px;text-align:left}.downgrade-warning-box>i{color:#f59e0b;font-size:18px;margin-top:2px;flex-shrink:0}.downgrade-warning-box strong{font-size:13px;color:#f59e0b;display:block;margin-bottom:4px}.downgrade-warning-box p{font-size:12px;color:var(--ink-2, #888);line-height:1.5;margin:0}.downgrade-summary{margin-top:16px;border:1px solid var(--border-color, #e0e0e0);border-radius:10px;overflow:hidden}.downgrade-summary-row{display:flex;justify-content:space-between;padding:10px 16px;font-size:13px;color:var(--ink-2, #888);border-bottom:1px solid var(--border-color, #e0e0e0)}.downgrade-summary-row:last-child{border-bottom:none}.downgrade-summary-row span.over{color:#ef4444;font-weight:600}.downgrade-confirm-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.downgrade-confirm-btn:hover{opacity:.9}.dark-mode .downgrade-warning-box{background:#f59e0b0f;border-color:#f59e0b26}.dark-mode .downgrade-summary{border-color:#ffffff0f}.dark-mode .downgrade-summary-row{border-bottom-color:#ffffff0f}.cleanup-popup-overlay{z-index:99999999!important;overflow-y:auto!important}.cleanup-popup-content{max-width:520px!important;max-height:calc(100vh - 40px);overflow-y:auto;text-align:left!important}.cleanup-header{text-align:center;margin-bottom:18px}.cleanup-icon-wrap{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.cleanup-icon-wrap i{font-size:20px;color:#fff}.cleanup-header h3{font-size:20px;font-weight:700;margin:0 0 6px;color:var(--ink, #222)}.cleanup-header p{font-size:13px;color:var(--ink-2, #888);margin:0;line-height:1.5}.cleanup-progress{margin-bottom:16px}.cleanup-progress-label{font-size:12px;font-weight:600;color:var(--ink, #333);margin-bottom:6px;display:flex;align-items:center;gap:6px}.cleanup-progress-label i{font-size:11px;color:var(--ink-2, #888)}.cleanup-progress-fill.ai-bar{background:linear-gradient(90deg,#f59e0b,#8b5cf6)}.cleanup-progress-bar{width:100%;height:6px;border-radius:3px;background:var(--bg-2, #eee);overflow:hidden}.cleanup-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#f59e0b,#22c55e);transition:width .4s ease}.cleanup-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink-2, #888);margin-top:8px;gap:12px}.cleanup-remaining{color:#ef4444;font-weight:600;white-space:nowrap}.cleanup-done{color:#22c55e;font-weight:600;white-space:nowrap}.cleanup-page-link{color:#ef4444}.cleanup-model-list{max-height:140px;overflow-y:auto;border:1px solid var(--border-color, #e0e0e0);border-radius:10px;margin-bottom:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.cleanup-model-list::-webkit-scrollbar{width:6px}.cleanup-model-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.cleanup-model-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background .2s}.cleanup-model-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.cleanup-model-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color, #eee);transition:all .3s ease}.cleanup-model-item:last-child{border-bottom:none}.cleanup-model-item.cleanup-item-removing{opacity:0;max-height:0;padding:0 14px;overflow:hidden}.cleanup-model-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.cleanup-model-info>i{font-size:16px;color:var(--ink-3, #aaa);flex-shrink:0}.cleanup-model-name{font-size:13px;font-weight:600;color:var(--ink, #222);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cleanup-model-meta{font-size:11px;color:var(--ink-3, #aaa)}.cleanup-model-pages{font-size:10px;color:#f59e0b;margin-top:2px;display:flex;align-items:center;gap:4px}.cleanup-model-pages i{font-size:9px}.cleanup-page-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#f59e0b;line-height:1.5}.cleanup-page-warning i{font-size:14px;margin-top:2px;flex-shrink:0}.cleanup-delete-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:#ef44440f;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s;flex-shrink:0}.cleanup-delete-btn:hover{background:#ef444426;border-color:#ef444459}.cleanup-continue-btn{width:100%;padding:10px;border:none;border-radius:8px;font-weight:600;font-size:12.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.cleanup-continue-btn.ready{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.cleanup-continue-btn.ready:hover{opacity:.9}.cleanup-continue-btn.disabled{background:var(--bg-2, #eee);color:var(--ink-3, #aaa);cursor:not-allowed}.cleanup-or-divider{text-align:center;margin:4px 0;font-size:10px;font-weight:500;color:var(--ink-4, #bbb)}.cleanup-upgrade-btn{width:100%;padding:10px;border:none;border-radius:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600;font-size:12.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.cleanup-upgrade-btn:hover{opacity:.9}.dark-mode .cleanup-header h3{color:#fff}.dark-mode .cleanup-progress-bar{background:#ffffff0f}.dark-mode .cleanup-model-list{border-color:#ffffff0f}.dark-mode .cleanup-model-item{border-bottom-color:#ffffff0f}.dark-mode .cleanup-model-name{color:#fff}.dark-mode .cleanup-delete-btn{border-color:#ef444426;background:#ef444414}.dark-mode .cleanup-delete-btn:hover{background:#ef444433}.dark-mode .cleanup-continue-btn.disabled{background:#ffffff0f;color:#666}.dark-mode .cleanup-page-warning{background:#f59e0b0f;border-color:#f59e0b26}.dark-mode .cleanup-model-pages{color:#f59e0b}.grace-popup-overlay{z-index:99999998!important}.grace-popup-content{max-width:440px!important;text-align:center!important;position:relative;padding:32px 36px!important}.grace-close-btn{position:absolute;top:14px;right:14px;background:#0000000f;border:none;color:var(--ink-3, #aaa);font-size:14px;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(4px)}.grace-close-btn:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.grace-icon-wrap{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.grace-icon-wrap i{font-size:22px;color:#fff}.grace-title{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--ink, #222)}.grace-desc{font-size:14px;color:var(--ink-2, #666);line-height:1.6;margin:0 0 20px}.grace-countdown{display:flex;align-items:center;justify-content:center;gap:4px;padding:14px 20px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:12px;margin:0 auto 12px;font-size:18px;font-weight:600;color:#ef4444;font-family:Courier New,monospace}.grace-time-unit b{font-size:22px}.grace-time-sep{opacity:.5}.grace-subdesc{font-size:12px;color:var(--ink-3, #999);margin:0 0 20px}.grace-actions{display:flex;flex-direction:column;gap:8px;width:100%}.grace-update-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.grace-update-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.grace-dismiss-btn{width:100%;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--ink-3, #999);font-size:13px;cursor:pointer;transition:color .2s}.grace-dismiss-btn:hover{color:var(--ink, #222)}.dark-mode .grace-close-btn{background:#ffffff14}.dark-mode .grace-close-btn:hover{background:#ef44441f;color:#ef4444}.dark-mode .grace-title{color:#f0f0f0}.dark-mode .grace-desc{color:#aaa}.dark-mode .grace-subdesc{color:#777}.dark-mode .grace-countdown{background:#ef44441a;border-color:#ef444433}.dark-mode .grace-dismiss-btn:hover{color:#f0f0f0}.grace-banner{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:9000;max-width:640px;width:calc(100% - 32px);font-family:var(--font, "Inter", sans-serif);animation:graceBannerIn .3s cubic-bezier(.16,1,.3,1)}@keyframes graceBannerIn{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.grace-banner-main{display:flex;align-items:center;gap:12px;padding:11px 12px 11px 16px;background:var(--card, #fff);color:var(--ink, #222);border:1px solid rgba(239,68,68,.3);border-left:4px solid #ef4444;border-radius:14px;box-shadow:0 16px 44px -12px #0000004d}.grace-banner.collapsed .grace-banner-main,.grace-banner-expand{display:none}.grace-banner.collapsed .grace-banner-expand{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:9px 16px;background:#ef4444;color:#fff;border:none;border-radius:30px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px -6px #ef44448c;transition:filter .15s,transform .12s}.grace-banner.collapsed .grace-banner-expand:hover{filter:brightness(1.07)}.grace-banner.collapsed .grace-banner-expand:active{transform:scale(.97)}.grace-banner-ico{color:#ef4444;font-size:18px;flex-shrink:0}.grace-banner-text{flex:1;min-width:0;font-size:13px;line-height:1.45;color:var(--ink, #222)}.grace-banner-count{font-size:12px;font-weight:700;color:#ef4444;white-space:nowrap}.grace-banner-cta{flex-shrink:0;padding:9px 14px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:filter .15s,transform .12s}.grace-banner-cta:hover{filter:brightness(1.07)}.grace-banner-cta:active{transform:scale(.98)}.grace-banner-collapse{flex-shrink:0;width:30px;height:30px;border:none;border-radius:8px;background:#0000000d;color:var(--ink-2, #666);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.grace-banner-collapse:hover{background:#00000017}body.dark-mode .grace-banner-main{background:var(--card, #1a1a1a);box-shadow:0 16px 44px -12px #0009}body.dark-mode .grace-banner-collapse{background:#ffffff12;color:#fff9}body.dark-mode .grace-banner-collapse:hover{background:#ffffff1f}@media(max-width:560px){.grace-banner{bottom:12px;width:calc(100% - 16px)}.grace-banner-main{flex-wrap:wrap;padding:12px}.grace-banner-text{flex-basis:100%}.grace-banner-cta{flex:1;justify-content:center}}.popover-grace-warning{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ef44440f;border-top:1px solid rgba(239,68,68,.12);border-bottom:1px solid rgba(239,68,68,.12)}.popover-grace-warning.hidden{display:none}.popover-grace-warning>i{color:#ef4444;font-size:14px;flex-shrink:0}.popover-grace-info{display:flex;flex-direction:column;gap:2px;min-width:0}.popover-grace-label{font-size:11px;font-weight:700;color:#ef4444;text-transform:uppercase;letter-spacing:.03em}.popover-grace-countdown{font-size:12px;color:var(--ink-2, #888);font-weight:500}.dark-mode .popover-grace-warning{background:#ef444414;border-color:#ef444426}.dark-mode .popover-grace-countdown{color:#aaa}.cleanup-auto-timer{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;margin-top:10px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:8px;font-size:12px;color:#ef4444;font-weight:600}.cleanup-auto-timer i{font-size:13px;animation:cleanupPulse 2s ease-in-out infinite}@keyframes cleanupPulse{0%,to{opacity:1}50%{opacity:.5}}.dark-mode .cleanup-auto-timer{background:#ef44441a;border-color:#ef444433}.models-right.hidden,#viewerSection.hidden,#pageViewerSection.hidden{display:none!important}@media(max-width:600px){.pages-right-controls{max-height:none!important;height:auto;order:3}.pages-right-controls .share-container{padding:12px}.pages-right-controls .share-container h3{font-size:14px}.pages-right-controls .share-container h4{font-size:12px}.pages-right-controls .embed-box,.pages-right-controls .link-box,.pages-right-controls .qr-box{margin-bottom:8px}.pages-right-controls .editor-btn-action{font-size:11px;padding:8px 12px}.design-row{gap:3px;padding:3px 4px;flex-wrap:wrap}.design-group{gap:4px;min-height:28px;flex-wrap:wrap}.design-label{font-size:8px;letter-spacing:0}input[type=range].design-slider{width:24px}.design-btn-small,.design-btn{padding:3px 4px;font-size:10px}.design-toolbar-group{gap:1px;flex-wrap:wrap}}@media(max-width:480px){.pages-right-controls .share-container{padding:8px}.pages-right-controls .model-name-controls{flex-wrap:wrap;gap:4px;padding:4px;width:100%}.design-row{gap:2px;padding:2px 3px}.design-label{font-size:7px}input[type=range].design-slider{width:20px}}.welcome-popup{background:#fffffff5;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:40px 36px 28px;max-width:min(440px,88vw);width:100%;text-align:center;position:relative;overflow:hidden;font-family:var(--font);color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:0;box-shadow:0 0 0 1px #0000000a,0 8px 40px #0000001f,0 24px 80px #00000014;animation:welcomePopIn .5s cubic-bezier(.34,1.56,.64,1);transition:opacity .35s ease,transform .35s ease}@keyframes welcomePopIn{0%{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}#welcomeModal{transition:opacity .35s ease}#welcomeModal.welcome-closing{opacity:0;pointer-events:none}#welcomeModal.welcome-closing .welcome-popup{opacity:0;transform:scale(.92) translateY(10px)}.welcome-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;z-index:0}.welcome-orb-1{width:200px;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);top:-80px;right:-60px;animation:welcomeOrbFloat 8s ease-in-out infinite}.welcome-orb-2{width:160px;height:160px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-60px;left:-40px;animation:welcomeOrbFloat 10s ease-in-out infinite reverse}.welcome-orb-3{width:120px;height:120px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:40%;left:-30px;animation:welcomeOrbFloat 12s ease-in-out infinite 2s}@keyframes welcomeOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,-10px) scale(1.05)}66%{transform:translate(-10px,12px) scale(.95)}}.welcome-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid rgba(99,102,241,.15);font-size:11px;font-weight:600;color:#6366f1;letter-spacing:.3px;text-transform:uppercase;margin-bottom:20px}.welcome-badge i{font-size:10px}.welcome-slides{position:relative;z-index:1;width:100%;min-height:280px;display:flex;align-items:center;justify-content:center}.welcome-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;transform:translate(40px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.welcome-slide.active{position:relative;opacity:1;transform:translate(0);pointer-events:auto}.welcome-slide.slide-exit-left{opacity:0;transform:translate(-40px)}.welcome-illustration{position:relative;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;background:radial-gradient(circle at 32% 28%,var(--wi-soft),var(--wi-faint) 65%),#0a0a0a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--wi-border);box-shadow:inset 0 0 1px var(--wi-shadow),0 0 28px var(--wi-shadow-mid),0 0 64px var(--wi-shadow),inset 0 0 22px var(--wi-shadow),inset 0 0 1px #ffffff0a;animation:heroFadeUp 1.1s cubic-bezier(.16,1,.3,1) 60ms forwards,wiHeroBreathe 4s ease-in-out 1.3s infinite;isolation:isolate;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:visible}.welcome-illustration>i{position:relative;z-index:1;font-size:1.55rem;filter:drop-shadow(0 0 5px var(--wi-icon-glow))}.wi-ring,.wi-ring-2{display:none}.wi-welcome{--wi-soft: rgba(251,191,36,.18);--wi-faint: rgba(251,191,36,.04);--wi-border: rgba(251,191,36,.22);--wi-shadow: rgba(251,191,36,.06);--wi-shadow-mid: rgba(251,191,36,.18);--wi-shadow-strong: rgba(251,191,36,.32);--wi-icon-glow: rgba(251,191,36,.55)}.wi-welcome>i{color:#f59e0b}.wi-upload{--wi-soft: rgba(59,130,246,.18);--wi-faint: rgba(59,130,246,.04);--wi-border: rgba(59,130,246,.22);--wi-shadow: rgba(59,130,246,.06);--wi-shadow-mid: rgba(59,130,246,.18);--wi-shadow-strong: rgba(59,130,246,.32);--wi-icon-glow: rgba(59,130,246,.55)}.wi-upload>i{color:#3b82f6}.wi-customize{--wi-soft: rgba(168,85,247,.18);--wi-faint: rgba(168,85,247,.04);--wi-border: rgba(168,85,247,.22);--wi-shadow: rgba(168,85,247,.06);--wi-shadow-mid: rgba(168,85,247,.18);--wi-shadow-strong: rgba(168,85,247,.32);--wi-icon-glow: rgba(168,85,247,.55)}.wi-customize>i{color:#a855f7}.wi-golive{--wi-soft: rgba(74,222,128,.18);--wi-faint: rgba(34,197,94,.04);--wi-border: rgba(74,222,128,.22);--wi-shadow: rgba(34,197,94,.06);--wi-shadow-mid: rgba(34,197,94,.18);--wi-shadow-strong: rgba(34,197,94,.32);--wi-icon-glow: rgba(74,222,128,.55)}.wi-golive>i{color:#22c55e}@keyframes wiHeroBreathe{0%,to{box-shadow:inset 0 0 1px var(--wi-shadow),0 0 28px var(--wi-shadow-mid),0 0 64px var(--wi-shadow),inset 0 0 22px var(--wi-shadow),inset 0 0 1px #ffffff0a}50%{box-shadow:inset 0 0 1px var(--wi-shadow),0 0 38px var(--wi-shadow-strong),0 0 88px var(--wi-shadow-mid),inset 0 0 28px var(--wi-shadow-mid),inset 0 0 1px #ffffff0f}}.welcome-title{font-size:24px;font-weight:800;color:var(--ink);margin:0;letter-spacing:-.4px;line-height:1.2}.welcome-gradient-text{color:inherit;font-weight:800}.welcome-desc{font-size:14px;color:var(--ink-2);line-height:1.65;margin:0;max-width:min(320px,85vw)}.welcome-features{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:4px}.welcome-feature-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:var(--ink-4);font-size:11px;font-weight:600;color:var(--ink-2);letter-spacing:.2px;transition:background .2s,color .2s}.welcome-feature-tag i{font-size:10px;color:#22c55e;opacity:1}.welcome-progress-wrap{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin:16px 0 20px}.welcome-step-dots{display:flex;gap:8px;justify-content:center}.welcome-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-4);transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.welcome-dot:hover{background:var(--ink-3)}.welcome-dot.active{width:28px;border-radius:4px;background:linear-gradient(135deg,#6366f1,#a855f7)}.welcome-progress-bar{width:100%;max-width:200px;height:3px;border-radius:3px;background:var(--ink-4);overflow:hidden}.welcome-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);transition:width .5s cubic-bezier(.4,0,.2,1);width:25%}.welcome-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;width:100%;max-width:280px}.welcome-btn-primary{width:100%;padding:13px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;font-family:var(--font);box-shadow:0 4px 16px #6366f14d;letter-spacing:.2px}.welcome-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.welcome-btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #6366f140}.welcome-btn-primary.btn-get-started{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e4d}.welcome-btn-primary.btn-get-started:hover{box-shadow:0 6px 24px #22c55e66}.welcome-btn-skip{position:relative;z-index:1;width:auto;padding:8px 16px;border-radius:12px;border:none;background:transparent;color:var(--ink-3);font-size:11px;cursor:pointer;transition:color .2s;font-family:var(--font);margin-top:6px}.welcome-btn-skip:hover{color:var(--ink)}.dark-mode .welcome-popup{background:#1e1e24f5;border-color:#ffffff14}.dark-mode .welcome-orb{opacity:.15}.dark-mode .welcome-badge{background:transparent;border-color:transparent;color:#818cf8}.dark-mode .welcome-feature-tag{background:#ffffff0f;color:var(--ink-2)}.dark-mode .welcome-dot{background:#ffffff1f}.dark-mode .welcome-dot:hover{background:#fff3}.dark-mode .welcome-progress-bar{background:#ffffff14}@media(max-width:480px){.welcome-popup{padding:32px 24px 22px;border-radius:20px}.welcome-illustration{width:72px;height:72px}.welcome-illustration>i{font-size:26px}.welcome-title{font-size:20px}.welcome-desc{font-size:13px}.welcome-features{gap:4px}.welcome-feature-tag{font-size:10px;padding:3px 8px}.welcome-slides{min-height:240px}}@media(max-width:360px){.welcome-popup-content{padding:24px 16px 18px}.welcome-illustration{width:56px;height:56px}.welcome-popup-content h2{font-size:17px}.welcome-popup-content p{font-size:12px}.welcome-popup-actions .auth-btn{padding:10px 18px;font-size:12px}}.contact-popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999999;backdrop-filter:blur(6px);animation:fadeIn .25s ease}.contact-popup-overlay.hidden{display:none}.contact-popup-overlay.contact-closing{animation:fadeOut .25s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.contact-popup-card{background:var(--bg, #fff);border:1px solid var(--ink-4, #e0e0e0);border-radius:20px;padding:40px 36px 32px;max-width:min(660px,94vw);width:94vw;position:relative;animation:scaleIn .25s ease-out;box-shadow:0 24px 48px -12px #0000002e,0 0 0 1px #0000000d}.contact-popup-header{text-align:center;margin-bottom:28px}.contact-popup-icon{width:56px;height:56px;border-radius:16px;background:#4ade801a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.contact-popup-icon i{font-size:24px;color:var(--green-accent, #4ade80)}.contact-popup-header h2{font-size:22px;font-weight:700;color:var(--ink, #111);margin:0 0 6px}.contact-popup-header p{font-size:14px;color:var(--ink-2, #888);margin:0}.contact-popup-card .contact-grid{gap:14px;margin-bottom:18px}.contact-popup-card .contact-card{background:var(--card, #fff);border:1px solid var(--ink-4, #e5e5e5);border-radius:14px;padding:18px 20px;gap:14px;transition:all .25s ease}.contact-popup-card .contact-card-body{flex:1;min-width:0}.contact-popup-card .contact-card-body p{word-break:break-word;overflow-wrap:break-word}.contact-popup-card .contact-card:hover{border-color:var(--green-accent, #4ade80);box-shadow:0 6px 20px #4ade801f;transform:translateY(-1px)}.contact-popup-card .contact-card-icon{width:42px;height:42px;border-radius:12px}.contact-popup-card .contact-hint{background:var(--card, #f9f9f9);border:1px solid var(--ink-4, #e5e5e5);border-radius:10px;padding:10px 14px;font-size:12.5px}.dark-mode .contact-popup-card{background:var(--background-color-popup-darkmode);border-color:var(--border-color-dark, #1c1c1c);box-shadow:0 24px 48px -12px #00000080,0 0 0 1px #ffffff0f}.dark-mode .contact-popup-card .contact-card{background:var(--card, #1a1a1a);border-color:var(--border-color-dark, #2a2a2a)}.dark-mode .contact-popup-card .contact-card:hover{border-color:var(--green-accent, #4ade80);box-shadow:0 6px 20px #4ade8014}.dark-mode .contact-popup-card .contact-hint{background:var(--card, #1a1a1a);border-color:var(--border-color-dark, #2a2a2a)}@media(max-width:600px){.contact-popup-card{padding:32px 20px 24px;border-radius:16px}.contact-popup-header h2{font-size:20px}.contact-popup-card .contact-grid{grid-template-columns:1fr}}@media(max-width:480px){.contact-popup-content{padding:24px 16px;max-width:96vw}.contact-popup-content .popup-header h2{font-size:17px}.contact-popup-content .popup-header p{font-size:12px}.contact-option-card{padding:14px}.contact-option-card h3{font-size:13px}.contact-option-card p{font-size:11px}}.bug-report-popup{background:var(--card);border:1px solid var(--analytics-border);border-radius:16px;padding:32px 32px 28px;max-width:640px;width:92vw;max-height:90vh;overflow-y:auto;position:relative;animation:fadeIn .3s ease;font-family:var(--font);color:var(--ink);transition:opacity .3s ease,transform .3s ease;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.bug-report-popup::-webkit-scrollbar{width:6px}.bug-report-popup::-webkit-scrollbar-track{background:transparent}.bug-report-popup::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.bug-report-popup::-webkit-scrollbar-thumb:hover{background:#00000040}#bugReportModal{transition:opacity .35s ease}#bugReportModal.bug-closing{opacity:0;pointer-events:none}#bugReportModal.bug-closing .bug-report-popup{opacity:0;transform:scale(.95)}.bug-report-header{text-align:center;margin-bottom:22px}.bug-report-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ef44441f,#f973161f);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative}.bug-report-icon:after{content:"";position:absolute;inset:-3px;border-radius:17px;background:linear-gradient(135deg,#ef444414,#f973160a);z-index:-1}.bug-report-icon i{font-size:24px;color:#ef4444}.bug-report-title{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 6px}.bug-report-subtitle{font-size:14px;color:var(--ink-3);margin:0;line-height:1.5}.bug-report-form{display:flex;flex-direction:column;gap:16px}.bug-form-row{display:flex;gap:14px}.bug-field-grow{flex:1;min-width:0}.bug-field-fixed{width:170px;flex-shrink:0}@media(max-width:520px){.bug-form-row{flex-direction:column;gap:16px}.bug-field-fixed{width:100%}}@media(max-width:480px){.bug-report-content{padding:20px 14px;max-width:96vw}.bug-form-row{flex-direction:column;gap:8px}.bug-form-field{width:100%}.bug-form-field input,.bug-form-field select,.bug-form-field textarea{font-size:14px;padding:10px}}.bug-field{display:flex;flex-direction:column;gap:6px}.bug-label{font-size:13px;font-weight:600;color:var(--ink)}.bug-required{color:#ef4444}.bug-optional{color:var(--ink-3);font-weight:400;font-size:12px}.bug-input,.bug-select,.bug-textarea{width:100%;padding:11px 14px;border:1px solid var(--input-border);border-radius:10px;color:var(--ink);font-size:14px;font-family:var(--font);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.bug-input,.bug-textarea{background:var(--input-bg)}.bug-select{background-color:var(--input-bg)}.bug-input:focus,.bug-select:focus,.bug-textarea:focus{border-color:var(--green-accent);box-shadow:0 0 0 3px #4caf5014}.bug-textarea{resize:vertical;min-height:90px;line-height:1.6}.bug-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.bug-select option{background:var(--card);color:var(--ink)}.bug-char-count{font-size:11px;color:var(--ink-3);text-align:right}.bug-upload-zone{border:2px dashed var(--input-border);border-radius:12px;padding:18px 16px;text-align:center;cursor:pointer;transition:all .25s ease;background:var(--bg-2)}.bug-upload-zone:hover{border-color:var(--green-accent);background:#4ade800a;transform:translateY(-1px)}.bug-upload-zone.drag-over{border-color:var(--green-accent);background:#4ade800f;border-style:solid;box-shadow:0 0 0 3px #4ade801a}.bug-upload-zone i{font-size:28px;color:var(--ink-3);margin-bottom:8px;display:block;transition:transform .2s ease}.bug-upload-zone:hover i{transform:translateY(-2px)}.bug-upload-zone p{font-size:13px;color:var(--ink-2);margin:0 0 4px}.bug-upload-browse{color:var(--green-accent);font-weight:600;cursor:pointer}.bug-upload-zone small{font-size:11px;color:var(--ink-3)}.bug-preview-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.bug-preview-item{width:80px;height:80px;border-radius:10px;position:relative;overflow:hidden;border:1px solid var(--border-color);transition:all .2s ease}.bug-preview-item:hover{border-color:var(--green-accent);box-shadow:0 2px 8px #0000001a}.bug-preview-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.bug-preview-item:hover img{transform:scale(1.05)}.bug-preview-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:0}.bug-preview-item:hover .bug-preview-remove{opacity:1}.bug-preview-remove:hover{background:#ef4444;transform:scale(1.1)}.bug-submit-btn{width:100%;padding:13px 0;background:var(--green-accent);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:8px;position:relative;overflow:hidden}.bug-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s ease}.bug-submit-btn:hover:before{opacity:1}.bug-submit-btn:hover{box-shadow:0 4px 14px #4caf504d;transform:translateY(-1px)}.bug-submit-btn:active{transform:scale(.97) translateY(0);box-shadow:none}.bug-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.bug-submit-btn:disabled:before{display:none}.bug-close-btn{width:32px;height:32px;border-radius:10px;background:#0000000f;border:none;color:var(--ink-3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;backdrop-filter:blur(4px)}.dark-mode .bug-close-btn{background:#ffffff14}.bug-close-btn:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.dark-mode .bug-close-btn:hover{background:#ef44441f;color:#ef4444}.bug-report-success-state{text-align:center;padding:24px 20px;max-width:360px;margin:0 auto;animation:bugSuccessFadeIn .5s ease}@keyframes bugSuccessFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bug-success-icon{width:56px;height:56px;border-radius:50%;background:#4caf501a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:bugSuccessPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bugSuccessPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.bug-success-icon i{font-size:28px;color:var(--green-accent)}.bug-report-success-state .bug-report-title{font-size:20px;margin-bottom:6px}.bug-report-success-state .bug-report-subtitle{font-size:13px;margin-bottom:20px}.bug-done-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 40px;background:var(--green-accent);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .2s ease}.bug-done-btn:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 12px #4caf5040}.bug-done-btn:active{transform:scale(.97)}.bug-top-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.bug-tabs{display:flex;gap:3px;flex:1;min-width:0;max-width:320px;background:var(--bg-2);padding:3px;border-radius:10px}.bug-tab{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink-3);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s ease;font-family:var(--font);white-space:nowrap}.bug-tab.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000014}.bug-tab:hover:not(.active){color:var(--ink-2)}.bug-tab i{font-size:11px}.bug-tab-count{background:var(--green-accent);color:#fff;font-size:10px;padding:1px 6px;border-radius:10px;font-weight:700;line-height:1.4}.bug-panel.hidden{display:none}.my-bugs-list{display:flex;flex-direction:column;gap:8px}.my-bug-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;background:var(--card);transition:all .2s ease}.my-bug-card:hover{border-color:var(--green-accent);box-shadow:0 2px 8px #4caf5014}.my-bug-card-body{flex:1;min-width:0}.my-bug-card-subject{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-bug-card-meta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.my-bug-card-date{font-size:12px;color:var(--ink-3)}.my-bug-card-replies{font-size:11px;color:var(--green-accent);font-weight:600;display:inline-flex;align-items:center;gap:3px}.my-bug-card-arrow{color:var(--ink-3);font-size:14px;transition:transform .2s ease;flex-shrink:0}.my-bug-card:hover .my-bug-card-arrow{transform:translate(3px);color:var(--green-accent)}.bug-user-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.bug-user-status:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.bug-user-status.st-open{background:#3b82f61a;color:#3b82f6}.bug-user-status.st-open:before{background:#3b82f6}.bug-user-status.st-in-progress{background:#f973161a;color:#f97316}.bug-user-status.st-in-progress:before{background:#f97316}.bug-user-status.st-resolved{background:#22c55e1a;color:#22c55e}.bug-user-status.st-resolved:before{background:#22c55e}.bug-user-status.st-closed{background:#94a3b81a;color:#94a3b8}.bug-user-status.st-closed:before{background:#94a3b8}.bug-user-cat{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.bug-user-cat.cat-ui{background:#3b82f61a;color:#60a5fa}.bug-user-cat.cat-performance{background:#f973161a;color:#fb923c}.bug-user-cat.cat-upload{background:#a855f71a;color:#a855f7}.bug-user-cat.cat-viewer{background:#14b8a61a;color:#14b8a6}.bug-user-cat.cat-editor{background:#ec48991a;color:#ec4899}.bug-user-cat.cat-ai{background:#84cc161a;color:#84cc16}.bug-user-cat.cat-other{background:#94a3b81a;color:#94a3b8}.my-bug-detail-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--ink-3);font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;margin-bottom:16px;transition:all .2s ease;font-family:var(--font)}.my-bug-detail-back:hover{background:var(--bg-2);color:var(--ink)}.my-bug-detail-header{margin-bottom:16px}.my-bug-detail-subject{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.3}.my-bug-detail-badges{display:flex;gap:8px;flex-wrap:wrap}.my-bug-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px;background:var(--bg-2);border-radius:12px;margin-bottom:16px}.my-bug-meta-item{display:flex;flex-direction:column;gap:2px}.my-bug-meta-label{font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.3px}.my-bug-meta-value{font-size:13px;color:var(--ink)}.my-bug-section{margin-bottom:16px}.my-bug-description{font-size:14px;line-height:1.7;white-space:pre-wrap;color:var(--ink-2);background:var(--bg-2);padding:14px 16px;border-radius:12px;max-height:200px;overflow-y:auto}.my-bug-screenshots{display:flex;gap:8px;flex-wrap:wrap}.my-bug-screenshot{width:80px;height:60px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;display:block}.my-bug-screenshot:hover{border-color:var(--green-accent);transform:scale(1.05)}.my-bug-screenshot img{width:100%;height:100%;object-fit:cover}.my-bug-replies-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:12px}.my-bug-reply-item{padding:12px 14px;background:var(--bg-2);border-radius:10px;margin-bottom:8px;border-left:3px solid var(--green-accent)}.my-bug-reply-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.my-bug-reply-author{font-size:12px;font-weight:600;color:var(--ink)}.my-bug-reply-date{font-size:11px;color:var(--ink-3)}.my-bug-reply-type{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.my-bug-reply-type.email{background:#3b82f61a;color:#3b82f6}.my-bug-reply-type.platform{background:#a855f71a;color:#a855f7}.my-bug-reply-message{font-size:13px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap}.my-bug-no-replies{text-align:center;padding:24px 16px;color:var(--ink-3);font-size:13px}.my-bugs-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px}.my-bugs-page-btn{padding:6px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--card);color:var(--ink-2);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font)}.my-bugs-page-btn:hover:not(:disabled){border-color:var(--green-accent);color:var(--green-accent)}.my-bugs-page-btn:disabled{opacity:.4;cursor:not-allowed}.my-bugs-page-info{font-size:12px;color:var(--ink-3)}.my-bugs-empty{text-align:center;padding:48px 24px;color:var(--ink-3)}.my-bugs-empty i{font-size:36px;margin-bottom:12px;display:block;opacity:.4}.my-bugs-empty p{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--ink-2)}.my-bugs-empty small{font-size:13px}.bug-success-tracking{font-size:12.5px;color:var(--ink-3);margin-top:14px;line-height:1.6;text-align:center}.bug-success-tracking i{color:var(--green-accent);margin-right:3px}.bug-success-tracking strong{color:var(--ink-2)}.bug-success-actions{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:16px}.bug-view-reports-btn{display:inline-flex;align-items:center;gap:5px;padding:9px 18px;border:1px solid var(--green-accent);border-radius:10px;background:transparent;color:var(--green-accent);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font)}.bug-view-reports-btn:hover{background:#4caf500f}.qr-editor-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.qr-editor-modal{background:var(--bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:480px;box-shadow:0 24px 80px #00000059;overflow:hidden;animation:scaleIn .2s ease-out}.qr-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.qr-editor-header-title{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.qr-editor-close-btn{border:none;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:14px;background:#0000000f;transition:all .2s ease;backdrop-filter:blur(4px)}.dark-mode .qr-editor-close-btn{background:#ffffff14}.qr-editor-close-btn:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.qr-editor-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.qr-editor-row{display:flex;gap:12px;align-items:stretch}.qr-editor-preview-mini{width:120px;min-width:120px;border-radius:10px;background:#fffffff2;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:6px;gap:3px}.qr-mini-title{font-size:7px;font-weight:800;color:#000000d1;display:flex;align-items:center;gap:3px;padding:0 1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qr-mini-icon{width:8px;height:8px;flex-shrink:0;opacity:.9}.qr-mini-close{position:absolute;top:5px;right:5px;font-size:7px;color:#0000004d}.qr-editor-mini-qr{width:100%;aspect-ratio:1;border-radius:6px;background:#0000000a;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-editor-mini-qr img{width:100%;height:100%;object-fit:contain;border-radius:4px}.qr-mini-desc{font-size:5.5px;line-height:1.3;color:#0000008c;text-align:center;padding:0 2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qr-editor-fields{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.qr-field-cell{height:auto!important;padding:8px 10px!important}.qr-field-cell .dt-ar-lbl{font-size:10px}.qr-field-input{width:100%;font-size:12px!important;padding:0!important;height:20px!important;border:none!important;background:transparent!important;color:var(--ink)!important;outline:none;min-width:0}.qr-field-input::placeholder{color:var(--ink-3);opacity:.6}.qr-field-textarea{height:auto!important;resize:none;line-height:1.4;font-family:inherit}.qr-color-grid{grid-template-columns:1fr 1fr 1fr 1fr!important}.qr-color-grid .dt-ar-cell{flex-direction:row!important;align-items:center!important;gap:6px!important;height:36px!important}.qr-color-grid .dt-ar-lbl{order:2;white-space:nowrap}.qr-color-grid .dt-ar-color{order:1;width:22px!important;height:22px!important;min-width:22px!important;flex-shrink:0}.qr-editor-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-top:1px solid var(--border-color)}.qr-editor-btn{padding:9px 24px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:var(--font);display:flex;align-items:center;justify-content:center;gap:6px}.qr-editor-btn-cancel{background:var(--ink-4);color:var(--ink-2)}.qr-editor-btn-cancel i{color:#e53935}.qr-editor-btn-cancel:hover{background:var(--ink-3);color:var(--ink)}.qr-editor-btn-cancel:hover i{color:#c62828}.qr-editor-btn-save{background:var(--green-accent);color:#fff}.qr-editor-btn-save i.fa-solid.fa-check{color:#fff!important}.qr-editor-btn-save:hover{background:#43a047}.dark-mode .qr-editor-modal{border-color:var(--border-color-dark, #1c1c1c)}.dark-mode .qr-editor-header{border-bottom-color:var(--border-color-dark, #1c1c1c)}.dark-mode .qr-editor-footer{border-top-color:var(--border-color-dark, #1c1c1c)}.dark-mode .qr-editor-preview-mini{background:#fffffff2}@media(max-width:480px){.qr-editor-overlay{padding:12px;align-items:flex-end}.qr-editor-modal{max-width:100%;border-radius:16px 16px 0 0}.qr-editor-body{padding:14px}.qr-editor-row{flex-direction:column;align-items:center}.qr-editor-preview-mini{width:80px;height:80px;min-width:80px}.qr-editor-footer{padding:12px 14px}.qr-color-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.models-layout{display:flex;flex-direction:column;gap:4px;height:calc(100vh - 48px);min-height:0;overflow:hidden}.models-layout .models-left{display:contents}#mobileTopBar{display:flex;position:fixed;top:0;left:0;right:0;height:44px;background:var(--bg);border-bottom:1px solid var(--border-color);z-index:200;align-items:center;justify-content:space-between;padding:0 8px;box-sizing:border-box}#mobileTopBar .mobile-top-logo{height:18px;opacity:.85;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.dark-mode #mobileTopBar .mobile-top-logo{filter:invert(1);opacity:1}#mobileTopBar .sidebar-hamburger{position:static;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--green-accent, #4ade80);background:transparent;border:none;border-radius:8px;flex-shrink:0}#mobileTopBar .sidebar-hamburger:hover{background:#ffffff0f}#mobileTopBar #modelActionBox{position:static;width:36px;height:36px;min-height:0;border-radius:8px;padding:0;margin:0;border:none!important;background:transparent;box-shadow:none;overflow:hidden;flex-shrink:0}#mobileTopBar #modelActionBox:hover{background:#ffffff0f}#mobileTopBar #modelActionBox .upload-card,#mobileTopBar #modelActionBox .model-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;cursor:pointer;border:none;background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0;min-height:0;max-height:none;overflow:visible}#mobileTopBar #modelActionBox .save-card{display:none}#mobileTopBar #modelActionBox .upload-card{display:flex}#mobileTopBar #modelActionBox .upload-area-content{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-grow:0;flex-shrink:0;gap:0;padding:0;margin:auto;width:100%;height:100%}#mobileTopBar #modelActionBox .upload-area-content>*:not(i){display:none}#mobileTopBar #modelActionBox .upload-area-content i{font-size:16px;color:var(--green-accent, #4ade80);margin:0;padding:0;line-height:1;display:block;text-align:center;width:auto;height:auto}.dashboard-layout.dashboard-layout{padding-top:48px}.models-layout .viewer-box{order:1;flex:0 0 auto;height:38vh;min-height:200px;max-height:340px;position:relative}#viewerSection .view-mode-container{position:absolute;inset:auto auto 8px 0;transform:none;z-index:20;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:3px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#viewerSection .view-mode-container .view-mode-btn{width:28px;height:28px;font-size:12px;color:#ffffffb3;border-radius:7px}#viewerSection .view-mode-container .view-mode-btn.active{color:#fff;background:#ffffff26}.models-layout .models-right{order:2;flex:1 1 0;min-height:0;max-height:none;height:auto;overflow-y:auto;overflow-x:hidden}.models-layout .tab-content{min-height:0;overflow-y:auto}.models-layout .controls-container{padding:8px;gap:6px}.models-layout .model-viewer-actions{bottom:8px;right:8px}.model-viewer-actions .slider-actions{padding:5px;gap:4px;border-radius:10px}.model-viewer-actions .mva-btn,.model-viewer-actions .toolbar-btn:not(.model-search-container){width:32px;height:32px;min-width:32px}.model-viewer-actions .mva-btn i,.model-viewer-actions .toolbar-btn:not(.model-search-container) i{font-size:12px}.model-viewer-actions .model-search-container{width:32px;min-width:32px;height:32px}.model-viewer-actions .slider-actions.search-active .model-search-container{width:140px}.models-layout .sort-popup{right:0;left:auto}.models-layout .slider-wrapper{order:4;flex:none;width:100%;box-sizing:border-box}.models-layout .model-slider-box{flex:none;height:auto;padding:4px 6px;gap:6px;align-items:center;box-sizing:border-box}.model-slider-box .model-card{width:112px;height:auto;min-width:105px;flex-shrink:0;border-radius:12px;overflow:hidden;padding-top:5px}.model-slider-box .model-card .model-thumb{flex:none;height:78px;border-radius:10px 10px 0 0}.model-slider-box .model-card img{height:100%;width:100%;object-fit:cover}.model-slider-box .model-card .model-meta{flex:none;padding:3px 6px 4px;gap:1px}.model-slider-box .model-card .source-label{font-size:10px;margin-bottom:0;letter-spacing:.3px}.model-slider-box .model-card .model-name{font-size:13px;font-weight:600;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;line-height:1.3;margin-bottom:0}.model-slider-box .model-card .model-meta-line{display:none}.model-slider-box .model-card .info-btn,.model-slider-box .model-card .live-btn{width:20px;height:20px;top:2px;font-size:9px}.model-slider-box .model-card .info-btn{left:2px}.model-slider-box .model-card .live-btn{right:2px}.model-slider-box .model-card .info-btn i,.model-slider-box .model-card .live-btn i{font-size:9px}.models-layout .model-status-bar{order:5;flex:none;position:static;transform:none;left:auto;bottom:auto;width:100%;padding:8px 0;box-sizing:border-box;opacity:1;margin:0;display:flex;justify-content:center;align-items:center}.page-slider-nav{display:none!important}.models-layout.page-designer-mode #pageViewerSection{order:1;flex:0 0 auto;height:24vh;min-height:100px;max-height:200px;overflow:hidden}.models-layout.page-designer-mode .page-design-wrapper{order:2;flex:1 1 0;min-height:0;overflow-y:auto;justify-content:flex-start}.models-layout .pages-right-controls,.share-popup-trigger{display:none}.models-layout.page-designer-mode .share-popup-trigger{order:3;display:flex;flex:0 0 auto;width:100%;justify-content:center}.models-layout.page-designer-mode .model-controls-wrapper{order:4}.models-layout.page-designer-mode .model-slider-box{order:5}.models-layout.page-designer-mode .model-status-bar{order:6}}@media(max-width:768px){.popup-content{padding:28px 24px;max-width:min(300px,92vw);min-width:0}.popup-actions button{min-width:110px;padding:10px 18px;font-size:13px}.popup-icon{font-size:40px}.screenshot-popup-content{padding:28px 24px;max-width:min(640px,92vw)}.cleanup-popup-content{max-width:min(520px,92vw)!important}.cleanup-header h3{font-size:18px}.grace-popup-content{max-width:min(440px,92vw)!important;padding:28px!important}.grace-title{font-size:18px}.grace-countdown{font-size:16px;padding:12px 16px}.payment-pending-popup .popup-content{max-width:min(380px,92vw)}.bug-report-popup{width:auto;max-width:min(420px,88vw);max-height:85vh;border-radius:14px;padding:24px 20px}.bug-close-btn{width:32px;height:32px;font-size:14px}.bug-tabs{max-width:260px}.bug-tab{padding:7px 10px;font-size:11.5px}.bug-form-row{flex-direction:column;gap:12px}.bug-field-fixed{width:100%}.contact-popup-card{width:auto;max-width:min(400px,88vw);padding:32px 24px 24px}.sort-popup{min-width:150px}}@media(max-width:600px){.popup-content{padding:24px 20px;max-width:min(300px,94vw);border-radius:14px}.popup-actions{gap:8px;width:100%}.popup-actions button{min-width:0;flex:1 1 0;padding:10px 12px;font-size:13px}.popup-icon{font-size:36px}.popup-title{font-size:15px}.popup-sub,.popup-sub2{font-size:12px;line-height:18px}.screenshot-popup-content{padding:24px 18px;max-width:94vw;border-radius:14px}.screenshot-popup-content h3.modal-title{font-size:16px}.cleanup-popup-content{max-width:94vw!important;padding:24px 18px!important;border-radius:14px!important}.cleanup-header h3{font-size:16px}.cleanup-header p{font-size:12px}.cleanup-model-list{max-height:240px}.cleanup-model-item{padding:8px 12px}.grace-popup-content{max-width:94vw!important;padding:24px 20px!important;border-radius:14px!important}.grace-title{font-size:17px}.grace-desc{font-size:13px;margin-bottom:16px}.grace-countdown{font-size:15px;padding:10px 14px}.grace-time-unit b{font-size:18px}.payment-pending-popup .popup-content{max-width:94vw;padding:24px 20px}.payment-pending-popup .popup-icon{font-size:44px}.farewell-popup .popup-content{padding:28px 24px 24px;max-width:94vw}.farewell-title{font-size:16px}.farewell-icon-wrap{width:64px;height:64px}.farewell-icon-wrap i{font-size:28px}.welcome-popup{padding:28px 24px 22px;border-radius:20px;max-width:min(400px,88vw)}.bug-report-popup{max-width:min(380px,88vw);padding:18px 14px;border-radius:14px}.bug-tabs{max-width:250px}.bug-report-title{font-size:18px}.bug-upload-zone{padding:14px 12px}.bug-upload-zone i{font-size:22px}.contact-popup-card{max-width:min(360px,88vw);padding:28px 18px 20px;border-radius:14px}.contact-popup-header h2{font-size:18px}}@media(max-width:480px){.popup-content{padding:22px 16px;max-width:96vw;border-radius:12px;gap:10px}.popup-actions button{padding:9px 10px;font-size:12px;min-height:40px;border-radius:7px}.popup-icon{font-size:32px}.popup-title{font-size:14px}.popup-sub,.popup-sub2{font-size:11px;line-height:17px}.screenshot-popup-content{padding:20px 14px;max-width:96vw;border-radius:12px}.screenshot-popup-content h3.modal-title{font-size:15px}.screenshot-img{border-radius:12px}.cleanup-popup-content{max-width:96vw!important;padding:20px 14px!important;border-radius:12px!important}.cleanup-header h3{font-size:15px}.cleanup-model-list{max-height:200px}.cleanup-model-item{padding:6px 10px;font-size:12px}.cleanup-icon-wrap{width:44px;height:44px}.cleanup-icon-wrap i{font-size:17px}.grace-popup-content{max-width:96vw!important;padding:22px 16px!important;border-radius:12px!important}.grace-title{font-size:16px}.grace-desc{font-size:12px;margin-bottom:12px}.grace-countdown{font-size:14px;padding:8px 12px;border-radius:10px}.grace-time-unit b{font-size:16px}.grace-icon-wrap{width:48px;height:48px}.grace-icon-wrap i{font-size:18px}.grace-update-btn{padding:10px;font-size:13px}.payment-pending-popup .popup-content{max-width:96vw;padding:22px 16px}.payment-pending-popup .popup-icon{font-size:40px}.farewell-popup .popup-content{padding:24px 18px 20px;max-width:96vw}.farewell-title{font-size:15px}.farewell-msg{font-size:12px}.farewell-icon-wrap{width:56px;height:56px}.farewell-icon-wrap i{font-size:24px}.welcome-popup{padding:24px 18px 18px;border-radius:16px;max-width:min(340px,90vw)}.bug-report-popup{max-width:min(340px,90vw);padding:16px 12px;border-radius:12px}.bug-tabs{max-width:240px}.bug-report-title{font-size:17px}.bug-report-subtitle{font-size:12px}.bug-report-icon{width:40px;height:40px}.bug-report-icon i{font-size:20px}.bug-submit-btn{padding:11px 0;font-size:14px}.bug-label{font-size:12px}.bug-input,.bug-select,.bug-textarea{font-size:13px;padding:10px 12px}.contact-popup-card{padding:24px 14px 18px;max-width:min(320px,90vw);border-radius:12px}.contact-popup-header h2{font-size:17px}.contact-popup-icon{width:48px;height:48px;border-radius:12px}.contact-popup-icon i{font-size:20px}.sort-popup{min-width:140px;padding:4px;border-radius:10px}.sort-popup button{padding:8px 12px;font-size:12px}.popup-close-btn,.mip-close,.grace-close-btn,.close-modal-btn{width:28px;height:28px;top:10px;right:10px;font-size:12px;border-radius:8px}}@media(max-width:360px){.popup-content{padding:18px 12px;max-width:98vw;gap:8px}.popup-actions{flex-direction:column;gap:6px}.popup-actions button{width:100%;min-width:0;padding:10px;font-size:12px}.popup-icon{font-size:28px}.screenshot-popup-content{padding:16px 10px;max-width:98vw}.cleanup-popup-content{max-width:98vw!important;padding:16px 10px!important}.grace-popup-content{max-width:98vw!important;padding:18px 12px!important}.grace-title{font-size:15px}.grace-countdown{font-size:13px}.farewell-popup .popup-content{padding:20px 14px 16px;max-width:98vw}.welcome-popup{padding:20px 14px 16px;max-width:min(300px,92vw);border-radius:14px}.bug-report-popup{max-width:min(300px,92vw);padding:16px 10px 14px}.bug-report-title{font-size:15px}.contact-popup-card{padding:20px 10px 14px;max-width:min(300px,92vw)}.contact-popup-header h2{font-size:15px}.payment-pending-popup .popup-content{max-width:98vw;padding:18px 12px}}@media(max-width:480px){.models-layout{gap:3px}.models-layout .viewer-box{height:34vh;min-height:170px;max-height:280px}#viewerSection .view-mode-container .view-mode-btn{width:24px;height:24px;font-size:11px}.model-viewer-actions .slider-actions{padding:4px;gap:3px;border-radius:9px}.model-viewer-actions .mva-btn,.model-viewer-actions .toolbar-btn:not(.model-search-container){width:30px;height:30px;min-width:30px}.model-viewer-actions .mva-btn i,.model-viewer-actions .toolbar-btn:not(.model-search-container) i{font-size:11px}.model-viewer-actions .model-search-container{width:30px;min-width:30px;height:30px}.model-viewer-actions .slider-actions.search-active .model-search-container{width:130px}.models-layout .models-right{padding:0}.models-layout .tab-btn{font-size:11px;padding:8px 10px}.models-layout .controls-container{padding:8px;gap:6px}.models-layout .control-group label{font-size:11px}.models-layout .model-slider-box{flex:none;height:auto;padding:6px 8px;gap:6px}.model-slider-box .model-card{width:90px;height:auto;min-width:84px;padding-top:4px}.model-slider-box .model-card .model-thumb{height:58px}.model-slider-box .model-card .model-name{font-size:10px}.model-slider-box .model-card .source-label{font-size:8px}}@media(max-width:360px){.models-layout .viewer-box{height:30vh;min-height:140px;max-height:220px}#viewerSection .view-mode-container{padding:2px;left:0;bottom:5px}#viewerSection .view-mode-container .view-mode-btn{width:22px;height:22px;font-size:10px}.model-viewer-actions .slider-actions{padding:3px;gap:2px}.model-viewer-actions .mva-btn,.model-viewer-actions .toolbar-btn:not(.model-search-container){width:28px;height:28px;min-width:28px}.model-viewer-actions .mva-btn i,.model-viewer-actions .toolbar-btn:not(.model-search-container) i{font-size:10px}.model-viewer-actions .model-search-container{width:28px;min-width:28px;height:28px}.model-viewer-actions .slider-actions.search-active .model-search-container{width:110px}.models-layout .model-slider-box{flex:none;height:auto;padding:6px;gap:4px}.model-slider-box .model-card{width:76px;height:auto;min-width:70px;border-radius:9px;padding-top:3px}.model-slider-box .model-card .model-thumb{height:48px}.model-slider-box .model-card .model-name{font-size:9px}.model-slider-box .model-card .source-label{font-size:7px}.model-slider-box .model-card .model-meta{padding:2px 4px}}.orientation-section{display:flex;flex-direction:column;gap:4px}.orientation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.orientation-header-left{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px}.orientation-header-left i{color:var(--green-accent);font-size:10px}.orientation-reset-all{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-2);color:var(--ink-3);cursor:pointer;transition:all .2s ease;font-size:11px}.orientation-reset-all:hover{color:var(--green-accent);border-color:var(--green-accent);background:var(--bg)}.orientation-axis{background:var(--bg-2);border-radius:10px;padding:10px 12px 12px;border:1px solid transparent;transition:border-color .2s ease}.orientation-axis:hover{border-color:var(--border-color)}.orientation-axis-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.orientation-axis-label{display:flex;align-items:center;gap:8px}.axis-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.axis-badge.axis-x{background:#ef4444}.axis-badge.axis-y{background:#22c55e}.axis-badge.axis-z{background:#3b82f6}.axis-name{font-size:12px;font-weight:600;color:var(--ink)}.orientation-axis-controls{display:flex;align-items:center;gap:4px}.orientation-degree-input{width:52px;height:28px;text-align:center;border:1px solid var(--border-color);border-radius:7px;background:var(--bg);color:var(--ink);font-size:12px;font-weight:600;font-family:var(--font);outline:none;transition:border-color .2s ease;-moz-appearance:textfield}.orientation-degree-input::-webkit-outer-spin-button,.orientation-degree-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.orientation-degree-input:focus{border-color:var(--green-accent)}.degree-symbol{font-size:12px;font-weight:600;color:var(--ink-3);margin-right:2px}.orientation-axis-reset{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg);color:var(--ink-3);cursor:pointer;transition:all .2s ease;font-size:10px}.orientation-axis-reset:hover{color:var(--green-accent);border-color:var(--green-accent)}.orientation-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;cursor:pointer;transition:background .2s ease}.orientation-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:0 1px 4px #0003;transition:transform .15s ease,box-shadow .15s ease}.orientation-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:0 1px 4px #0003;transition:transform .15s ease,box-shadow .15s ease}.orientation-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000040}.orientation-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000040}.orientation-slider-x::-webkit-slider-thumb{background:#ef4444}.orientation-slider-x::-moz-range-thumb{background:#ef4444}.orientation-slider-y::-webkit-slider-thumb{background:#22c55e}.orientation-slider-y::-moz-range-thumb{background:#22c55e}.orientation-slider-z::-webkit-slider-thumb{background:#3b82f6}.orientation-slider-z::-moz-range-thumb{background:#3b82f6}.dark-mode .orientation-degree-input{background:var(--bg);border-color:#333}.dark-mode .orientation-axis{background:var(--bg-2)}.dark-mode .orientation-reset-all,.dark-mode .orientation-axis-reset{background:var(--bg-2);border-color:#333}.dark-mode .orientation-slider{background:#333}.maintenance-overlay{position:fixed;inset:0;z-index:999999;background:#fffffff7;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.dark-mode .maintenance-overlay{background:#0a0a0af7}.maintenance-content{text-align:center;max-width:420px;padding:40px 32px}.maintenance-icon{width:72px;height:72px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:28px;color:#f59e0b;animation:maintenancePulse 2s ease-in-out infinite}.dark-mode .maintenance-icon{background:#f59e0b26}@keyframes maintenancePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.maintenance-content h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.dark-mode .maintenance-content h2{color:#f0f0f0}.maintenance-content p{font-size:15px;color:#666;line-height:1.7;margin:0 0 32px}.dark-mode .maintenance-content p{color:#999}.maintenance-footer{font-size:12px;color:#bbb;font-weight:600;letter-spacing:.5px}.dark-mode .maintenance-footer{color:#555}.save-progress-bar{position:fixed;top:0;left:0;width:100%;z-index:999999;opacity:0;pointer-events:none;transition:opacity .3s ease}.save-progress-bar.active{opacity:1}.save-progress-track{width:100%;height:3px;background:transparent}.save-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 8px #22c55e66;border-radius:0 2px 2px 0}.save-progress-fill.save-progress-error{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 8px #ef444466}.save-progress-label{position:absolute;top:10px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.4;color:#1a1a1a;background:#fffffff2;border:1px solid rgba(34,197,94,.15);padding:14px 24px;border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000001a,0 0 12px #22c55e14;white-space:nowrap;max-width:420px}.save-progress-label i{color:#22c55e;font-size:14px;flex-shrink:0}.save-progress-bar.save-progress-done .save-progress-label i{color:#22c55e}.save-progress-fill.save-progress-error~.save-progress-label{border-color:#ef444426;box-shadow:0 8px 32px #0000001a,0 0 12px #ef444414}.save-progress-fill.save-progress-error~.save-progress-label i{color:#ef4444}.dark-mode .save-progress-label{color:#e8e8e8;background:#121212eb;border-color:#22c55e26;box-shadow:0 8px 32px #00000059,0 0 12px #22c55e14}.dark-mode .save-progress-fill.save-progress-error~.save-progress-label{border-color:#ef444426;box-shadow:0 8px 32px #00000059,0 0 12px #ef444414}.model-card.card-saving{opacity:.4!important;pointer-events:none!important;position:relative;transition:opacity .3s ease}.model-card.card-saving:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,transparent,transparent 6px,rgba(34,197,94,.06) 6px,rgba(34,197,94,.06) 12px);pointer-events:none;animation:card-saving-stripe .8s linear infinite;z-index:5}@keyframes card-saving-stripe{0%{background-position:0 0}to{background-position:17px 0}}.top-plan-icon{width:30px;height:30px;border-radius:9px;background:#a855f7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-plan-icon i{font-size:13px;color:#fff}.sidebar.account-panel-active .top-plan-icon{width:clamp(22px,3.5vh,30px);height:clamp(22px,3.5vh,30px);border-radius:7px}.sidebar.account-panel-active .top-plan-icon i{font-size:clamp(10px,1.4vh,13px)}.fullpage-drop-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:0;transition:opacity .25s ease;background:#22c55e08;border:3px solid transparent;border-radius:0}.fullpage-drop-overlay.active{opacity:1;pointer-events:auto;border-color:#22c55e;box-shadow:inset 0 0 80px #22c55e14,0 0 30px #22c55e1a}.fullpage-drop-overlay .drop-overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transition:opacity .2s ease .05s}.fullpage-drop-overlay.active .drop-overlay-content{opacity:1}.fullpage-drop-overlay .drop-overlay-icon{width:80px;height:80px;border-radius:50%;background:#22c55e1f;border:2px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;animation:dropzone-pulse 1.5s ease-in-out infinite}.fullpage-drop-overlay .drop-overlay-icon i{font-size:32px;color:#22c55e}.fullpage-drop-overlay .drop-overlay-text{text-align:center}.fullpage-drop-overlay .drop-overlay-text h3{font-size:20px;font-weight:700;color:#22c55e;margin:0 0 6px}.fullpage-drop-overlay .drop-overlay-text p{font-size:13px;color:var(--ink-3, #6b7280);margin:0}@keyframes dropzone-pulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e26}50%{transform:scale(1.05);box-shadow:0 0 20px 8px #22c55e1a}}body.dark-mode .fullpage-drop-overlay.active{background:#22c55e0a;box-shadow:inset 0 0 100px #22c55e0f,0 0 40px #22c55e14}body.dark-mode .fullpage-drop-overlay .drop-overlay-text p{color:#9ca3af}:root{--account-bg: var(--bg);--account-card-bg: var(--card);--account-border: #dedede;--account-text-main: var(--ink);--account-text-sub: var(--ink-2);--analytics-border: #e0e0e0;--analytics-primary: #3498db}.dark-mode{--account-bg: var(--bg);--account-card-bg: var(--card);--account-border: #333;--account-text-main: var(--ink);--account-text-sub: var(--ink-2);--analytics-border: #333333;--analytics-primary: #3498db}.account-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--account-bg);border-radius:16px;padding:32px 36px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.account-container::-webkit-scrollbar{width:5px;background:transparent}.account-container::-webkit-scrollbar-thumb{background:#7878784d;border-radius:10px}.account-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px}.account-header h2{margin:0;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.02em}.account-grid{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:stretch;justify-content:start;width:100%;max-width:1600px;margin:0 auto}@media(max-width:1440px){.account-container{padding:28px 32px}.account-grid{grid-template-columns:420px 1fr}}@media(max-width:1280px){.account-container{padding:24px 28px}.account-grid{grid-template-columns:380px 1fr;gap:20px}}@media(max-width:1100px){.account-container{padding:20px 24px}.account-grid{grid-template-columns:360px 1fr;gap:16px}.account-card{padding:20px}}@media(max-width:1024px){.account-grid{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:900px){.account-grid{grid-template-columns:1fr}}.left-column-wrapper{display:flex;flex-direction:column;gap:0;width:100%}.left-column-wrapper>.account-card.profile-card{flex:1;display:flex;flex-direction:column}.left-column-wrapper>.account-card.profile-card>.form-grid-single-column{flex:1}.left-column-wrapper>.account-card.profile-card>.danger-zone-inline{margin-top:10px}.right-column-wrapper{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;width:100%}.right-column-wrapper>.tools-grid-2col{flex:1}.right-column-wrapper>.tools-grid-2col>.tool-card{display:flex;flex-direction:column;justify-content:center}.account-card{background:var(--card);border:1px solid var(--analytics-border);border-radius:14px;padding:25px;box-sizing:border-box;transition:border-color .2s ease}.dark-mode .account-card{border-color:#ffffff0f}.card-title{font-size:16px;color:var(--ink);margin-top:0;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--analytics-border);font-weight:700;letter-spacing:-.01em}.dark-mode .card-title{border-bottom-color:#ffffff0f}.profile-card{flex-shrink:0;width:100%}.profile-header-inline{display:flex;align-items:center;gap:20px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--analytics-border)}.dark-mode .profile-header-inline{border-bottom-color:#ffffff0f}.profile-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:var(--light-bg, #f0f0f0);position:relative;border:2px solid var(--analytics-border);box-shadow:0 2px 8px #00000014}.dark-mode .profile-avatar{border-color:#ffffff14;box-shadow:0 2px 8px #0000004d}.avatar-upload-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;z-index:2;border-radius:50%}#accProfilePic{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar i.fa-user-circle{font-size:50px;color:var(--ink-2);flex-shrink:0}.small-action-btn{padding:8px 16px!important;font-size:12px!important;width:auto!important;background:var(--bg-2);border:1px solid var(--analytics-border);color:var(--ink);font-weight:600;border-radius:8px;transition:all .2s ease;cursor:pointer}.small-action-btn:hover{background:var(--highlight-bg);border-color:var(--ink-3)}.dark-mode .small-action-btn{background:#ffffff0f;border-color:#ffffff1a;color:var(--ink)}.dark-mode .small-action-btn:hover{background:#ffffff1a;border-color:#ffffff26}.form-row-compact label{font-size:11px;color:var(--ink-2);font-weight:600;letter-spacing:.03em}.form-row-compact input{padding:10px 12px;border:1px solid var(--analytics-border);border-radius:8px;font-size:13px;color:var(--ink);background-color:var(--input-bg);box-sizing:border-box;width:100%;margin-top:4px;transition:border-color .2s ease,box-shadow .2s ease}.form-row-compact input:focus{outline:none;border-color:var(--green-accent);box-shadow:0 0 0 2px #4caf501f}.dark-mode .form-row-compact input{background-color:#ffffff0a;border-color:#ffffff14}.dark-mode .form-row-compact input:focus{border-color:var(--green-accent);box-shadow:0 0 0 2px #4caf5026}.form-row-compact input[disabled],.form-row-compact input[readonly]{color:var(--ink-2);cursor:not-allowed;opacity:.7}.autosave-input-wrap{position:relative;width:100%}.autosave-input-wrap input{width:100%;padding-right:32px;box-sizing:border-box}.autosave-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;transition:opacity .3s ease;pointer-events:none;z-index:2;opacity:0;line-height:1}.autosave-saving{color:var(--ink-2, #999)}.autosave-saved{color:var(--green-accent, #4ade80)}.autosave-error{color:#ef4444}.dark-mode .autosave-saving{color:#666}.dark-mode .autosave-saved{color:#4ade80}.dark-mode .autosave-error{color:#f87171}.membership-card-v2{display:flex;flex-direction:column;gap:18px}.membership-card-v2.account-card{padding:22px}.mem-plan-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--analytics-border)}.mem-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:99px;background:#0000000f;border:none;font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--ink)}.mem-plan-badge i{font-size:12px;color:#22c55e}.mem-upgrade-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;border:1.5px solid transparent!important;background:linear-gradient(var(--card, #fff),var(--card, #fff)) padding-box,linear-gradient(135deg,#22c55e,#4ade80,#a3e635) border-box!important;background-clip:padding-box,border-box!important;font-size:13px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:filter .18s ease,transform .18s ease;color:inherit;-webkit-text-fill-color:initial}.mem-upgrade-btn i{font-size:13px;background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;border:none}.mem-upgrade-btn span{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.mem-upgrade-btn:hover{filter:brightness(1.15) drop-shadow(0 0 6px rgba(34,197,94,.35))}.mem-upgrade-btn:active{filter:brightness(.95)}.mem-stats{display:flex;flex-direction:column;gap:16px}.mem-stat-block{display:flex;flex-direction:column;gap:8px}.mem-stat-header{display:flex;justify-content:space-between;align-items:center}.mem-stat-label{font-size:13px;font-weight:600;color:var(--ink-2)}.mem-stat-nums{font-size:13px;color:var(--ink);font-weight:600}.mem-stat-nums b{font-weight:800}.mem-progress-track{height:5px;background:var(--analytics-border, #eee);border-radius:99px;overflow:hidden}.mem-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.mem-progress-fill.generation-fill{background:linear-gradient(90deg,#a855f7,#ec4899)}.mem-progress-fill.page-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.mem-stat-header small{font-size:11px;color:var(--ink-2, #8b8b9e);font-weight:400}.mem-stat-label i{margin-right:6px;font-size:12px}.mem-stat-label .fa-cloud-arrow-up{color:#22c55e}.mem-stat-label .fa-wand-magic-sparkles{color:#a855f7}.mem-footer-hint{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);padding-top:12px;border-top:1px solid var(--analytics-border);line-height:1.4}.mem-footer-hint i{font-size:13px;color:var(--ink-2);flex-shrink:0}.mem-badge-plus{background:#3b82f6;color:#fff}.mem-badge-plus i{color:#fff}.mem-badge-pro{background:#a855f7;color:#fff}.mem-badge-pro i{color:#fff}.mem-badge-business{background:#f59e0b;color:#fff}.mem-badge-business i{color:#fff}.dark-mode .mem-plan-badge{background:#ffffff14;color:#f0f0f0}.dark-mode .mem-upgrade-btn{background:#4ade801a!important;border:none}.dark-mode .mem-upgrade-btn:hover{background:#4ade8033!important}.dark-mode .mem-progress-track{background:#ffffff14}.dark-mode .mem-stat-nums{color:var(--text-primary, #f0f0f0)}.dark-mode .mem-footer-hint{border-top-color:#ffffff14}.dark-mode .mem-badge-plus{background:#3b82f6;color:#fff}.dark-mode .mem-badge-plus i{color:#fff}.dark-mode .mem-badge-pro{background:#a855f7;color:#fff}.dark-mode .mem-badge-pro i{color:#fff}.dark-mode .mem-badge-business{background:#f59e0b;color:#fff}.dark-mode .mem-badge-business i{color:#fff}.mem-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--analytics-border)}.mem-qs-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:var(--light-bg, #f7f7f7);transition:background .2s ease}.mem-qs-icon{width:32px;height:32px;border-radius:8px;background:#4ade801a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mem-qs-icon i{font-size:13px;color:var(--green-accent)}.mem-qs-data{display:flex;flex-direction:column;min-width:0}.mem-qs-value{font-size:16px;font-weight:800;color:var(--ink);line-height:1.2}.mem-qs-label{font-size:11px;color:var(--ink-2);font-weight:500}.dark-mode .mem-qs-item{background:#ffffff0a}.dark-mode .mem-qs-icon{background:#4ade8014}.dark-mode .mem-qs-value{color:#f0f0f0}.dark-mode .mem-quick-stats{border-top-color:#ffffff14}@media(max-width:600px){.mem-quick-stats{grid-template-columns:repeat(2,1fr);gap:10px}.mem-qs-item{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 8px;justify-content:center}.mem-qs-data{align-items:center}.mem-qs-value{font-size:18px}.mem-qs-label{font-size:10px}.mem-upgrade-btn{padding:8px 18px;font-size:12.5px}}.plan-name-row{display:flex;align-items:center;gap:12px}.plan-name-info{display:flex;flex-direction:column;gap:2px}.plan-name-info h4{margin:0;line-height:1.1}.plan-name-info .plan-price{margin-top:0}.plan-icon-circle{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-icon-circle i{font-size:16px;color:#fff}.plan-circle-free{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e4d}.plan-circle-plus{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.plan-circle-pro{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 14px #a855f74d}.plan-circle-business{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d}.plan-icon{font-size:16px}.plan-icon-free{color:#22c55e!important}.plan-icon-plus{color:#3b82f6!important}.plan-icon-pro{color:#a855f7!important}.plan-icon-business{color:#f59e0b!important}.plan-card .plan-top h4{color:#1a1a1a}.plan-card .plan-price{font-size:13px;font-weight:500;color:#00000080}.dark-mode .plan-card .plan-price{color:#fff9}.dark-mode .plan-icon-free{color:#4ade80!important}.dark-mode .plan-icon-plus{color:#60a5fa!important}.dark-mode .plan-icon-pro{color:#c084fc!important}.dark-mode .plan-icon-business{color:#fbbf24!important}.dark-mode .plan-top h4{color:#fff!important}.feature-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;flex-shrink:0;background:transparent;border:none;box-shadow:none}.feature-card.action-card{background:var(--card);border:1px solid var(--analytics-border);border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .2s}.feature-card.action-card:hover{background:var(--highlight-bg);box-shadow:0 4px 12px #00000026}.feature-card.action-card>i{font-size:28px;color:var(--green-accent);margin-bottom:5px}.zip-cancel-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 16px;border-radius:6px;background:#ef44441a;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.zip-cancel-btn:hover{background:#ef444433}.zip-cancel-btn i{font-size:12px!important;color:#ef4444!important;margin:0;width:auto;height:auto}.feature-card.action-card h4{font-size:15px;color:var(--ink);font-weight:600;margin:0}.feature-card.action-card .small-hint{font-size:11px;color:var(--ink-2);margin:0;line-height:1.3;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(8px);z-index:1000}.dark-mode .modal-overlay{background:#0a0a0aa6;backdrop-filter:blur(8px)}.modal-overlay.hidden{display:none!important}.modal-content-modern{background:#fffffff7;border-color:var(--border-color-dark, #1c1c1c);border:1px solid var(--analytics-border);border-radius:16px;padding:10px 40px 16px;width:1120px;max-width:94vw;overflow-y:hidden;color:var(--ink);animation:fadeIn .3s ease;font-family:var(--font);position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.modal-content-modern::-webkit-scrollbar{width:6px;background:transparent}.modal-content-modern::-webkit-scrollbar-track{background:transparent}.modal-content-modern::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.modal-content-modern::-webkit-scrollbar-thumb:hover{background:#00000040}.dark-mode .modal-content-modern{background:#121212f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--border-color-dark, #1c1c1c);color:#fff;scrollbar-color:rgba(255,255,255,.12) transparent}.dark-mode .modal-content-modern::-webkit-scrollbar-thumb{background:#ffffff26}.dark-mode .modal-content-modern::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:center;align-items:center;position:relative;border-bottom:1px solid var(--analytics-border);margin-bottom:0}.modal-header h3{font-size:22px;font-weight:700;color:var(--ink)}.dark-mode .modal-header h3{color:#fff}.close-modal-btn{position:absolute;right:14px;top:14px;transform:none;width:32px;height:32px;border-radius:10px;border:none;background:#0000000f;color:var(--ink-3);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(4px)}.close-modal-btn:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.dark-mode .close-modal-btn{background:#ffffff14;color:var(--ink-3)}.dark-mode .close-modal-btn:hover{background:#ef44441f;color:#ef4444}.modal-intro{font-size:14px;color:var(--green-accent);text-align:center;margin:12px 0 16px}.dark-mode .modal-intro{color:var(--green-accent)}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:18px}.plan-card{background:var(--bg);border:1px solid #ddd;border-radius:14px;padding:24px 32px 26px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column}.dark-mode .plan-card{background:var(--card-bg, #101010);border-color:#ffffff12}.plan-card input[type=radio]{opacity:0;position:absolute}.plan-card:not(.free):hover{border-color:#34c759;box-shadow:0 0 18px #34c75926}.dark-mode .plan-card:not(.free):hover{background:#1e1e1eeb}.plan-top h4{font-size:24px;font-weight:800;color:var(--ink);margin:0;letter-spacing:.02em}.dark-mode .plan-top h4{color:#fff}.plan-price{font-size:13px;color:#00000080;font-weight:500;margin-top:4px;display:flex;align-items:baseline;gap:5px;white-space:nowrap;flex-wrap:nowrap}.dark-mode .plan-price{color:#fff9}.price-yearly-total{font-size:12px;font-weight:600;color:#22c55e}.dark-mode .price-yearly-total{color:#4ade80}.price-yearly-permo{font-size:10px;font-weight:400;opacity:.5}.plan-card ul{list-style:none;padding:0;margin-top:18px;display:flex;flex-direction:column;gap:10px}.plan-card li{display:flex;align-items:baseline;gap:7px;font-size:12.5px;line-height:1.4;color:var(--ink-2);white-space:nowrap}.plan-ar-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;margin-top:1px}.dark-mode .plan-card li{color:#ccc}.plan-card li i{font-size:12px;color:var(--green-accent);flex-shrink:0;margin-top:2px;width:16px}.plan-card.free li i{color:#22c55e}.plan-card.plus li i{color:#3b82f6}.plan-card.pro li i{color:#a855f7}.plan-card.business li i{color:#f59e0b}.text-red{color:var(--red-accent)!important}.plan-tag{position:absolute;top:12px;right:12px;background:var(--highlight-bg);padding:3px 8px;border-radius:6px;font-size:10px;text-transform:uppercase;font-weight:600;color:var(--ink-2)}.dark-mode .plan-tag{background:#ffffff14;color:#aaa}.plan-tag.highlight{background:#34c759;color:#fff}.plan-tag.current,.dark-mode .plan-tag.current{color:#34c759}.plan-card.free{cursor:default}.plan-card.plus:hover,.plan-card.pro:hover,.plan-card.business:hover{background:var(--highlight-bg)}.dark-mode .plan-card.plus:hover{background:linear-gradient(180deg,#0f0f0f,#0d1a2e)}.dark-mode .plan-card.pro:hover{background:linear-gradient(180deg,#101010,#1a1030)}.dark-mode .plan-card.business:hover{background:linear-gradient(180deg,#111,#1e1608)}.plan-card.free:has(input[type=radio]:checked){border-color:#22c55e;box-shadow:0 0 0 2px #22c55e4d}.plan-card.plus:has(input[type=radio]:checked){border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.plan-card.pro:has(input[type=radio]:checked){border-color:#a855f7;box-shadow:0 0 0 2px #a855f74d}.plan-card.business:has(input[type=radio]:checked){border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d}.plan-select-btn{margin-top:auto;background:#34c759;color:#fff;border:none;width:100%;padding:10px 0;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px}.plan-select-btn i{font-size:13px}.plan-select-btn:hover{opacity:.88}.plan-card.free .plan-select-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.plan-card.plus .plan-select-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.plan-card.pro .plan-select-btn{background:linear-gradient(135deg,#a855f7,#7c3aed)}.plan-card.business .plan-select-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.free-forever-btn,.free-forever-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);cursor:pointer;opacity:1!important;box-shadow:0 0 12px #22c55e59}.free-forever-btn:disabled,.free-forever-btn:disabled:hover{pointer-events:none;cursor:default}.free-forever-btn i{color:#fff}.dark-mode .free-forever-btn{background:linear-gradient(135deg,#30d158,#28a745);box-shadow:0 0 16px #30d1584d}.downgrade-btn,.downgrade-btn:hover{color:#fff;cursor:pointer!important;pointer-events:auto;opacity:1!important}.plan-card.free .downgrade-btn,.plan-card.free .downgrade-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 0 12px #22c55e40}.plan-card.plus .downgrade-btn,.plan-card.plus .downgrade-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 0 12px #3b82f640}.plan-card.pro .downgrade-btn,.plan-card.pro .downgrade-btn:hover{background:linear-gradient(135deg,#a855f7,#7c3aed)!important;box-shadow:0 0 12px #a855f740}.plan-card.business .downgrade-btn,.plan-card.business .downgrade-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 0 12px #f59e0b40}.dark-mode .plan-card.free .downgrade-btn,.dark-mode .plan-card.free .downgrade-btn:hover{box-shadow:0 0 16px #22c55e33}.dark-mode .plan-card.plus .downgrade-btn,.dark-mode .plan-card.plus .downgrade-btn:hover{box-shadow:0 0 16px #3b82f633}.dark-mode .plan-card.pro .downgrade-btn,.dark-mode .plan-card.pro .downgrade-btn:hover{box-shadow:0 0 16px #a855f733}.dark-mode .plan-card.business .downgrade-btn,.dark-mode .plan-card.business .downgrade-btn:hover{box-shadow:0 0 16px #f59e0b33}.current-plan-btn,.current-plan-btn:hover{cursor:default!important;pointer-events:none;color:#fff!important;border:none!important;opacity:.85}.plan-card.free .current-plan-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 0 10px #22c55e33!important}.plan-card.plus .current-plan-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 0 10px #3b82f633!important}.plan-card.pro .current-plan-btn{background:linear-gradient(135deg,#a855f7,#7c3aed)!important;box-shadow:0 0 10px #a855f733!important}.plan-card.business .current-plan-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 0 10px #f59e0b33!important}.billing-switch-container{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px;font-family:var(--font)}.billing-switch-label{font-size:13px;font-weight:600;color:var(--ink-2);user-select:none;transition:color .25s ease}.billing-switch{position:relative;display:inline-block;width:54px;height:28px}.billing-switch input{opacity:0;width:0;height:0}.billing-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-2);border:1px solid var(--analytics-border);border-radius:30px;transition:all .3s ease}.dark-mode .billing-slider{background-color:var(--bg-2);border-color:var(--analytics-border)}.billing-slider:before{content:"";position:absolute;height:18px;width:18px;left:4px;top:4px;background-color:var(--ink-2);border-radius:50%;transition:all .3s ease}.dark-mode .billing-slider:before{background-color:var(--ink-2)}.billing-switch input:checked+.billing-slider{background-color:var(--green-accent);border-color:var(--green-accent)}.billing-switch input:checked+.billing-slider:before{transform:translate(26px);background-color:var(--card)}.dark-mode .billing-switch input:checked+.billing-slider:before{background-color:var(--bg)}.pricing-modal-content{max-height:88vh;display:flex;flex-direction:column;overflow-y:visible}.pricing-scroll{overflow-y:auto;flex:1;min-height:0;padding:10px 0;scroll-behavior:smooth}.pricing-scroll::-webkit-scrollbar{width:6px}.pricing-scroll::-webkit-scrollbar-track{background:transparent}.pricing-scroll::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.dark-mode .pricing-scroll::-webkit-scrollbar-thumb{background:#ffffff1f}@media(max-width:1280px){.plan-grid{gap:14px}.modal-content-modern{max-width:90vw}}@media(max-width:1100px){.plan-grid{gap:12px}.modal-content-modern{padding:24px}}@media(max-width:1024px){.modal-content-modern{width:95%;max-width:800px;padding:20px}.plan-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media(max-width:768px){.pricing-modal-content{width:96vw;max-width:96vw;max-height:90vh;padding:16px}.pricing-scroll{padding:8px 0}.plan-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:600px){.pricing-modal-content{padding:14px}.plan-grid{grid-template-columns:1fr;max-width:300px;margin-left:auto;margin-right:auto}.plan-top h4{font-size:22px}.plan-icon-circle{width:36px;height:36px}.plan-icon-circle i{font-size:14px}}@media(max-width:480px){.pricing-modal-content{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;padding:14px}.pricing-scroll{padding:6px 0}}@media(max-width:360px){.pricing-modal-content{padding:10px}}#page-announcements.page-view.active{display:flex;flex-direction:column}.ann-container{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0;width:100%;background:var(--bg);border-radius:16px;padding:32px;box-sizing:border-box;overflow:hidden}.ann-header,.ann-card.ann-collapsible,.ann-footer{flex-shrink:0}.ann-top-row{display:flex;gap:14px;flex-shrink:0;align-items:stretch}.ann-top-row>.ann-card{flex:1;min-width:0;display:flex;flex-direction:column}.ann-top-row>.ann-card>.ann-card-body{flex:1;display:flex;flex-direction:column}.ann-top-row .ann-system-status{grid-template-columns:repeat(2,1fr)}.ann-top-row .ann-status-card{min-height:60px;padding:10px 12px}.ann-top-row .ann-status-icon{width:36px;height:36px;font-size:14px}.ann-top-row .upcoming-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ann-card.ann-timeline-card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ann-card.ann-timeline-card>.ann-card-header{flex-shrink:0}.ann-card.ann-timeline-card>.ann-card-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ann-card.ann-timeline-card>.ann-card-body::-webkit-scrollbar{width:5px;background:transparent}.ann-card.ann-timeline-card>.ann-card-body::-webkit-scrollbar-thumb{background:#7878782e;border-radius:10px}.ann-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ann-header-left{display:flex;align-items:center;gap:10px}.ann-header-left h2{font-size:22px;font-weight:800;color:var(--ink, #111);margin:0;letter-spacing:-.03em}.ann-header-right{display:flex;align-items:center;gap:10px}.ann-icon-btn{width:34px;height:34px;border:1px solid var(--border-color, #e5e7eb);background:var(--card, #fff);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-3, #999);font-size:13px;transition:all .18s;flex-shrink:0}.ann-icon-btn:hover{background:var(--bg-2, #f5f5f5);color:var(--ink, #333);border-color:var(--ink-3, #ccc)}.ann-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ann-filters::-webkit-scrollbar{display:none}.ann-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:22px;border:1px solid var(--border-color, #e5e7eb);background:transparent;font-size:13.5px;font-weight:600;color:var(--ink-3, #888);cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.ann-chip i{font-size:12px}.ann-chip:hover{border-color:var(--ink-3, #ccc);color:var(--ink, #333)}.ann-chip[data-filter=feature] i{color:#3b82f6}.ann-chip[data-filter=improvement] i{color:#14b8a6}.ann-chip[data-filter=bugfix] i{color:#f59e0b}.ann-chip[data-filter=announcement] i{color:#a855f7}.ann-chip[data-filter=all].active{background:#22c55e;color:#fff;border-color:#22c55e}.ann-chip[data-filter=feature].active{background:#3b82f6;color:#fff;border-color:#3b82f6}.ann-chip[data-filter=improvement].active{background:#14b8a6;color:#fff;border-color:#14b8a6}.ann-chip[data-filter=bugfix].active{background:#f59e0b;color:#fff;border-color:#f59e0b}.ann-chip[data-filter=announcement].active{background:#a855f7;color:#fff;border-color:#a855f7}.ann-chip.active i{color:#fff}.ann-card{background:var(--card, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:14px;overflow:hidden;transition:border-color .2s ease}.ann-collapsible .ann-card-toggle{cursor:pointer;user-select:none}.ann-collapsible .ann-card-toggle:hover{background:#00000005}.ann-toggle-icon{font-size:12px;color:var(--ink-3, #aaa);transition:transform .3s ease}.ann-collapsible.collapsed .ann-toggle-icon{transform:rotate(-90deg)}.ann-collapsible .ann-card-body{max-height:2000px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .35s ease,opacity .25s ease;opacity:1}.ann-collapsible.collapsed .ann-card-body{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.ann-collapsible.collapsed .ann-card-header{border-bottom-color:transparent}.ann-card-header{padding:14px 18px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between;gap:10px;transition:border-color .2s ease,background .15s ease}.ann-card-header h3{font-size:14px;font-weight:700;color:var(--ink, #222);margin:0;display:flex;align-items:center;gap:8px}.ann-card-header h3 i{font-size:13px;color:#22c55e}.ann-card-live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#22c55e}.ann-card-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;animation:annPulse 2s ease-in-out infinite}.ann-card-body{padding:16px 18px}.ann-system-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ann-status-card{background:var(--bg-2, #f5f5f5);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px;transition:all .2s}.ann-status-card:hover{border-color:var(--ink-3, #ccc)}.ann-status-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.ann-status-icon.green{background:#22c55e1a;color:#22c55e}.ann-status-icon.blue{background:#3b82f61a;color:#3b82f6}.ann-status-icon.purple{background:#a855f71a;color:#a855f7}.ann-status-icon.amber{background:#f59e0b1a;color:#f59e0b}.ann-status-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ann-status-label{font-size:10px;font-weight:600;color:var(--ink-3, #999);text-transform:uppercase;letter-spacing:.05em}.ann-status-value{font-size:13.5px;font-weight:700;color:var(--ink, #222);display:flex;align-items:center;gap:6px;white-space:nowrap}.ann-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:annPulse 2s ease-in-out infinite}.ann-status-dot.live{background:#22c55e}.ann-status-dot.warn{background:#f59e0b}.ann-status-dot.off{background:#ef4444;animation:none}@keyframes annPulse{0%,to{opacity:1}50%{opacity:.4}}.ann-stat-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ann-stat{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;background:var(--bg-2, #f5f5f5);font-size:11px;font-weight:600;color:var(--ink-2, #666)}.ann-stat i{font-size:9px}.ann-stat strong{font-weight:800;color:var(--ink, #222)}.ann-timeline{display:flex;flex-direction:column}.ann-item{display:grid;grid-template-columns:30px 1fr;gap:0 12px;padding:14px 0;position:relative;transition:opacity .2s}.ann-item.ann-filtered{display:none}.ann-item:not(:last-child):after{content:"";position:absolute;left:15px;bottom:0;right:0;height:1px;background:var(--border-color, #eee)}.ann-dot-col{display:flex;flex-direction:column;align-items:center;padding-top:1px}.ann-dot{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s}.ann-item:hover .ann-dot{transform:scale(1.08)}.ann-dot i{font-size:11.5px;color:#fff}.ann-line{flex:1;width:1.5px;margin-top:6px;background:var(--border-color, #e5e7eb);border-radius:1px;min-height:12px}.ann-item:last-child .ann-line{display:none}.ann-content{min-width:0;flex:1}.ann-item-header{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;padding:2px 0}.ann-item-header:hover .ann-title{color:var(--ink, #000)}.ann-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.ann-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;white-space:nowrap}.ann-label[style*="#3b82f6"]{background:#3b82f61a}.ann-label[style*="#14b8a6"]{background:#14b8a61a}.ann-label[style*="#f59e0b"]{background:#f59e0b1a}.ann-label[style*="#a855f7"]{background:#a855f71a}.ann-pin{color:#f59e0b;font-size:10px;opacity:.7}.ann-title{font-size:14px;font-weight:700;color:var(--ink, #222);margin:0;line-height:1.35;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.ann-date{font-size:12px;color:var(--ink-3, #aaa);font-weight:600;flex-shrink:0;white-space:nowrap}.ann-expand-icon{font-size:13px;color:var(--ink-3, #bbb);transition:transform .3s ease;flex-shrink:0;width:20px;text-align:center}.ann-item:not(.ann-collapsed) .ann-expand-icon{transform:rotate(180deg)}.ann-body{font-size:12.5px;line-height:1.7;color:var(--ink-2, #666);word-break:break-word;overflow:hidden;max-height:2000px;opacity:1;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color, #eee);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin .3s ease,padding .3s ease}.ann-collapsed .ann-body{max-height:0;opacity:0;margin-top:0;padding-top:0;border-top-color:transparent}.ann-body p,.ann-body div{margin:0 0 4px}.ann-body p:last-child,.ann-body div:last-child{margin:0}.ann-body ul,.ann-body ol{padding-left:18px;margin:4px 0}.ann-body li{margin-bottom:2px}.ann-body a{color:#3b82f6;text-decoration:none}.ann-body a:hover{text-decoration:underline}.ann-body strong,.ann-body b{font-weight:700;color:var(--ink, #333)}.ann-body em,.ann-body i:not(.fa-solid):not(.fa-regular):not(.fa-brands){font-style:italic}.ann-body u{text-decoration:underline}.ann-body s,.ann-body strike{text-decoration:line-through;opacity:.6}.ann-body h2{font-size:16px;font-weight:700;color:var(--ink, #222);margin:10px 0 4px}.ann-body h3{font-size:14.5px;font-weight:700;color:var(--ink, #222);margin:8px 0 3px}.ann-body h4{font-size:13px;font-weight:600;color:var(--ink, #333);margin:6px 0 2px}.ann-body code{background:#0000000f;padding:1px 5px;border-radius:4px;font-size:11px;font-family:monospace}.ann-body blockquote{border-left:3px solid var(--border-color, #ddd);padding-left:12px;margin:6px 0;color:var(--ink-3, #888);font-style:italic}.ann-loading{text-align:center;padding:60px 20px;color:var(--ink-3, #bbb);font-size:18px}.ann-empty{text-align:center;padding:60px 20px 50px}.ann-empty i{font-size:28px;margin-bottom:12px;display:block;opacity:.18;color:var(--ink-3, #aaa)}.ann-empty p{color:var(--ink-2, #888);font-size:14px;font-weight:600;margin:0 0 4px}.ann-empty small{color:var(--ink-3, #bbb);font-size:12px}.ann-load-more{text-align:center;padding:12px 0 20px}.ann-load-more.hidden{display:none}.ann-load-more-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;color:var(--ink-3, #888);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.ann-load-more-btn i{font-size:10px}.ann-load-more-btn:hover{background:#00000005;color:var(--ink, #333);border-color:var(--ink-3, #ccc)}.ann-footer{display:flex;align-items:center;justify-content:space-between;padding:0;margin-top:auto}.ann-footer-links{display:flex;align-items:center;gap:8px}.ann-footer-link{font-size:11px;font-weight:500;color:var(--ink-3, #999);text-decoration:none;cursor:pointer;transition:color .15s;background:none;border:none;padding:0;display:inline-flex;align-items:center;gap:4px}.ann-footer-link i{font-size:10px}.ann-footer-link:hover{color:var(--ink, #333)}.ann-footer-dot{width:3px;height:3px;border-radius:50%;background:var(--ink-4, #ddd);flex-shrink:0}.ann-footer-version{font-size:10px;font-weight:600;color:var(--ink-4, #ccc);letter-spacing:.02em}.upcoming-count{font-size:11px;font-weight:600;color:#8b5cf6;background:#8b5cf61a;padding:3px 10px;border-radius:20px}.upcoming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.upcoming-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--card);border:1px solid var(--border-color, rgba(0,0,0,.06));transition:all .25s ease;min-width:0}.upcoming-card:hover{border-color:#8b5cf633;box-shadow:0 4px 16px #8b5cf614;transform:translateY(-1px)}.upcoming-card-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.upcoming-card-icon.uc-blue{background:#3b82f61a;color:#3b82f6}.upcoming-card-icon.uc-teal{background:#14b8a61a;color:#14b8a6}.upcoming-card-icon.uc-purple{background:#8b5cf61a;color:#8b5cf6}.upcoming-card-icon.uc-amber{background:#f59e0b1a;color:#f59e0b}.upcoming-card-icon.uc-rose{background:#f43f5e1a;color:#f43f5e}.upcoming-card-icon.uc-cyan{background:#06b6d41a;color:#06b6d4}.upcoming-card-info{min-width:0}.upcoming-card-info h4{margin:0 0 2px;font-size:12.5px;font-weight:700;color:var(--ink)}.upcoming-card-info p{margin:0;font-size:11px;line-height:1.4;color:var(--ink-3)}@media(max-width:1100px){.upcoming-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.upcoming-grid{grid-template-columns:1fr;gap:10px}.upcoming-card{padding:12px 14px;gap:12px}}@media(max-width:1440px){.ann-container{padding:26px;gap:20px}}@media(max-width:1100px){.ann-container{padding:22px;gap:18px}}@media(max-width:1600px){.ann-container{padding:28px;gap:22px}}@media(max-width:1200px){.ann-container{padding:24px;gap:20px}.ann-stat-bar{gap:4px;flex-wrap:wrap}.ann-stat{padding:4px 10px;font-size:10.5px}}@media(max-width:900px){.ann-container{padding:20px;gap:16px}.ann-header{flex-direction:column;align-items:flex-start;gap:12px}.ann-header-right{width:100%}.ann-filters{flex:1;overflow-x:auto}.ann-top-row{flex-direction:column}.ann-top-row .ann-system-status,.ann-top-row .upcoming-grid,.ann-system-status{grid-template-columns:repeat(2,1fr)}.ann-stat-bar{gap:4px}.ann-stat{padding:4px 8px;font-size:10px}.ann-card-body{padding:14px 16px}.ann-card-header{flex-wrap:wrap}.ann-item-header{gap:8px}.ann-date{font-size:11px}}@media(max-width:768px){.ann-container{padding:18px;gap:14px;overflow-y:auto}.ann-header{flex-direction:column;align-items:flex-start;gap:10px}.ann-header-right{width:100%}.ann-filters{width:100%;overflow-x:auto}.ann-icon-btn{width:30px;height:30px;font-size:12px}.ann-top-row{flex-direction:column}.ann-top-row>.ann-card{flex:none}.ann-top-row>.ann-card>.ann-card-body{flex:none}.ann-collapsible .ann-card-body{max-height:2000px}.ann-system-status{grid-template-columns:1fr 1fr;gap:8px}.ann-status-card{padding:8px;gap:8px}.ann-status-icon{width:32px;height:32px;font-size:12px}.upcoming-grid{grid-template-columns:1fr}.upcoming-card{padding:10px 12px}.ann-item-header{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;gap:4px 8px;align-items:center}.ann-meta{grid-column:1;grid-row:1}.ann-date{grid-column:3;grid-row:1;font-size:10.5px}.ann-expand-icon{grid-column:4;grid-row:1}.ann-title{grid-column:1 / -1;grid-row:2;white-space:normal;font-size:13px}.ann-year{display:none}}@media(max-width:600px){.ann-container{padding:14px;gap:14px}.ann-header-left h2{font-size:18px}.ann-chip{padding:7px 14px;font-size:12px}.ann-system-status{grid-template-columns:1fr 1fr;gap:8px}.ann-status-card{padding:8px 10px}.ann-status-icon{width:30px;height:30px;font-size:12px}.ann-card-header,.ann-card-body{padding:12px 14px}.ann-item{grid-template-columns:24px 1fr;gap:0 8px;padding:12px 0}.ann-dot{width:24px;height:24px;border-radius:7px}.ann-dot i{font-size:10px}.ann-title{font-size:13px}.ann-item-header{gap:6px;flex-wrap:wrap}.ann-date{font-size:10.5px}.ann-expand-icon{font-size:11px}.ann-footer{flex-direction:column;gap:8px;text-align:center}.ann-footer-version{order:-1}.ann-stat-bar{display:none}.upcoming-grid{grid-template-columns:1fr}.upcoming-card{padding:10px 12px}.upcoming-card-icon{width:28px;height:28px;border-radius:7px}.upcoming-card-info h4{font-size:11.5px}.upcoming-card-info p{font-size:10px}}@media(max-width:400px){.ann-container{padding:10px;gap:10px}.ann-header-left h2{font-size:16px}.ann-header-left{gap:6px}.ann-system-status{grid-template-columns:1fr}.ann-chip{padding:6px 12px;font-size:11px}.ann-chip i{font-size:10px}.ann-status-card{padding:6px 8px;gap:6px}.ann-status-icon{width:28px;height:28px;font-size:11px}.upcoming-card{padding:8px 10px}.upcoming-card-icon{width:26px;height:26px}.upcoming-card-info h4{font-size:11px}.upcoming-card-info p{font-size:9.5px}}.form-grid-two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input-with-icon-wrapper{position:relative;width:100%;display:flex}.input-with-icon-wrapper input{padding-right:40px;width:100%}.input-icon-btn{position:absolute;right:1px;top:1px;height:calc(100% - 2px);aspect-ratio:1 / 1;background:transparent;border:none;cursor:pointer;font-size:13px;color:var(--ink-3);border-radius:0 8px 8px 0;padding:0 10px;transition:all .2s ease}.input-icon-btn:hover{color:var(--green-accent);background:#4caf500f}.dark-mode .input-icon-btn:hover{color:var(--green-accent);background:#4caf5014}@media(max-width:900px){.account-grid{grid-template-columns:1fr}.left-column-wrapper,.right-column-wrapper{width:100%}.form-grid-two-column{grid-template-columns:1fr;gap:12px}}@media(max-width:600px){.feature-cards-grid{grid-template-columns:1fr}.left-column-wrapper{order:2}.right-column-wrapper{order:1}}@media(max-width:850px){.plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.plan-grid{grid-template-columns:1fr}}@media(max-width:480px){.billing-switch-container{gap:10px}.billing-switch{width:48px;height:26px}.billing-slider:before{height:16px;width:16px;left:4px;top:4px}.plan-select-btn{font-size:13px;padding:9px 0}}#changePasswordModal .auth-card{position:relative}#changePasswordModal .auth-header h3{color:var(--ink);font-weight:700}#changePasswordModal .small-hint{color:var(--ink-2)}#changePasswordModal .editor-btn-big-action{margin-top:15px;width:100%;padding:12px 0;font-size:14px}#changePasswordModal .auth-bottom-links a.link-btn{color:var(--ink-2);font-weight:500;transition:color .2s}#changePasswordModal .auth-bottom-links a.link-btn:hover{color:var(--ink)}#changePasswordModal .login-error{color:var(--red-accent);font-weight:500}#profileEditPreloaderText{color:var(--ink);font-size:13px;margin-top:10px}.popup-content p{font-size:14px}.auth-form label{display:block;font-size:12px;color:var(--ink-2);margin-bottom:5px;font-weight:600}#changePasswordModal .auth-form input[type=password],#changePasswordModal .auth-form input[type=email],#changePasswordModal .auth-form input[type=text],#profileEditModal .auth-form input[type=text],#profileEditModal .auth-form input[type=email],#profileEditModal .auth-form input[type=password],#newEmailInput,#currentEmailCodeInput,#newEmailCodeInput,#forgotPassEmailInput,#forgotPassCodeInput{width:100%;padding:10px 12px;box-sizing:border-box;border-radius:8px;font-size:15px;font-family:var(--font);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s;background:var(--input-bg);color:var(--ink);border:1px solid var(--analytics-border)}.dark-mode #changePasswordModal #profileEditModal .auth-form input{background:var(--input-bg);color:var(--ink);border:1px solid var(--analytics-border)}#changePasswordModal .auth-form input::placeholder{color:var(--ink-3, #888);opacity:.7}#changePasswordModal .auth-form input:focus{border-color:var(--btn);box-shadow:0 0 0 2px #5b5b5b4d;outline:none;background:var(--highlight-bg)}.dark-mode #changePasswordModal .auth-form input:focus{background:#111}#profileEditModal .auth-form input:focus{border-color:var(--btn);box-shadow:0 0 0 2px #5b5b5b4d;outline:none;background:var(--highlight-bg)}.dark-mode #profileEditModal .auth-form input:focus{background:#111}#forgotPassVerifySection input#forgotPassCodeInput{height:40px;font-size:20px;font-weight:700;letter-spacing:10px!important;max-width:200px;margin:10px auto 0;text-align:center}#changePasswordModal .form-row{width:100%}#changePassBusy{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;border-radius:14px;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease;background:#fffffff2}.dark-mode #changePassBusy{background:#111111f2}#changePassBusy.hidden{display:none!important}.modal-preloader-box{text-align:center}.modal-spinner{display:inline-block;width:30px;height:30px;border:4px solid var(--analytics-border);border-radius:50%;animation:spin 1s linear infinite;border-color:#ddd;border-top:4px solid var(--btn)}.dark-mode .modal-spinner{border-color:#333;border-top:4px solid var(--ink)}#changePassPreloaderText{margin-top:15px;font-size:14px;font-weight:500;color:var(--ink-2)}.dark-mode #changePassPreloaderText{color:#ccc}#profileEditModal .auth-header{text-align:center}#profileEditHint{text-align:center;margin-bottom:20px;font-size:13px;color:var(--ink-2)}#usernameChangeForm{display:none;flex-direction:column}#usernameError{text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#emailStartForm{display:none;flex-direction:column;gap:15px}#sendCodeStartBtn{margin-top:5px;width:100%}#emailVerifyCurrentForm{display:none;flex-direction:column;gap:15px}#currentEmailCodeInput{text-align:center;letter-spacing:5px}#currentEmailCodeError{text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#verifyCurrentEmailBtn{margin-top:5px;width:100%}#newEmailEntryForm{display:none;flex-direction:column;gap:15px}#newEmailEntryError{text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#sendCodeToNewEmailBtn{margin-top:5px;width:100%}#emailVerifyNewForm{display:none;flex-direction:column;gap:15px}#newEmailCodeInput{text-align:center;letter-spacing:5px}#newEmailCodeError{text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#finalizeEmailChangeBtn{margin-top:5px;width:100%}.settings-card.domain-developer-card{opacity:.3}.cache-purge-card i.fa-broom,.system-logs-card i.fa-bug-slash{color:var(--ink-2)}#profileEditBusy{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;border-radius:14px;z-index:100}#profileEditBusy .modal-preloader-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#profileEditModal .auth-header,#profileEditHint{text-align:center}#profileEditModalTitle{margin-top:0;font-size:20px}#profileEditHint{margin-bottom:20px;font-size:13px;color:var(--ink-2)}#profileEditFlows,#usernameChangeForm,#emailStartForm,#emailVerifyCurrentForm,#newEmailEntryForm,#emailVerifyNewForm{display:flex;flex-direction:column;gap:10px}#usernameChangeForm{display:none}#usernameChangeForm .auth-btn.editor-btn-big-action{margin-top:5px;width:100%}#usernameError,#currentEmailCodeError,#newEmailEntryError,#newEmailCodeError{text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#emailStartForm{display:none}#emailStartForm .small-hint{text-align:center;margin-bottom:20px;font-size:13px;color:var(--ink-2)}#emailVerifyCurrentForm{display:none}#emailVerifyCurrentForm .small-hint{text-align:center;margin-bottom:5px;font-size:13px;color:var(--ink-2)}#currentEmailCodeInput,#newEmailCodeInput{text-align:center;letter-spacing:5px}#newEmailEntryForm{display:none}#newEmailEntryForm .small-hint{text-align:center;margin-bottom:5px;font-size:13px;color:var(--ink-2)}#emailVerifyNewForm{display:none}#emailVerifyNewForm .small-hint{text-align:center;margin-bottom:5px;font-size:13px;color:var(--ink-2)}#sendCodeStartBtn,#verifyCurrentEmailBtn,#sendCodeToNewEmailBtn,#finalizeEmailChangeBtn{margin-top:5px;width:100%}#changePassBusy .modal-preloader-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#changePasswordModal .auth-header{text-align:center}#changePassModalTitle{margin-top:0;font-size:20px}#changePassForm{display:flex;flex-direction:column;gap:15px}#changePassError{margin-top:5px;text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#changePassForm .auth-btn.editor-btn-big-action{margin-top:15px;width:100%}#changePassForm .auth-bottom-links{text-align:center;margin-top:5px}#openForgotPassFlow{font-size:13px}#forgotPassEmailForm{display:none;flex-direction:column;gap:15px}#forgotPassEmailForm .small-hint{text-align:center;margin-bottom:5px;font-size:13px;color:var(--ink-2)}#forgotPassEmailError{margin-top:-10px;text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#forgotPassEmailForm .auth-btn.editor-btn-big-action{margin-top:10px;width:100%}#forgotPassEmailForm .auth-bottom-links{text-align:center;margin-top:5px}#backToChangePassBtn{font-size:13px}#forgotPassVerifySection{display:none;flex-direction:column;align-items:center;gap:15px;text-align:center}#forgotPassVerifySection .small-hint{margin-bottom:10px;font-size:13px;color:var(--ink-2)}#forgotPassVerifySection .form-row{margin-bottom:0;width:100%}#forgotPassCodeInput{text-align:center;letter-spacing:5px}#forgotPassVerifyError{margin-top:-10px;font-size:13px}#forgotPassVerifyBtn{margin-top:5px;width:100%}#forgotPassVerifySection .auth-bottom-links{margin-top:5px;font-size:13px}#forgotPassTimer{color:var(--ink-2)}#forgotPassResendBtn{margin-left:10px;font-size:13px}#forgotPassNewPassForm{display:none;flex-direction:column;gap:15px}#forgotPassNewPassForm .small-hint{text-align:center;margin-bottom:5px;font-size:13px;color:var(--ink-2)}#forgotPassNewPassError{margin-top:-10px;text-align:center;color:var(--red-accent, #c0202d);font-size:13px}#forgotPassNewPassForm .auth-btn.editor-btn-big-action{margin-top:10px;width:100%}#passSuccessSection,#successMessageSection{display:none;flex-direction:column;gap:25px;align-items:center;text-align:center;padding:20px 0}#passSuccessIcon,#successIcon{color:var(--green-accent, #38c172);font-size:40px}#passSuccessTitle,#successTitle{margin-top:0;margin-bottom:5px;font-size:18px;color:var(--text-color, #fff);font-weight:600}#passSuccessBody,#successBody{margin-top:10px;font-size:14px;color:var(--ink-2)}#passSuccessSection .editor-btn-big-action,#successMessageSection .editor-btn-big-action{width:100%;margin-top:5px}#profileEditFlows{display:flex;flex-direction:column;gap:15px}#emailVerifyCurrentForm input[type=text],#emailVerifyNewForm input[type=text],#forgotPassCodeInput{text-align:center;letter-spacing:5px}.subscription-card{display:flex;flex-direction:column;gap:0;padding:0!important;overflow:hidden}.sub-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--analytics-border)}.dark-mode .sub-header{border-bottom-color:#ffffff0f}.sub-title{display:flex;align-items:center;gap:10px}.sub-title i{font-size:16px;color:var(--green-accent)}.sub-title h4{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.sub-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:600}.sub-status-badge i{font-size:7px}.sub-status-free{background:#4ade801a;color:#22c55e}.sub-status-free i{color:#22c55e}.sub-status-loading{background:#96969614;color:var(--ink-3)}.sub-status-loading i{color:var(--ink-3);opacity:.4}.sub-status-active{background:#4ade801a;color:#22c55e}.sub-status-active i{color:#22c55e}.sub-status-canceled{background:#ef44441a;color:#ef4444}.sub-status-canceled i{color:#ef4444}.sub-status-past-due{background:#f59e0b1a;color:#f59e0b}.sub-status-past-due i{color:#f59e0b}.dark-mode .sub-status-free,.dark-mode .sub-status-active{background:#4ade8014}.dark-mode .sub-status-canceled{background:#ef444414}.sub-details{display:flex;gap:0;border-bottom:1px solid var(--analytics-border)}.dark-mode .sub-details{border-bottom-color:#ffffff0f}.sub-detail-item{flex:1;display:flex;align-items:center;gap:12px;padding:16px 22px}.sub-detail-item:first-child{border-right:1px solid var(--analytics-border)}.dark-mode .sub-detail-item:first-child{border-right-color:#ffffff0f}.sub-detail-item>i{font-size:14px;color:var(--ink-3);width:16px;text-align:center;flex-shrink:0}.sub-detail-item .fa-calendar-days{color:#3b82f6}.sub-detail-item .fa-receipt{color:#f59e0b}.sub-detail-info{display:flex;flex-direction:column;gap:2px}.sub-detail-label{font-size:11px;color:var(--ink-3);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.sub-detail-value{font-size:14px;font-weight:600;color:var(--ink)}.sub-actions{display:flex;gap:10px;padding:16px 22px;flex-wrap:wrap}.sub-actions.hidden{display:none!important}.sub-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;border:none}.sub-btn-secondary{background:var(--bg-2);color:var(--ink);border:1px solid var(--analytics-border)!important}.sub-btn-secondary:hover{background:var(--highlight-bg);border-color:var(--ink-3)!important}.dark-mode .sub-btn-secondary{background:#ffffff0f;border-color:#ffffff1a!important}.dark-mode .sub-btn-secondary:hover{background:#ffffff1a}.sub-btn-danger{background:transparent;color:#ff3b30;border:1px solid rgba(255,59,48,.3)!important}.sub-btn-danger:hover{background:#ff3b3014;border-color:#ff3b30!important}@media(max-width:1100px){.sub-details{gap:0}.sub-detail-item{padding:14px 18px;gap:10px}}@media(max-width:600px){.sub-details{flex-direction:column}.sub-detail-item:first-child{border-right:none;border-bottom:1px solid var(--analytics-border)}.sub-header{flex-direction:row;gap:10px;align-items:center;justify-content:space-between}}.sub-quick-links{display:flex;flex-direction:column;border-top:1px solid var(--analytics-border)}.dark-mode .sub-quick-links{border-top-color:#ffffff0f}.sub-quick-link{display:flex;align-items:center;gap:12px;padding:14px 22px;background:transparent;border:none;border-bottom:1px solid var(--analytics-border);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--ink)}.sub-quick-link:last-child{border-bottom:none}.dark-mode .sub-quick-link{border-bottom-color:#ffffff0f}.sub-quick-link:hover{background:var(--highlight-bg)}.dark-mode .sub-quick-link:hover{background:#ffffff08}.sub-quick-link>i:first-child{font-size:14px;color:var(--ink-3);width:18px;text-align:center}.sub-quick-link .fa-credit-card{color:#3b82f6!important}.sub-quick-link .fa-file-invoice{color:#a855f7!important}.sub-quick-link .fa-xmark{color:#ff3b30!important}.sub-quick-link>span{flex:1}.sub-link-arrow{font-size:11px;color:var(--ink-3);transition:transform .2s ease}.sub-quick-link:hover .sub-link-arrow{transform:translate(3px);color:var(--ink-2)}.sub-link-danger{color:#ff3b30!important}.sub-link-danger>i:first-child{color:#ff3b30!important}.sub-link-danger:hover{background:#ff3b300f!important}.sub-quick-links.hidden{display:none!important}.sub-quick-links.free-disabled{opacity:.3;pointer-events:none;cursor:default}.tools-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:var(--card);border:1px solid var(--analytics-border);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:center;font-family:Inter,sans-serif}.dark-mode .tool-card{border-color:#ffffff0f}.tool-card:hover{border-color:var(--ink-3);background:var(--highlight-bg)}.dark-mode .tool-card:hover{border-color:#ffffff1f;background:#ffffff08}.tool-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.tool-icon i{font-size:18px}.tool-icon-green{background:#4ade801a}.tool-icon-green i{color:#22c55e}.dark-mode .tool-icon-green{background:#4ade801a}.tool-icon-orange{background:#f59e0b1a}.tool-icon-orange i{color:#f59e0b}.dark-mode .tool-icon-orange{background:#f59e0b1f}.tool-card h4{margin:0;font-size:14px;font-weight:600;color:var(--ink)}.tool-card p{margin:0;font-size:11px;color:var(--ink-2);line-height:1.4}.tool-card .zip-cancel-btn{margin-top:4px}@media(max-width:600px){.tools-grid-2col{grid-template-columns:1fr}}.tools-inline-row{display:flex;gap:10px}.tool-inline-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 18px;background:var(--card);border:1px solid var(--analytics-border);border-radius:14px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;color:var(--ink);flex:1;justify-content:center}.dark-mode .tool-inline-btn{border-color:#ffffff0f}.tool-inline-btn:hover{border-color:var(--ink-3);background:var(--highlight-bg)}.dark-mode .tool-inline-btn:hover{border-color:#ffffff1f;background:#ffffff08}.tool-inline-btn i{font-size:22px;flex-shrink:0}.tool-btn-text{display:flex;flex-direction:column;text-align:left}.tool-btn-text small{font-size:10.5px;font-weight:400;color:var(--ink-4);margin-top:1px}@media(max-width:600px){.tools-inline-row{flex-direction:column}.tool-inline-btn{padding:8px 12px}}.danger-zone-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding:12px 16px;border:none;border-radius:10px;background:transparent}.dark-mode .danger-zone-inline{border:none;background:transparent}.danger-zone-inline-left{display:flex;align-items:center;gap:10px;min-width:0}.danger-zone-inline-left>i{color:#f44336;font-size:15px;flex-shrink:0}.danger-zone-inline-text{display:flex;flex-direction:column;gap:2px;min-width:0}.danger-zone-inline-title{font-size:13px;font-weight:600;color:var(--ink)}.danger-zone-inline-desc{font-size:11px;color:var(--ink-3);line-height:1.3}.danger-zone-btn-inline{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:1px solid #f44336;border-radius:8px;color:#f44336;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.danger-zone-btn-inline:hover{background:#f44336;color:#fff}.danger-zone-btn-inline i{font-size:11px}.delete-code-input-wrapper{display:flex;justify-content:center;margin:18px 0 8px}.delete-code-input{width:180px;text-align:center;font-size:24px;letter-spacing:8px;font-weight:700;padding:12px 16px;border:2px solid rgba(244,67,54,.3);border-radius:10px;background:var(--card, #1e1e1e);color:var(--ink, #fff);outline:none;transition:border-color .2s;font-family:monospace}.delete-code-input:focus{border-color:#f44336}.delete-code-timer{text-align:center;font-size:12px;color:var(--ink-2, #888);margin:6px 0 0}.delete-code-timer .timer-count{font-weight:600;color:#f44336}.delete-code-error{text-align:center}@media(max-width:600px){.danger-zone-inline{flex-direction:column;align-items:flex-start;gap:10px}.danger-zone-btn-inline{width:100%;justify-content:center}}.invoices-popup-content{max-width:min(560px,94vw)!important;width:94vw;padding:0!important;overflow:hidden;text-align:left!important;position:relative;align-items:stretch!important}.invoices-popup-content>.popup-close-btn{top:18px;right:20px}.invoices-header{padding:28px 28px 18px;border-bottom:1px solid var(--analytics-border);text-align:center}.invoices-header-icon{width:48px;height:48px;border-radius:14px;background:#a855f71a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.invoices-header-icon i{font-size:20px;color:#a855f7}.invoices-header h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--ink)}.invoices-header-sub{margin:0;font-size:13px;color:var(--ink-3)}.invoices-body{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.invoices-body::-webkit-scrollbar{width:5px}.invoices-body::-webkit-scrollbar-track{background:transparent}.invoices-body::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}.invoices-body::-webkit-scrollbar-thumb:hover{background:#0003}.invoices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 28px;color:var(--ink-3);font-size:13px}.invoices-loading i{font-size:22px;color:#a855f7}.invoices-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px;text-align:center}.invoices-empty i{font-size:32px;color:var(--ink-3);margin-bottom:14px;opacity:.5}.invoices-empty p{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ink)}.invoices-empty span{font-size:13px;color:var(--ink-3)}.invoices-portal-cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;border:1px solid rgba(168,85,247,.55);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 4px 14px #a855f759}.invoices-portal-cta i{font-size:11px}.invoices-portal-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #a855f773;filter:brightness(1.06)}.invoices-portal-cta:active{transform:translateY(0);box-shadow:0 3px 10px #a855f759}.invoices-body>.invoices-portal-cta{display:flex;margin:18px auto 4px}.invoices-list{display:flex;flex-direction:column}.invoice-row{display:flex;align-items:center;padding:14px 28px;border-bottom:1px solid var(--analytics-border);transition:background .15s ease;gap:16px}.invoice-row:last-child{border-bottom:none}.invoice-row:hover{background:var(--highlight-bg)}.invoice-cell{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.invoice-date{flex:1.4;min-width:0}.invoice-date i{font-size:12px;color:var(--ink-3);flex-shrink:0}.invoice-date span{white-space:nowrap;font-weight:500}.invoice-plan{flex:0 0 auto}.invoice-amount{flex:1;font-weight:600;font-variant-numeric:tabular-nums;justify-content:flex-end;text-align:right}.invoice-status,.invoice-actions{flex:0 0 auto}.invoice-plan-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;text-transform:capitalize}.invoice-plan-plus{background:#3b82f61a;color:#3b82f6}.invoice-plan-pro{background:#a855f71a;color:#a855f7}.invoice-plan-business{background:#f59e0b1a;color:#f59e0b}.invoice-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.invoice-status-badge i{font-size:6px}.invoice-status-paid{color:#22c55e}.invoice-status-billed{color:#3b82f6}.invoice-pdf-btn{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--ink-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.invoice-pdf-btn:hover{background:#a855f71a;color:#a855f7}.invoice-pdf-btn:disabled{opacity:.5;cursor:wait}.invoices-footer{padding:12px 28px;border-top:1px solid var(--analytics-border);font-size:12px;color:var(--ink-3);text-align:center}.dark-mode .invoices-header{border-bottom-color:#ffffff0f}.dark-mode .invoices-header-icon{background:#a855f726}.dark-mode .invoices-header h3{color:#fff}.dark-mode .invoices-body{scrollbar-color:rgba(255,255,255,.1) transparent}.dark-mode .invoices-body::-webkit-scrollbar-thumb{background:#ffffff1a}.dark-mode .invoices-body::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.dark-mode .invoice-row{border-bottom-color:#ffffff0f}.dark-mode .invoice-row:hover{background:#ffffff08}.dark-mode .invoice-cell{color:#eee}.dark-mode .invoice-date i{color:#fff6}.dark-mode .invoice-plan-plus{background:#3b82f626}.dark-mode .invoice-plan-pro{background:#a855f726}.dark-mode .invoice-plan-business{background:#f59e0b26}.dark-mode .invoice-pdf-btn{color:#fff6}.dark-mode .invoice-pdf-btn:hover{background:#a855f726;color:#a855f7}.dark-mode .invoices-footer{border-top-color:#ffffff0f;color:#fff6}.dark-mode .invoices-empty i{color:#ffffff4d}.dark-mode .invoices-empty p{color:#fff}.dark-mode .invoices-empty span{color:#fff6}@media(max-width:540px){.invoices-popup-content{max-width:100vw;border-radius:12px}.invoice-row{flex-wrap:wrap;gap:6px;padding:12px 20px}.invoice-date{flex:1 1 45%}.invoice-plan{flex:0 1 auto}.invoice-amount{flex:1 1 auto}.invoice-status{flex:0 1 auto}.invoices-header{padding:22px 20px 14px}.invoices-footer{padding:10px 20px}}:root{--sup-bg: var(--bg);--sup-bg-alt: #f7f7f8;--sup-card: var(--card);--sup-card-hover: #fafafa;--sup-code-bg: #f3f4f6;--sup-border: #e5e7eb;--sup-border-strong: #d1d5db;--sup-divider: rgba(0, 0, 0, .06);--sup-text: var(--ink);--sup-text-sub: var(--ink-2);--sup-text-faint: #9ca3af;--sup-text-main: var(--ink);--sup-accent: #22c55e;--sup-accent-2: #4ade80;--sup-accent-bg: rgba(34, 197, 94, .1);--sup-accent-border: rgba(34, 197, 94, .32);--sup-warn: #f59e0b;--sup-info: #3b82f6;--sup-danger: #ef4444;--sup-radius: 14px;--sup-radius-sm: 10px;--sup-shadow: 0 1px 3px rgba(0, 0, 0, .04);--sup-shadow-hover: 0 4px 16px rgba(0, 0, 0, .06)}body.dark-mode,.dark-mode{--sup-bg-alt: #111111;--sup-card: #161616;--sup-card-hover: #1c1c1c;--sup-code-bg: #1a1a1a;--sup-border: #2a2a2a;--sup-border-strong: #3a3a3a;--sup-divider: rgba(255, 255, 255, .06);--sup-text: var(--ink);--sup-text-sub: var(--ink-2);--sup-text-faint: #6b7280;--sup-accent-bg: rgba(34, 197, 94, .12);--sup-accent-border: rgba(34, 197, 94, .38);--sup-shadow: 0 1px 3px rgba(0, 0, 0, .3);--sup-shadow-hover: 0 4px 16px rgba(0, 0, 0, .4)}#page-support{overflow:hidden;height:100%}.support-container{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;background:var(--bg);border-radius:16px;padding:24px 32px;overflow:hidden}.doc-header{flex-shrink:0;padding:0 0 18px;margin-bottom:6px;border-bottom:1px solid var(--sup-divider);position:relative;z-index:50}.header-content{display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative}.header-titles{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.badge-pill{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sup-accent);background:transparent;border:none;padding:0;width:fit-content}.badge-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sup-accent);box-shadow:0 0 6px var(--sup-accent)}.header-titles h1{font-size:22px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.4px}.search-wrapper{position:relative;width:100%;max-width:420px;margin-left:auto}.search-wrapper i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--sup-text-faint);pointer-events:none}.search-wrapper input{width:100%;background:var(--sup-bg-alt);border:1px solid var(--sup-border);padding:9px 14px 9px 38px;border-radius:10px;font-size:13px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.search-wrapper input::placeholder{color:var(--sup-text-faint)}.search-wrapper input:focus{border-color:var(--sup-accent);box-shadow:0 0 0 3px var(--sup-accent-bg)}.search-results-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--sup-card);border:1px solid var(--sup-border-strong);border-radius:12px;box-shadow:var(--sup-shadow-hover);max-height:360px;overflow-y:auto;z-index:100}.search-results-dropdown.hidden{display:none}.search-result-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--sup-divider);transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--sup-bg-alt)}.search-result-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sup-accent)}.search-result-text{font-size:13px;color:var(--ink);line-height:1.4}.search-result-text mark{background:var(--sup-accent-bg);color:var(--sup-accent);padding:0 2px;border-radius:3px}.doc-body{flex:1;display:grid;grid-template-columns:240px 1fr;gap:0;min-height:0;overflow:hidden}.doc-sidebar{display:flex;flex-direction:column;gap:22px;padding:24px 16px 24px 0;border-right:1px solid var(--sup-divider);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.doc-sidebar::-webkit-scrollbar{width:5px;background:transparent}.doc-sidebar::-webkit-scrollbar-thumb{background:#78787840;border-radius:10px}.doc-sidebar::-webkit-scrollbar-thumb:hover{background:#78787866}.sidebar-group{display:flex;flex-direction:column;gap:2px}.group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sup-text-faint);padding:0 12px 8px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--sup-text-sub);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s;font-family:inherit;position:relative}.nav-item i{font-size:13px;width:16px;text-align:center;color:var(--sup-text-faint);transition:color .15s}.nav-item:hover{color:var(--ink);background:var(--sup-bg-alt)}.nav-item:hover i{color:var(--ink)}.nav-item.active{color:var(--sup-accent);background:var(--sup-accent-bg);border-color:var(--sup-accent-border);font-weight:600}.nav-item.active i{color:var(--sup-accent)}.doc-content{overflow-y:auto;overflow-x:hidden;padding:24px 36px 60px;scroll-behavior:smooth;scrollbar-width:thin}.doc-content::-webkit-scrollbar{width:5px;background:transparent}.doc-content::-webkit-scrollbar-thumb{background:#78787840;border-radius:10px}.doc-content::-webkit-scrollbar-thumb:hover{background:#78787866}.doc-section{display:none;max-width:980px;margin:0 auto;animation:docFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.doc-section.active-section{display:block}@keyframes docFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--sup-divider)}.section-header h2{font-size:26px;font-weight:700;color:var(--ink);margin:0 0 8px;letter-spacing:-.4px;line-height:1.25}.section-header h4{color:var(--ink)}.section-header p{font-size:14px;color:var(--sup-text-sub);margin:0;line-height:1.65;max-width:720px}.bento-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bento-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.bento-card{display:flex;flex-direction:column;gap:12px;padding:22px 24px;background:var(--sup-card);border:1px solid var(--sup-border);border-radius:var(--sup-radius);box-shadow:var(--sup-shadow);box-sizing:border-box}.bento-card.full-width{width:100%}.bento-card.small{padding:18px 20px;gap:10px}.bento-card.hero{background:linear-gradient(135deg,var(--sup-card),var(--sup-bg-alt));border-color:var(--sup-accent-border);padding:28px 28px 26px;position:relative;overflow:hidden}.bento-card.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:50%;height:200%;background:radial-gradient(circle,var(--sup-accent-bg),transparent 60%);pointer-events:none;opacity:.6}.bento-card.hero>*{position:relative;z-index:1}.bento-card h3{font-size:15px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.1px;display:flex;align-items:center;gap:10px;line-height:1.35}.bento-card h3 i{color:var(--sup-accent);font-size:14px}.bento-card p{font-size:13.5px;color:var(--sup-text-sub);margin:0;line-height:1.65}.bento-card ul,.bento-card ol{font-size:13px;color:var(--sup-text-sub);line-height:1.75;padding-left:20px;margin:0}.bento-card li{margin-bottom:4px}.bento-card .card-content{display:flex;flex-direction:column;gap:10px}.bento-card.full-width>.card-content{width:100%}.bento-card code,.doc-section code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12.5px;padding:2px 7px;background:var(--sup-code-bg);color:var(--sup-accent);border-radius:4px;border:1px solid var(--sup-border)}.bento-card a,.doc-section a{color:var(--sup-accent);text-decoration:none;border-bottom:1px dashed var(--sup-accent-border);transition:border-color .15s,color .15s}.bento-card a:hover,.doc-section a:hover{color:var(--sup-accent-2);border-bottom-color:var(--sup-accent)}.bento-card strong,.doc-section strong{color:var(--ink);font-weight:700}.bento-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px;flex-shrink:0;margin-bottom:4px}.hero-icon{width:46px;height:46px;border-radius:12px;font-size:19px;margin-bottom:8px}.bento-card.small .bento-icon{width:34px;height:34px;font-size:14px;border-radius:9px}.icon-green{background:#22c55e1f;color:#22c55e}.icon-blue{background:#3b82f61f;color:#3b82f6}.icon-purple{background:#a855f71f;color:#a855f7}.icon-orange{background:#f973161f;color:#f97316}.icon-teal{background:#14b8a61f;color:#14b8a6}.icon-cyan{background:#06b6d424;color:#06b6d4}.icon-rose{background:#f43f5e1f;color:#f43f5e}.icon-yellow{background:#eab30824;color:#eab308}.icon-indigo{background:#6366f124;color:#818cf8}.icon-pink{background:#ec48991f;color:#ec4899}.icon-amber{background:#f59e0b24;color:#f59e0b}.icon-emerald{background:#10b98124;color:#10b981}.icon-red{background:#ef44441f;color:#ef4444}body.dark-mode .icon-green{background:#22c55e2e;color:#4ade80}body.dark-mode .icon-blue{background:#3b82f62e;color:#60a5fa}body.dark-mode .icon-purple{background:#a855f72e;color:#c084fc}body.dark-mode .icon-orange{background:#f973162e;color:#fb923c}body.dark-mode .icon-teal{background:#14b8a62e;color:#2dd4bf}body.dark-mode .icon-cyan{background:#06b6d433;color:#22d3ee}body.dark-mode .icon-rose{background:#f43f5e2e;color:#fb7185}body.dark-mode .icon-yellow{background:#eab30833;color:#facc15}body.dark-mode .icon-indigo{background:#6366f133;color:#a5b4fc}body.dark-mode .icon-pink{background:#ec48992e;color:#f472b6}body.dark-mode .icon-amber{background:#f59e0b33;color:#fbbf24}body.dark-mode .icon-emerald{background:#10b98133;color:#34d399}body.dark-mode .icon-red{background:#ef44442e;color:#f87171}.doc-mobile-nav-toggle{display:none;align-items:center;gap:10px;width:100%;padding:12px 16px;background:var(--sup-card);border:1px solid var(--sup-border);border-radius:10px;color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer;margin-bottom:14px;font-family:inherit;box-shadow:var(--sup-shadow)}.doc-mobile-nav-toggle i:first-child{color:var(--sup-accent);font-size:14px}.doc-mobile-nav-arrow{margin-left:auto;font-size:11px;transition:transform .25s}.doc-mobile-nav-toggle.open .doc-mobile-nav-arrow{transform:rotate(180deg)}@media(max-width:1280px){.bento-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.support-container{padding:22px 24px}.doc-body{grid-template-columns:220px 1fr}.doc-content{padding:22px 24px 60px}.section-header h2{font-size:23px}}@media(max-width:900px){.bento-grid-3{grid-template-columns:1fr}}@media(max-width:768px){.support-container{padding:18px}.doc-header{padding:14px 0 12px}.header-content{flex-direction:column;align-items:stretch;gap:12px}.header-titles h1{font-size:19px}.search-wrapper{max-width:none;margin-left:0}.doc-body{grid-template-columns:1fr;overflow-y:auto}.doc-mobile-nav-toggle{display:flex}.doc-sidebar{display:none;padding:12px 0 14px;border-right:none;border-bottom:1px solid var(--sup-divider);background:transparent;max-height:60vh}.doc-sidebar.open{display:flex}.doc-content{padding:14px 4px 50px}.doc-section{padding:0}.section-header{margin-bottom:18px;padding-bottom:12px}.section-header h2{font-size:21px}.section-header p{font-size:13px}.bento-grid-2{grid-template-columns:1fr;gap:12px}.bento-card{padding:18px;gap:10px}.bento-card.hero{padding:22px 20px}.bento-card h3{font-size:14.5px}.bento-card p{font-size:13px;line-height:1.6}.bento-card ul,.bento-card ol{font-size:12.5px}.bento-icon{width:34px;height:34px;font-size:14px;border-radius:9px}.hero-icon{width:40px;height:40px;font-size:16px}}@media(max-width:480px){.support-container{padding:14px}.header-titles h1{font-size:17px}.badge-pill{font-size:9px}.nav-item{font-size:12.5px;padding:8px 10px}.group-label{font-size:9px;padding:0 10px 6px}.bento-card{padding:16px}.bento-card h3{font-size:14px}.bento-card p{font-size:12.5px}.section-header h2{font-size:19px}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:18px}.contact-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--sup-card);border:1px solid var(--sup-border);border-radius:var(--sup-radius);text-align:left;text-decoration:none;color:inherit;cursor:pointer;font-family:inherit;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:var(--sup-shadow);width:100%;box-sizing:border-box}.contact-card:hover{border-color:var(--sup-accent-border);box-shadow:var(--sup-shadow)}.contact-card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--sup-accent-bg);color:var(--sup-accent);font-size:18px}.contact-card-icon.contact-icon-tech{background:#3b82f61f;color:#60a5fa}.contact-card-icon.contact-icon-bug{background:#ef44441f;color:#f87171}.contact-card-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.contact-card-body h3{font-size:14px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.1px}.contact-card-body p{font-size:12.5px;color:var(--sup-text-sub);margin:0;line-height:1.5}.contact-email{font-size:12px;font-weight:600;color:var(--sup-accent);margin-top:2px;word-break:break-all}.contact-email-row{display:inline-flex;align-items:center;gap:6px;margin-top:2px}.contact-email-row .contact-email{margin-top:0}.contact-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--sup-border, rgba(0,0,0,.08));background:transparent;border-radius:6px;color:var(--sup-text-sub, #777);cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .12s;font-size:10.5px}.contact-copy-btn:hover{background:#22c55e14;border-color:#22c55e59;color:#22c55e}.contact-copy-btn:active{transform:scale(.94)}.contact-copy-btn.copied{background:#22c55e26;border-color:#22c55e8c;color:#16a34a}.dark-mode .contact-copy-btn{border-color:#ffffff1a;color:#ffffff8c}.dark-mode .contact-copy-btn:hover{background:#4ade801a;border-color:#4ade8066;color:#4ade80}.dark-mode .contact-copy-btn.copied{background:#4ade802e;border-color:#4ade808c;color:#4ade80}.contact-arrow{flex-shrink:0;font-size:13px;color:var(--sup-text-faint);transition:transform .2s,color .2s}.contact-card:hover .contact-arrow{color:var(--sup-accent);transform:translate(3px)}.contact-hint{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--sup-accent-bg);border:1px solid var(--sup-accent-border);border-radius:10px;font-size:12.5px;color:var(--sup-text-sub)}.contact-hint i{color:var(--sup-accent)}.contact-card-icon.contact-icon-msg{background:#8b5cf61f;color:#a78bfa}.contact-card{position:relative}.contact-card-badge{position:absolute;top:10px;right:10px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--sup-accent);color:#fff;font-size:10.5px;font-weight:700;line-height:1;border-radius:9px}.msg-modal{width:min(560px,94vw);max-height:min(680px,90vh);display:flex;flex-direction:column;background:var(--sup-card, #fff);border:1px solid var(--sup-border);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -12px #0000004d;animation:msgPop .22s ease-out}@keyframes msgPop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.msg-modal-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--sup-border);flex-shrink:0}.msg-head-title{flex:1;min-width:0}.msg-head-title h2{margin:0;font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.msg-head-title p{margin:2px 0 0;font-size:12px;color:var(--sup-text-sub)}.msg-back-btn,.msg-close-btn{flex-shrink:0;width:32px;height:32px;border:none;border-radius:9px;background:#0000000d;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .18s,color .18s}.msg-back-btn:hover,.msg-close-btn:hover{background:#00000017;color:var(--ink)}.dark-mode .msg-back-btn,.dark-mode .msg-close-btn{background:#ffffff12;color:#fff9}.dark-mode .msg-back-btn:hover,.dark-mode .msg-close-btn:hover{background:#ffffff1f;color:#fff}.msg-view{flex:1;min-height:0;display:flex;flex-direction:column}#msgListView{padding:16px 18px;overflow-y:auto}.msg-new-btn{width:100%;padding:12px;border:1px solid var(--sup-accent-border);background:var(--sup-accent-bg);color:var(--sup-accent);border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,transform .12s;margin-bottom:14px}.msg-new-btn:hover{background:#22c55e29}.msg-new-btn:active{transform:scale(.99)}.msg-list{display:flex;flex-direction:column;gap:8px}.msg-conv{text-align:left;width:100%;padding:13px 15px;background:var(--sup-bg-alt);border:1px solid var(--sup-border);border-radius:12px;cursor:pointer;transition:border-color .18s,background .18s;font-family:inherit}.msg-conv:hover{border-color:var(--sup-accent-border);background:var(--sup-card-hover)}.msg-conv-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.msg-conv-subject{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-preview{font-size:12px;color:var(--sup-text-sub);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-meta{font-size:11px;color:var(--sup-text-faint);margin-top:6px}.msg-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--sup-accent);flex-shrink:0}.msg-status{flex-shrink:0;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.02em}.msg-status.st-open{background:#f59e0b24;color:#f59e0b}.msg-status.st-answered{background:#22c55e24;color:#22c55e}.msg-status.st-closed{background:#78787829;color:#888}.msg-empty{text-align:center;padding:40px 20px;color:var(--sup-text-faint)}.msg-empty i{font-size:30px;opacity:.5}.msg-empty p{margin:12px 0 4px;font-size:14px;font-weight:600;color:var(--sup-text-sub)}.msg-empty span{font-size:12.5px}.msg-loading{display:flex;justify-content:center;padding:24px}.msg-spin{width:22px;height:22px;border:2.5px solid var(--sup-border);border-top-color:var(--sup-accent);border-radius:50%;animation:msgSpin .7s linear infinite}@keyframes msgSpin{to{transform:rotate(360deg)}}#msgComposeView{padding:18px;overflow-y:auto}.msg-label{display:block;font-size:12px;font-weight:700;color:var(--sup-text-sub);margin:0 0 6px}.msg-input,.msg-textarea{width:100%;box-sizing:border-box;padding:11px 13px;background:var(--input-bg, var(--sup-bg-alt));color:var(--ink);border:1px solid var(--sup-border);border-radius:10px;font-size:13.5px;font-family:inherit;transition:border-color .18s;margin-bottom:14px}.msg-textarea{min-height:140px;resize:vertical;line-height:1.55}.msg-input:focus,.msg-textarea:focus{outline:none;border-color:var(--sup-accent)}.msg-send-btn{width:100%;padding:12px;background:var(--sup-accent);color:#fff;border:none;border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .18s,transform .12s}.msg-send-btn:hover{filter:brightness(1.06)}.msg-send-btn:active{transform:scale(.99)}.msg-send-btn:disabled{opacity:.6;cursor:default}#msgThreadView{padding:0}.msg-thread{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.msg-bubble-row{display:flex}.msg-bubble-row.mine{justify-content:flex-end}.msg-bubble-row.theirs{justify-content:flex-start}.msg-bubble{max-width:78%;padding:10px 14px;border-radius:14px}.msg-bubble-row.mine .msg-bubble{background:var(--sup-accent);color:#fff;border-bottom-right-radius:5px}.msg-bubble-row.theirs .msg-bubble{background:var(--sup-bg-alt);color:var(--ink);border:1px solid var(--sup-border);border-bottom-left-radius:5px}.msg-bubble-body{font-size:13.5px;line-height:1.5;word-wrap:break-word}.msg-bubble-meta{font-size:10.5px;margin-top:5px;opacity:.75}.msg-bubble-row.mine .msg-bubble-meta{color:#ffffffd9}.msg-bubble-row.theirs .msg-bubble-meta{color:var(--sup-text-faint)}.msg-reply-bar{flex-shrink:0;display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--sup-border)}.msg-reply-input{flex:1;box-sizing:border-box;padding:10px 13px;max-height:120px;resize:none;background:var(--input-bg, var(--sup-bg-alt));color:var(--ink);border:1px solid var(--sup-border);border-radius:20px;font-size:13.5px;font-family:inherit;line-height:1.4}.msg-reply-input:focus{outline:none;border-color:var(--sup-accent)}.msg-reply-send{flex-shrink:0;width:40px;height:40px;background:var(--sup-accent);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:filter .18s,transform .12s}.msg-reply-send:hover{filter:brightness(1.06)}.msg-reply-send:active{transform:scale(.94)}.msg-reply-send:disabled{opacity:.6;cursor:default}.msg-closed-note{flex-shrink:0;padding:12px;text-align:center;font-size:12.5px;color:var(--sup-text-faint);border-top:1px solid var(--sup-border);display:flex;align-items:center;justify-content:center;gap:7px}@media(max-width:560px){.msg-modal{width:100vw;max-height:100vh;height:100vh;border-radius:0}}.sup-info-box{background:var(--sup-bg-alt);border:1px solid var(--sup-border);border-radius:10px;padding:14px 16px;box-sizing:border-box}.sup-info-box--center{text-align:center;padding:18px 16px}.sup-info-box--center>div:first-child{font-size:22px!important;font-weight:700;margin-bottom:6px!important;color:var(--sup-accent)!important;line-height:1}.sup-info-box strong{font-size:13px;display:block;margin-bottom:6px;color:var(--ink);font-weight:700;letter-spacing:-.1px}.sup-info-box span{font-size:12.5px;color:var(--sup-text-sub);line-height:1.55;display:block}.sup-info-box ul{padding-left:16px;font-size:12.5px;color:var(--sup-text-sub);line-height:1.75;margin:0}.sup-info-box ul li{margin-bottom:2px}.sup-info-box code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11.5px;padding:1px 6px;background:var(--sup-code-bg);color:var(--sup-accent);border-radius:3px;border:1px solid var(--sup-border)}.sup-tip-box{margin-top:12px;padding:10px 12px;background:var(--sup-accent-bg);border:1px solid var(--sup-accent-border);border-radius:8px;font-size:12.5px;color:var(--sup-text-sub);display:flex;align-items:flex-start;gap:8px;line-height:1.55}.sup-tip-box i{color:var(--sup-accent);font-size:13px;margin-top:2px;flex-shrink:0}.sup-tip-box strong{color:var(--ink);font-weight:700}#page-support .support-cards-grid,#page-support .support-group-divider,#page-support>.mobile-accordion-body{display:none!important}.settings-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--analytics-bg);border-radius:16px;padding:36px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px}.settings-header h2{margin:0;color:var(--analytics-text);font-size:20px;font-weight:700}.settings-container::-webkit-scrollbar{width:5px;background:transparent}.settings-container::-webkit-scrollbar-thumb{background:#7878784d;border-radius:10px}.settings-grid{display:grid;grid-template-columns:420px 1fr;gap:0px;align-items:stretch;justify-content:start;width:100%;max-width:1600px;margin:0 auto}.settings-right-wrapper{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;width:100%;height:100%}.settings-card{background:var(--card);border:1px solid var(--analytics-border);border-radius:12px;padding:25px;box-sizing:border-box}.settings-card .card-title{font-size:18px;color:var(--ink);margin-top:0;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--analytics-border);font-weight:600}.small-hint{color:var(--ink);font-size:12px}h3{color:var(--ink)}.form-grid-single-column{display:flex;flex-direction:column;gap:12px}.form-row-compact label{font-size:11px;color:var(--ink-2);font-weight:600}.form-row-compact input{padding:10px 12px;border:1px solid var(--analytics-border);border-radius:8px;font-size:14px;color:var(--ink);background-color:var(--input-bg);box-sizing:border-box;width:100%;margin-top:4px}.form-row-compact input[readonly]{background-color:var(--bg-2);color:var(--ink);cursor:not-allowed}.settings-control-select{width:100%;padding:10px 12px;margin-top:4px;border:1px solid var(--analytics-border);border-radius:8px;background-color:var(--input-bg);color:var(--ink);font-size:14px;box-sizing:border-box}.form-row-compact.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--highlight-bg)}.form-row-compact.toggle-row:last-of-type{border-bottom:none}.form-row-compact.toggle-row label:first-child{font-weight:500;font-size:14px;color:var(--ink)}.settings-input-with-icon-wrapper{position:relative;width:100%;display:flex}.settings-input-icon-btn{position:absolute;right:0;top:1px;height:calc(100% - 2px);aspect-ratio:1 / 1;background:transparent;border:none;cursor:pointer;font-size:14px;color:var(--ink-2);border-radius:0 8px 8px 0;padding:0 10px;transition:color .2s,background-color .2s}.settings-input-icon-btn:hover{color:var(--analytics-primary);background:var(--bg-2)}.dark-mode .settings-input-icon-btn:hover{background:var(--highlight-bg)}#copyAPIKeyBtn{right:40px}#resetAPIKeyBtn{right:0}.reset-key-btn:hover{color:var(--red-accent)}.settings-save-btn-large{width:100%;margin-top:30px;background:var(--btn);color:#fff;border:1px solid var(--analytics-border);font-weight:600;border-radius:8px;padding:10px 0;transition:background .2s}.settings-save-btn-large:hover{background:#000}.settings-feature-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;flex-shrink:0}.settings-feature-card{background:var(--card);border:1px solid var(--analytics-border);border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .2s}.settings-feature-card:hover{background:var(--highlight-bg);box-shadow:0 4px 12px #00000026}.settings-feature-card i{font-size:28px;margin-bottom:5px}.settings-feature-card h4{font-size:15px;color:var(--ink);font-weight:600;margin:0}.settings-feature-card .small-hint{font-size:11px;color:var(--ink-2);margin:0;line-height:1.3}.dark-mode .settings-card{background:var(--card);border-color:var(--analytics-border)}.dark-mode .settings-feature-card:hover,.dark-mode .settings-input-icon-btn:hover{background:var(--highlight-bg)}.settings-profile-card{flex-shrink:0;width:100%;max-width:400px}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-profile-card{max-width:100%}.settings-right-wrapper{gap:12px}}@media(max-width:600px){.settings-feature-cards-grid{grid-template-columns:1fr}}:root{--a-primary: #22c55e;--a-bg: #ffffff;--a-bg-2: #f5f5f5;--a-card: #ffffff;--a-card-hover: #fafafa;--a-border: #e0e0e0;--a-text: #1a1a1a;--a-text-2: #6b7280;--a-grid: rgba(0, 0, 0, .04);--a-green: #22c55e;--a-purple: #9b59b6;--a-orange: #e67e22;--a-red: #e74c3c;--a-teal: #1abc9c;--a-radius: 14px;--a-radius-sm: 8px;--a-transition: .2s ease;--a-shadow: none;--a-shadow-hover: 0 2px 12px rgba(0,0,0,.05);--a-trend-up: #22c55e;--a-trend-down: #e74c3c;--a-heatmap-empty: #f0f0f0;--a-heatmap-low: rgba(34, 197, 94, .15);--a-heatmap-mid: rgba(34, 197, 94, .4);--a-heatmap-high: rgba(34, 197, 94, .7);--a-heatmap-max: rgba(34, 197, 94, 1)}body.dark-mode{--a-bg: #101010;--a-bg-2: #161616;--a-card: #101010;--a-card-hover: #161616;--a-border: rgba(255, 255, 255, .06);--a-text: #e5e5e5;--a-text-2: #888;--a-grid: rgba(255, 255, 255, .04);--a-shadow: none;--a-shadow-hover: 0 4px 18px rgba(0,0,0,.4);--a-heatmap-empty: #1a1a1a;--a-heatmap-low: rgba(34, 197, 94, .12);--a-heatmap-mid: rgba(34, 197, 94, .3);--a-heatmap-high: rgba(34, 197, 94, .55);--a-heatmap-max: rgba(34, 197, 94, .85)}.analytics-container{display:flex;flex-direction:column;gap:24px;height:100%;width:100%;background:var(--bg);border-radius:16px;padding:32px;box-sizing:border-box;overflow:hidden}.analytics-container::-webkit-scrollbar{width:5px;background:transparent}.analytics-container::-webkit-scrollbar-thumb{background:#78787840;border-radius:10px}#pageDetailHeader.page-header-detail{flex-shrink:0}.analytics-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:24px;padding-right:4px}.analytics-scroll::-webkit-scrollbar{width:5px;background:transparent}.analytics-scroll::-webkit-scrollbar-thumb{background:#78787840;border-radius:10px}.analytics-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;flex-shrink:0}.analytics-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.analytics-header h2{margin:0;color:var(--a-text);font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.analytics-header h2 i{color:var(--a-primary);font-size:18px}.header-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.range-pills{display:flex;gap:3px;background:var(--a-card);border:1px solid var(--a-border);border-radius:10px;padding:3px}.range-pill{padding:7px 14px;border:none;border-radius:7px;background:transparent;color:var(--a-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:var(--a-transition);font-family:Inter,sans-serif;white-space:nowrap}.range-pill:hover{color:var(--a-text);background:var(--a-border)}.range-pill.active{background:var(--a-primary);color:#fff}.range-pill i{margin-right:4px;font-size:11px}.header-actions{display:flex;gap:6px}.action-btn{width:36px;height:36px;border:1px solid var(--a-border);border-radius:9px;background:var(--a-card);color:var(--a-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--a-transition)}.action-btn:hover{color:var(--a-primary);border-color:var(--a-primary)}.action-btn:disabled{opacity:.5;pointer-events:none}.action-btn-sm{width:32px;height:32px;font-size:12px;border-radius:8px}.action-btn.spinning i{animation:a-spin .7s linear infinite}@keyframes a-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.a-icon-btn{width:36px;height:36px;border:1px solid var(--a-border);border-radius:var(--a-radius-sm);background:var(--a-card);color:var(--a-text-2);cursor:pointer;transition:var(--a-transition);display:inline-flex;align-items:center;justify-content:center;font-size:13px}.a-icon-btn:hover{border-color:var(--a-primary);color:var(--a-primary)}.a-icon-btn:disabled{opacity:.5;pointer-events:none}.a-icon-btn.spinning i{animation:a-spin .7s linear infinite}.a-card{background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--a-radius);box-shadow:var(--a-shadow);transition:var(--a-transition)}.a-card:hover{box-shadow:var(--a-shadow)}.a-card-header{padding:12px 16px;border-bottom:1px solid var(--a-border);display:flex;align-items:center;justify-content:space-between;gap:10px}.a-card-header h3{font-size:14px;font-weight:600;color:var(--a-text);margin:0;display:flex;align-items:center;gap:8px}.a-card-header h3 i{color:var(--a-text-2);font-size:13px}.a-card-header h3 i.a-icon-green,.a-icon-green{color:#22c55e}.a-card-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.a-live-indicator{display:flex;align-items:center;gap:5px;font-size:10px;color:#22c55e;opacity:.7;font-weight:500}.a-pulse{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:a-pulse-anim 2s infinite}@keyframes a-pulse-anim{0%,to{opacity:1}50%{opacity:.4}}.a-card-header[data-card-id]{cursor:pointer;user-select:none}.a-card-header[data-card-id]:hover .a-collapse-icon{color:var(--a-text);opacity:1}.a-collapse-icon{font-size:11px;color:var(--a-text-2);transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease;opacity:.6}.a-card.collapsed .a-collapse-icon{transform:rotate(180deg)}.a-card.collapsed .a-card-header{border-bottom-color:transparent}.a-card.collapsing .a-card-body,.a-card.expanding .a-card-body{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding-top .3s ease,padding-bottom .3s ease}.a-card.collapsed .a-card-body{max-height:0!important;opacity:0;padding-top:0!important;padding-bottom:0!important}.a-card-body{padding:14px 16px}.a-card-body .chart-card{border:none;box-shadow:none;padding:14px 0;border-radius:0}.a-card-body .chart-card:hover{box-shadow:none}.a-card-body .chart-row{gap:16px}.a-card-body .leaderboard-card{border:1px solid var(--a-border);border-radius:var(--a-radius-sm);padding:16px}.a-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;overflow:visible}.a-stat-card{background:var(--a-bg-1);border:1px solid var(--a-border);border-radius:var(--a-radius);padding:10px;display:flex;align-items:center;gap:10px}.a-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.a-stat-icon.green{background:#22c55e26;color:#22c55e}.a-stat-icon.blue{background:#3b82f626;color:#3b82f6}.a-stat-icon.orange{background:#f59e0b26;color:#f59e0b}.a-stat-icon.teal{background:#14b8a626;color:#14b8a6}.a-stat-icon.pink{background:#ec489926;color:#ec4899}.a-stat-icon.magenta{background:#a855f726;color:#a855f7}.a-stat-icon.cyan{background:#06b6d426;color:#06b6d4}.a-stat-body{display:flex;flex-direction:column;min-width:0;overflow:hidden}.a-stat-label{font-size:11px;color:var(--a-text-2);font-weight:500;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a-stat-value{font-size:19px;font-weight:700;color:var(--a-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a-stat-card{position:relative}.a-stat-info{position:absolute;top:5px;right:5px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#78787859;cursor:help;border-radius:50%;transition:color .15s ease}.a-stat-info:hover{color:#787878b3}.a-stat-tooltip{position:fixed;width:200px;background:#1a1a1a;color:#f5f5f5;font-size:11.5px;font-weight:500;line-height:1.5;padding:8px 10px;border-radius:8px;white-space:normal;text-align:left;pointer-events:none;z-index:9999;box-shadow:0 4px 14px #0000002e;display:none}body.dark-mode .a-stat-tooltip{background:#2a2a2a;color:#d4d4d4;border:1px solid #3a3a3a;box-shadow:0 4px 20px #0000008c}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:var(--a-radius);background:var(--a-card);border:1px solid var(--a-border);box-shadow:var(--a-shadow);transition:var(--a-transition);position:relative;overflow:hidden}.kpi-icon-wrap{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.kpi-icon-wrap.blue{background:#3498db1a;color:#3498db}.kpi-icon-wrap.green{background:#4caf501a;color:#4caf50}.kpi-icon-wrap.purple{background:#9b59b61a;color:#9b59b6}.kpi-icon-wrap.orange{background:#e67e221a;color:#e67e22}.kpi-icon-wrap.red{background:#e74c3c1a;color:#e74c3c}.kpi-icon-wrap.teal{background:#1abc9c1a;color:#1abc9c}.kpi-icon-wrap.lime{background:#8bc34a1a;color:#8bc34a}.kpi-body{display:flex;flex-direction:column;min-width:0;flex:1}.kpi-label{font-size:12px;color:var(--a-text-2);font-weight:500;margin-bottom:4px}.kpi-value-row{display:flex;align-items:baseline;gap:8px}.kpi-value{font-size:26px;font-weight:700;color:var(--a-text);line-height:1.2}.kpi-subtitle{font-size:11px;color:var(--a-text-2);margin-top:4px}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap}.kpi-trend.up{color:var(--a-trend-up);background:#4caf501a}.kpi-trend.down{color:var(--a-trend-down);background:#e74c3c1a}.kpi-trend.neutral{color:var(--a-text-2);background:var(--a-border)}.kpi-trend i{font-size:9px}.kpi-sparkline{width:100%!important;height:28px!important;margin-top:6px;border-radius:4px}.engagement-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.engagement-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--a-radius);box-shadow:var(--a-shadow);border-left:3px solid var(--a-purple);transition:var(--a-transition)}.engagement-card:hover{box-shadow:var(--a-shadow-hover)}.engagement-icon{font-size:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.engagement-icon .ar-icon-custom{width:20px;height:20px}.engagement-icon.purple{background:#9b59b61a;color:#9b59b6}.engagement-icon.blue{background:#3498db1a;color:#3498db}.engagement-icon.green{background:#4caf501a;color:#4caf50}.engagement-body{display:flex;flex-direction:column}.engagement-label{font-size:12px;color:var(--a-text-2);font-weight:500;margin-bottom:2px}.engagement-value{font-size:20px;font-weight:700;color:var(--a-text)}.chart-row{display:flex;gap:20px;width:100%}.chart-row .flex-2{flex:2;min-width:0}.chart-row .flex-1,.chart-row .quarter-card,.chart-row .half-card{flex:1;min-width:0}.chart-card{background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--a-radius);display:flex;flex-direction:column;box-sizing:border-box;padding:20px;box-shadow:var(--a-shadow);transition:var(--a-transition);position:relative}.chart-card:hover{box-shadow:var(--a-shadow-hover)}.chart-title{font-weight:600;color:var(--a-text);font-size:13px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.chart-title i{color:#22c55e;font-size:12px}.chart-mode-label{font-size:11px;color:var(--a-text-2);font-weight:500;margin-left:4px}.chart-canvas-wrap{flex:1;position:relative;min-height:200px}.chart-canvas-wrap canvas{width:100%!important;height:100%!important}.primary-charts .chart-canvas-wrap{min-height:220px;max-height:280px}.doughnut-wrap{display:flex;align-items:center;justify-content:center}.doughnut-wrap canvas{max-width:100%!important;max-height:100%!important}.hbar-wrap{min-height:80px}.no-data-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--a-text-2);font-size:13px;pointer-events:none}.chart-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chart-header-row .chart-title{margin-bottom:0}.chart-type-toggle{display:flex;gap:2px;background:var(--a-border);border-radius:7px;padding:2px}.toggle-btn{padding:5px 10px;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--a-text-2);font-size:12px;transition:var(--a-transition);font-family:Inter,sans-serif}.toggle-btn.active{background:var(--a-card);color:var(--a-primary);box-shadow:0 1px 3px #00000014}.toggle-btn:hover:not(.active){color:var(--a-text)}.heatmap-container{display:grid;grid-template-columns:36px repeat(24,1fr);grid-template-rows:18px repeat(7,1fr);gap:2px;flex:1;min-height:170px}.heatmap-label{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--a-text-2);font-weight:500}.heatmap-label.day-label{justify-content:flex-end;padding-right:6px}.heatmap-label.hour-label{font-size:9px}.heatmap-cell{border-radius:3px;transition:transform .12s ease,box-shadow .12s ease;cursor:default;min-height:14px}.heatmap-cell:hover{transform:scale(1.4);z-index:2;box-shadow:0 0 6px #3498db66}.page-header-detail{background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--a-radius);padding:12px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;font-size:13px;box-shadow:var(--a-shadow);position:relative;overflow:visible}.page-header-detail:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.03) 0%,transparent 60%);pointer-events:none;border-radius:inherit}.page-header-detail .detail-item{display:flex;align-items:center;gap:7px;padding:0 16px;position:relative}.page-header-detail .detail-title-group{padding-left:0}.page-header-detail .detail-icon{font-size:13px;color:var(--a-text-2);opacity:.55;flex-shrink:0}.page-header-detail .item-label{color:var(--a-text-2);font-weight:500;font-size:12.5px;letter-spacing:.01em}.page-header-detail .item-value{color:var(--a-text);font-weight:600;font-size:13px}.page-header-detail .page-title{font-size:15px;color:var(--a-text);font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.page-header-detail .detail-divider{width:1px;height:22px;background:var(--a-border);flex-shrink:0;opacity:.7}.page-header-detail .status-detail{padding:0 14px}.page-header-detail .status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap}.page-header-detail .status-dot-pulse{width:7px;height:7px;border-radius:50%;flex-shrink:0;position:relative}.status-chip.status-green{background:#22c55e1a;color:#16a34a}.status-chip.status-green .status-dot-pulse{background:#22c55e;box-shadow:0 0 #22c55e80;animation:statusPulse 2s ease-in-out infinite}.status-chip.status-orange{background:#f59e0b1a;color:#d97706}.status-chip.status-orange .status-dot-pulse{background:#f59e0b;box-shadow:0 0 #f59e0b80;animation:statusPulse 2s ease-in-out infinite}.status-chip.status-red{background:#ef44441a;color:#dc2626}.status-chip.status-red .status-dot-pulse{background:#ef4444}.status-chip.status-grey{background:#94a3b81a;color:#64748b}.status-chip.status-grey .status-dot-pulse{background:#94a3b8}@keyframes statusPulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}body.dark-mode .status-chip.status-green{background:#22c55e1f;color:#4ade80}body.dark-mode .status-chip.status-orange{background:#f59e0b1f;color:#fbbf24}body.dark-mode .status-chip.status-red{background:#ef44441f;color:#f87171}body.dark-mode .status-chip.status-grey{background:#94a3b814;color:#94a3b8}.page-header-detail .detail-clock-group{margin-left:auto;padding-right:0}.page-header-detail .detail-clock-value{font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--a-text);font-variant-numeric:tabular-nums}.page-header-detail .detail-clock-tag{font-size:10px;font-weight:600;color:var(--a-text-2);opacity:.5;letter-spacing:.06em;text-transform:uppercase;margin-left:2px}#customPopup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.a-popup-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(6px)}body.dark-mode .a-popup-overlay{background:#050505b3}.a-popup-content{background:var(--a-card);border-radius:var(--a-radius);padding:28px 32px;width:440px;max-width:90vw;text-align:left;position:relative;z-index:1001;animation:a-popup-in .2s ease-out;border:1px solid var(--a-border);box-shadow:0 20px 60px #00000026}body.dark-mode .a-popup-content{box-shadow:0 20px 60px #00000080}@keyframes a-popup-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.a-popup-content h3{color:var(--a-text);font-size:17px;font-weight:700;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--a-border)}.a-popup-content label{display:block;color:var(--a-text-2);font-size:13px;font-weight:600;margin-bottom:5px}.a-popup-content input[type=date]{width:100%;padding:10px 12px;border:1px solid var(--a-border);border-radius:var(--a-radius-sm);font-size:14px;color:var(--a-text);background-color:var(--a-card);box-sizing:border-box;font-family:Inter,sans-serif}body.dark-mode .a-popup-content input[type=date]{background-color:#1a1a1a;border-color:#444}.popup-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.popup-actions{display:flex;justify-content:flex-end;gap:10px}.popup-btn-primary{padding:9px 20px;border-radius:var(--a-radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;background:var(--a-primary);color:#fff;transition:var(--a-transition);font-family:Inter,sans-serif}.popup-btn-primary:hover{background:#16a34a}.popup-btn-secondary{padding:9px 20px;border-radius:var(--a-radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--a-border);background:transparent;color:var(--a-text);transition:var(--a-transition);font-family:Inter,sans-serif}.popup-btn-secondary:hover{background:var(--a-border)}.skeleton{background:linear-gradient(90deg,var(--a-border) 25%,var(--a-card-hover) 50%,var(--a-border) 75%);background-size:200% 100%;animation:a-skeleton 1.5s infinite;border-radius:6px}@keyframes a-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.page-selector-status{display:none}@media(max-width:1600px){.analytics-container{padding:28px;gap:22px}.analytics-scroll{gap:22px}}@media(max-width:1400px){.secondary-charts{flex-wrap:wrap}.secondary-charts .quarter-card{flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px)}}@media(max-width:1100px){.a-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.analytics-container{padding:24px;gap:20px}.primary-charts{flex-direction:column}.primary-charts .flex-2,.primary-charts .flex-1{flex:none;width:100%}}@media(max-width:1100px){.page-header-detail .detail-item{padding:0 10px}.page-header-detail .page-title{max-width:160px;font-size:14px}.page-header-detail .item-label{font-size:11.5px}.page-header-detail .item-value{font-size:12.5px}.page-header-detail .status-chip{font-size:11px;padding:3px 10px}.page-header-detail .detail-clock-value{font-size:12px}}@media(max-width:1000px){.tertiary-charts{flex-direction:column}.tertiary-charts .half-card{flex:none;width:100%}.leaderboard-row{flex-direction:column}.leaderboard-row .half-card{flex:none;width:100%}.header-controls{gap:8px}.range-pill{padding:6px 10px;font-size:12px}.page-selector-btn{padding:6px 12px;font-size:12px;max-width:170px}}@media(max-width:900px){.analytics-container{padding:20px;gap:18px}.analytics-header{flex-direction:column;align-items:stretch;position:relative}.header-controls{justify-content:flex-start;width:100%}.header-actions{position:absolute;top:0;right:0;z-index:2}.page-selector{width:100%;display:flex;align-items:center;gap:8px}.page-selector-btn{flex:1;min-width:0;max-width:none;box-sizing:border-box}.page-selector-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:10px;font-weight:600;color:#22c55e;background:#22c55e1a;padding:4px 10px;border-radius:999px;white-space:nowrap}.page-selector-status .status-dot-pulse{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.page-header-detail .status-detail{display:none}.range-pills{width:100%;justify-content:center;box-sizing:border-box}.range-pill{flex:1;text-align:center}.secondary-charts{flex-direction:column}.secondary-charts .quarter-card{flex:none;width:100%;min-width:0}}@media(max-width:700px){.a-stats-grid{grid-template-columns:repeat(2,1fr)}.a-stat-card{min-width:0}}@media(max-width:768px){.engagement-strip{grid-template-columns:1fr}.range-pills{flex-wrap:wrap}.page-selector-btn{max-width:none}.page-header-detail{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px}.page-header-detail .detail-divider{display:none}.page-header-detail .detail-item{padding:0}.page-header-detail .detail-title-group{order:1}.page-header-detail .detail-clock-group{order:2;margin-left:auto;gap:4px}.page-header-detail .status-detail{order:3;padding:0}.page-header-detail .page-title{max-width:none;font-size:14px;white-space:nowrap}.page-header-detail .detail-clock-value{font-size:11px}.page-header-detail .detail-clock-tag{font-size:9px}.page-header-detail .detail-clock-group .detail-icon{font-size:10px}.page-header-detail .status-chip{font-size:10px;padding:2px 7px}.page-header-detail .detail-item:not(.detail-title-group):not(.status-detail):not(.detail-clock-group){flex:0 0 100%;order:4}}@media(max-width:500px){.analytics-container{padding:14px;gap:14px}.popup-date-grid{grid-template-columns:1fr;gap:10px}.a-popup-content{padding:20px;max-width:94vw;border-radius:12px}.a-popup-content h3{font-size:15px;margin-bottom:16px;padding-bottom:10px}.popup-btn-primary,.popup-btn-secondary{padding:8px 16px;font-size:13px}.a-stat-value{font-size:16px}.a-stat-icon{width:36px;height:36px;font-size:15px}.heatmap-container{grid-template-columns:28px repeat(24,1fr)}.chart-canvas-wrap{min-height:160px}.primary-charts .chart-canvas-wrap{min-height:200px}.hbar-wrap{min-height:60px}}@media(max-width:360px){.a-popup-content{padding:16px 14px;max-width:98vw}.popup-btn-primary,.popup-btn-secondary{padding:8px 12px;font-size:12px}}.page-selector{position:relative}.page-selector-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--a-border);border-radius:10px;background:var(--a-card);color:var(--a-text);font-size:13px;font-weight:600;cursor:pointer;transition:var(--a-transition);font-family:Inter,sans-serif;white-space:nowrap;max-width:200px}.page-selector-btn:hover{border-color:var(--a-primary)}.page-selector-btn i:first-child{color:var(--a-primary);font-size:13px}.page-selector-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-selector-arrow{font-size:10px;color:var(--a-text-2);transition:transform .2s ease}.page-selector.open .page-selector-arrow{transform:rotate(180deg)}.page-selector-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:280px;background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--a-radius);box-shadow:0 12px 32px #0000001f;z-index:200;overflow:hidden;animation:a-dropdown-in .15s ease-out}body.dark-mode .page-selector-dropdown{box-shadow:0 12px 32px #00000080}@keyframes a-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.page-selector-search-wrap{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--a-border)}.page-selector-search-wrap i{color:var(--a-text-2);font-size:12px;flex-shrink:0}.page-selector-search-wrap input{flex:1;border:none;background:transparent;color:var(--a-text);font-size:13px;outline:none;font-family:Inter,sans-serif}.page-selector-list{max-height:260px;overflow-y:auto;padding:4px}.page-selector-list::-webkit-scrollbar{width:4px}.page-selector-list::-webkit-scrollbar-thumb{background:#78787833;border-radius:4px}.page-selector-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:var(--a-transition);font-size:13px;color:var(--a-text)}.page-selector-item:hover{background:var(--a-card-hover)}.page-selector-item.active{background:#22c55e14;color:var(--a-primary);font-weight:600}.page-selector-item i{font-size:12px;color:var(--a-text-2);width:16px;text-align:center;flex-shrink:0}.page-selector-item.active i{color:var(--a-primary)}.page-selector-item .page-selector-item-views{margin-left:auto;font-size:11px;color:var(--a-text-2);font-weight:500;flex-shrink:0}.page-selector-footer{border-top:1px solid var(--a-border);padding:6px}.page-selector-trash-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--a-text-2);font-size:12px;font-weight:500;cursor:pointer;border-radius:8px;transition:var(--a-transition);font-family:Inter,sans-serif}.page-selector-trash-toggle:hover{background:var(--a-card-hover);color:var(--a-red)}.page-selector-trash-toggle i{font-size:11px}.page-selector-trash-toggle.active{color:var(--a-red);background:#e74c3c0f}.leaderboard-row{display:flex;gap:20px}.leaderboard-card{display:flex;flex-direction:column}.leaderboard-list{flex:1;display:flex;flex-direction:column;gap:0;margin-top:12px}.lb-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;transition:var(--a-transition);cursor:pointer;position:relative}.lb-item:hover{background:var(--a-card-hover)}.lb-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;color:var(--a-text-2);background:var(--a-card-hover)}.lb-rank.gold{background:linear-gradient(135deg,#f1c40f,#e67e22);color:#fff}.lb-rank.silver{background:linear-gradient(135deg,#bdc3c7,#95a5a6);color:#fff}.lb-rank.bronze{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.lb-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lb-title{font-size:13px;font-weight:600;color:var(--a-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-bar-wrap{height:4px;width:100%;border-radius:2px;background:var(--a-card-hover);overflow:hidden}.lb-bar{height:100%;border-radius:2px;transition:width .6s ease}.lb-bar.views-bar{background:linear-gradient(90deg,#3498db,#2ecc71)}.lb-bar.sessions-bar{background:linear-gradient(90deg,#9b59b6,#e74c3c)}.lb-value{font-size:13px;font-weight:700;color:var(--a-text);flex-shrink:0;min-width:50px;text-align:right}.lb-value-label{font-size:10px;font-weight:400;color:var(--a-text-2);text-transform:uppercase;letter-spacing:.3px}.leaderboard-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 0;margin-top:12px;border:1px dashed var(--a-border);border-radius:10px;background:transparent;color:var(--a-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:var(--a-transition);font-family:Inter,sans-serif}.leaderboard-all-btn:hover{border-color:var(--a-primary);color:var(--a-primary);background:#3498db0a}.leaderboard-all-btn i{font-size:12px}.lb-popup-overlay{position:fixed;inset:0;background:#0000008c;z-index:9000;display:flex;align-items:center;justify-content:center;animation:a-fade-in .2s ease}@keyframes a-fade-in{0%{opacity:0}to{opacity:1}}.lb-popup{background:var(--a-card);border:1px solid var(--a-border);border-radius:16px;width:90%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000004d;animation:a-popup-scale .25s ease}@keyframes a-popup-scale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.lb-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--a-border)}.lb-popup-title{font-size:16px;font-weight:700;color:var(--a-text);display:flex;align-items:center;gap:10px}.lb-popup-title i{color:var(--a-primary);font-size:15px}.lb-popup-close{width:32px;height:32px;border:none;border-radius:10px;background:#0000000f;color:var(--a-text-2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(4px)}.lb-popup-close:hover{background:#ef44441f;color:#ef4444;transform:scale(1.05)}.lb-popup-body{flex:1;overflow-y:auto;padding:8px 16px 16px}.lb-popup-body::-webkit-scrollbar{width:5px}.lb-popup-body::-webkit-scrollbar-thumb{background:#78787840;border-radius:4px}.lb-popup-body .lb-item{padding:12px 14px}.lb-popup-body .lb-item:not(:last-child){border-bottom:1px solid var(--a-border);border-radius:0}.lb-popup-body .lb-item:first-child{border-radius:10px 10px 0 0}.lb-popup-body .lb-item:last-child{border-radius:0 0 10px 10px}.lb-popup-body .lb-item:only-child{border-radius:10px}.lb-popup-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:8px 0 0;background:#3498db0f;border-radius:10px;font-size:13px;font-weight:600;color:var(--a-text-2)}.lb-popup-summary span{color:var(--a-primary);font-weight:700}.print-header{display:none}.visitor-insights-row{display:flex;gap:16px}.vi-panel{flex:1;min-width:0;position:relative}.vi-peak-hours{display:flex;flex-direction:column;gap:10px;padding-top:4px;flex:1}.vi-peak-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--a-card-hover);border-radius:var(--a-radius-sm);transition:var(--a-transition)}.vi-peak-item:hover{background:var(--a-border)}.vi-peak-rank{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;color:#fff}.vi-peak-rank.gold{background:linear-gradient(135deg,#f1c40f,#e67e22)}.vi-peak-rank.silver{background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.vi-peak-rank.bronze{background:linear-gradient(135deg,#e67e22,#d35400)}.vi-peak-info{flex:1;min-width:0}.vi-peak-hour{font-size:13px;font-weight:600;color:var(--a-text);line-height:1.3}.vi-peak-label{font-size:11px;font-weight:500;color:var(--a-text-2);margin-top:1px}.vi-peak-count{font-size:14px;font-weight:700;color:var(--a-primary);white-space:nowrap}@media(max-width:1000px){.visitor-insights-row{flex-direction:column}}.ef-row{display:flex;align-items:center;gap:14px;padding:12px 0}.ef-row+.ef-row{border-top:1px solid var(--a-border)}.ef-row-icon{width:28px;flex-shrink:0;font-size:14px;text-align:center}.ef-row-body{flex:1;min-width:0}.ef-row-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;gap:8px}.ef-row-label{font-size:12.5px;font-weight:600;color:var(--a-text);white-space:nowrap}.ef-row-value{font-size:14px;font-weight:800;color:var(--a-text);white-space:nowrap;display:flex;align-items:center;gap:6px}.ef-conv-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--a-primary);background:#22c55e1a;padding:2px 6px;border-radius:4px;line-height:1.3}.ef-row-bar{width:100%;height:6px;background:var(--a-border);border-radius:3px;overflow:hidden}.ef-row-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.ef-summary{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--a-border);justify-content:center}.ef-summary-item{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:var(--a-text-2)}.ef-summary-item strong{font-weight:700;color:var(--a-text)}.ef-summary-item i{font-size:10px;color:var(--a-text-2)}.dd-layout{display:flex;align-items:center;gap:20px;min-height:170px}.dd-chart-wrap{width:140px;height:140px;flex-shrink:0;position:relative}.dd-chart-wrap canvas{max-width:100%!important;max-height:100%!important}.dd-legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.dd-legend-item{display:flex;align-items:center;gap:8px;padding:7px 0}.dd-legend-item+.dd-legend-item{border-top:1px solid var(--a-border)}.dd-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dd-legend-label{flex:1;min-width:0;font-size:12px;font-weight:600;color:var(--a-text)}.dd-legend-range{font-size:10px;font-weight:500;color:var(--a-text-2);margin-left:4px}.dd-legend-value{font-size:12px;font-weight:700;color:var(--a-text);min-width:28px;text-align:right}.dd-legend-pct{font-size:10px;font-weight:600;color:var(--a-text-2);min-width:38px;text-align:right}.dd-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:12px;border-top:1px solid var(--a-border);justify-content:center}.dd-stat{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--a-text-2)}.dd-stat strong{font-weight:700;color:var(--a-text)}.dd-stat i{font-size:10px;color:var(--a-text-2)}@media(max-width:480px){.dd-layout{flex-direction:column;gap:14px}.dd-chart-wrap{width:120px;height:120px}}.a-stats-grid-4{grid-template-columns:repeat(4,1fr)}.a-stat-icon.purple{background:#a855f726;color:#a855f7}.a-stat-icon.red{background:#ef444426;color:#ef4444}.a-stat-icon.yellow{background:#f59e0b26;color:#f59e0b}.ai-gen-detail-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.ai-gen-detail-panel{background:var(--a-bg-2);border:1px solid var(--a-border);border-radius:10px;padding:12px}.ai-gen-detail-title{font-size:11px;font-weight:600;color:var(--a-text-2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.ai-gen-detail-title i{color:#22c55e;font-size:12px}.ai-gen-bar-row{margin-bottom:8px}.ai-gen-bar-row:last-child{margin-bottom:0}.ai-gen-bar-info{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--a-text);margin-bottom:4px}.ai-gen-bar-info i{font-size:11px;opacity:.6}.ai-gen-bar-info span{margin-left:auto;font-weight:600}.ai-gen-bar-bg{height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.ai-gen-bar-fg{height:100%;border-radius:3px;transition:width .6s ease;min-width:2px}.ai-gen-detail-rate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding-top:4px}.ai-gen-rate-circle{position:relative;width:70px;height:70px}.ai-gen-rate-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.ai-gen-rate-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--rate-color, #22c55e)}.ai-gen-rate-label{font-size:11px;color:var(--a-text-2)}.a-empty-text{font-size:12px;color:var(--a-text-2);opacity:.5}@media(max-width:768px){.a-stats-grid-4{grid-template-columns:repeat(2,1fr)}.ai-gen-detail-row{grid-template-columns:1fr}}.hidden{display:none!important}.dark-mode{--ink: rgb(220, 220, 220);--ink-2: #aaa;--ink-3: #777;--ink-4: #444;--bg: #101010;--bg-2: #151515;--card: #1a1a1a;--btn: #333;--input-bg: #2a2a2a;--input-border: #333;--highlight-bg: #333;--border: 2px solid #333;--border-color: #333;--background-color-popup-darkmode: rgba(20, 20, 20, .97);--green-accent: #4CAF50;--green-accent2:rgba(76, 175, 79, .348)0;--green-bright: #4ade80;--blue-accent: #3498db;--red-accent: #ff6347;--shadow: 0 10px 20px rgba(0, 0, 0, .4);--viewer-bg: #222222}.dark-mode html,.dark-mode body{background:var(--bg);color:var(--ink)}.dark-mode .sidebar{background:var(--bg)}.dark-mode .sidebar-hamburger{color:var(--ink-3)}.dark-mode .sidebar-hamburger:hover{background:#ffffff14}.dark-mode .sidebar-backdrop.active{background:#0009}@media(max-width:1024px){.dark-mode .sidebar{box-shadow:4px 0 32px #00000080}}.dark-mode .side-logo,.dark-mode .side-logo-icon{filter:invert(1);opacity:1}.dark-mode .sidebar-top,.dark-mode .user-block{border-color:#333}.dark-mode .menu-item{color:var(--ink-2)}.dark-mode .menu-item:hover{color:var(--ink)}.dark-mode .menu-item.active{color:var(--ink);background:#ffffff12}.dark-mode .menu-item.active:hover{background:#ffffff1a}.dark-mode .menu-item i{color:var(--ink-2)}.dark-mode .menu-item.active i{color:var(--green-accent)}.mode-toggle-block{padding-top:10px}.dark-mode .mode-toggle-block .menu-item{padding:12px 0}.dark-mode .mode-toggle-block .menu-item span{color:var(--ink-2)}.dark-mode .mode-toggle-block .menu-item i{font-size:16px;color:var(--ink-2);width:20px;margin-left:24px}.dark-mode .slider{background-color:#707070}.dark-mode input:checked+.slider{background-color:#363636}.dark-mode input:checked+.slider:before{background-color:#fff}.dark-mode .page-container{background:var(--bg-2)}.dark-mode .models-left,.dark-mode .models-right{background:transparent}.dark-mode .device-laptop{width:68%;max-width:750px;aspect-ratio:16 / 10;height:auto;position:relative;flex:0 0 auto;transition:transform .3s ease}.dark-mode .laptop-frame{width:100%;height:100%;background:transparent;border-radius:20px;padding:1.5%;box-shadow:var(--shadow);border:solid 1px #333333;display:flex;flex-direction:column}.dark-mode .laptop-screen-container{width:100%;height:100%;background:transparent;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 20px 50px #0000,inset 0 0 0 1px #333;border:solid 1px #333333}.dark-mode .upload-progress-compact{display:flex;align-items:center;width:100%;height:100%;padding:0 15px;gap:12px;box-sizing:border-box;overflow:hidden}.dark-mode .up-icon-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#ffffff0d;border-radius:8px;flex-shrink:0}.dark-mode .up-icon-box i{font-size:18px;color:var(--green-accent);margin:0!important}.dark-mode .up-content-box{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:4px;width:0;min-width:0}.dark-mode .up-text-row{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-size:11px;line-height:1.2;width:100%}.dark-mode .up-filename{color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;display:block;flex:1;min-width:0}.dark-mode .up-size{color:#888;font-family:monospace;font-size:10px;white-space:nowrap;flex-shrink:0}.dark-mode .up-progress-track{width:100%;height:4px;background:#333;border-radius:2px;overflow:hidden}.dark-mode .up-progress-bar{height:100%;background:var(--green-accent);transition:width .3s ease;box-shadow:0 0 6px #4caf5066}.dark-mode .up-status-box{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;flex-shrink:0;white-space:nowrap}.dark-mode .up-counter{font-size:11px;font-weight:700;color:#fff;font-family:monospace;letter-spacing:1px}.dark-mode .up-spinner{font-size:12px;color:var(--green-accent);margin:0!important}.dark-mode .device-mobile{width:21%;max-width:240px;aspect-ratio:8.6 / 18;height:auto;position:relative;z-index:10}.dark-mode .mobile-frame{width:100%;height:100%;background:transparent;border-radius:14px;padding:6px;position:relative;box-sizing:border-box;border:solid 1px #333333;box-shadow:var(--shadow)}.dark-mode .mobile-screen-container{width:100%;height:100%;background:transparent;border-radius:12px;position:relative;overflow:hidden;z-index:2;box-shadow:0 20px 50px #0000,inset 0 0 0 1px #333;border:solid 1px #333}.dark-mode .tabs-header{background:var(--bg);border:solid 1px rgb(40,40,40)!important}.dark-mode .tab-btn{background:transparent;border:none;color:#888}.dark-mode .tab-btn.active{background:var(--btn);color:#fff;box-shadow:0 2px 8px #0000004d}.dark-mode .tab-content,.dark-mode .model-upload-standalone-box,.dark-mode .page-name-controls,.dark-mode .model-name-controls{border:solid 1px rgb(40,40,40)!important;background-color:var(--bg)}.dark-mode .control-group label{color:var(--ink)}.dark-mode input[type=range]{background:#333}.dark-mode input[type=range]::-webkit-slider-thumb{background:var(--ink)}.dark-mode .environment-select select,.dark-mode .model-name-input,.dark-mode #materialSelectDropdown{background-color:#333;border:1px solid #444;color:var(--ink)}.dark-mode #pageSlider .model-card.page-card,.dark-mode .model-card{border-color:#333}.dark-mode .model-card.active-card{border-color:#999!important}.light-mode .model-card.active-card,.model-card.active-card{border-color:#ccc!important}.dark-mode .model-card:hover{border-color:var(--green-accent)!important;transition:border-color .25s ease}.dark-mode .model-card.uploading,.dark-mode .model-card.uploading:hover{border-color:var(--border-color)!important;background-color:var(--bg)!important}.dark-mode .model-meta{background:#2a2a2a76}.dark-mode .model-name{color:var(--ink)}.dark-mode .model-meta-line{color:var(--ink-2)}.dark-mode .info-edit-btn{background:#ffffff1a;color:#888}.dark-mode .info-edit-btn:hover{background:var(--green-accent);color:#000}.dark-mode .info-popup-name-input{background:#333;border-color:var(--green-accent);color:var(--ink)}.dark-mode .info-save-btn{background:var(--green-accent)!important;color:#000!important}.dark-mode .info-save-btn i{color:#fff!important}.dark-mode .info-cancel-btn{background:#e74c3c!important;color:#fff!important}.dark-mode .info-cancel-btn i{color:#fff!important}.dark-mode .model-slider-box.fullscreen .model-meta{background:#2a2a2a}.dark-mode .page-search-container{background:transparent;border:none}.dark-mode #modelSearchInput,.dark-mode #pageSearchInput{color:var(--ink)}.dark-mode .search-icon,.dark-mode .clear-search-btn{color:var(--ink-2)}.dark-mode .clear-search-btn:hover{color:var(--ink)}.dark-mode .sort-popup{background:var(--card);box-shadow:0 6px 16px #0006;border:1px solid #333}.dark-mode .sort-popup button{color:var(--ink)}.dark-mode .sort-popup button:hover{background:var(--highlight-bg);color:var(--ink)}.dark-mode .sort-popup hr{border-top:1px solid #333}.dark-mode .model-slider-box.reorder-mode{background:#4caf500d;border-color:var(--green-accent)}.dark-mode .reorder-controls{background:linear-gradient(135deg,#4caf501f,#4caf500d);border-color:#4caf504d}.dark-mode .reorder-controls .reorder-title{color:var(--ink)}.dark-mode .reorder-controls .reorder-hint{color:var(--ink-2)}.dark-mode .reorder-controls .cancel-reorder-btn{background:var(--card-bg);color:var(--ink);border-color:#333}.dark-mode .reorder-controls .cancel-reorder-btn:hover{background:#333}.dark-mode .model-slider-box.reorder-mode .model-card.dragging{box-shadow:0 8px 24px #00000080}.dark-mode .model-slider-box.reorder-mode .model-card.drop-target{background:#4caf5026}.dark-mode #pageSlider.reorder-mode{background:#4caf500d;border-color:var(--green-accent)}.dark-mode #pageSlider.reorder-mode .page-card.dragging{box-shadow:0 8px 24px #00000080}.dark-mode #pageSlider.reorder-mode .page-card.drop-target{background:#4caf5026}.dark-mode .page-sort-btn{background:var(--bg);border:solid 1px rgb(40,40,40)!important;color:var(--ink-2)}.dark-mode .page-sort-btn:hover{border-color:#555;color:var(--ink);background:#333}.dark-mode .page-sort-popup{background:var(--card);box-shadow:0 6px 16px #0006;border:1px solid #333}.dark-mode .page-sort-popup button{color:var(--ink)}.dark-mode .page-sort-popup button:hover{background:var(--highlight-bg);color:var(--ink)}.dark-mode .page-sort-popup hr{border-top:1px solid #333}.dark-mode .page-sort-popup2{background:var(--card);box-shadow:0 6px 16px #0006;border:1px solid #333}.dark-mode .page-sort-popup2 button{color:var(--ink)}.dark-mode .page-sort-popup2 button:hover{background:var(--highlight-bg);color:var(--ink)}.dark-mode .page-sort-popup2 hr{border-top:1px solid #333}.dark-mode .toolbar-btn{background:var(--bg);border:solid 1px rgb(40,40,40);color:var(--ink-2)}.dark-mode .toolbar-btn:hover{background:#00000073;color:var(--ink)}.dark-mode .mip-action-btn{background:var(--bg);border:solid 1px rgb(40,40,40)!important;color:var(--ink-2)}.dark-mode .mip-action-btn:hover{border-color:#555!important;background:#333;color:var(--ink)}.dark-mode .share-page-name{color:#888}.dark-mode .share-qr-img{border-color:#333}.dark-mode .share-field-input{background:#2a2a2a;border-color:#444;color:var(--ink)}.dark-mode .share-qr-placeholder{color:#666}.dark-mode .share-qr-placeholder i{color:#555}.dark-mode .viewer-fullscreen-btn{background:#ffffff1f;color:#fff}.dark-mode .viewer-fullscreen-btn:hover{background:#ffffff38}.dark-mode #viewerSection:fullscreen,.dark-mode #viewerSection:-webkit-full-screen{background:var(--bg, #1a1a1a)}.dark-mode .dt-ar-cell{border-color:#ffffff0f;background:#ffffff08}.dark-mode .dt-ar-color{border-color:#ffffff1a}.dark-mode .dt-ext-card{border-color:#ffffff0f;background:#ffffff08}.dark-mode .dt-ext-clickable:hover{border-color:#22c55e66;box-shadow:0 0 0 1px #22c55e14}.dark-mode .dt-ext-icon-wrap{background:#22c55e1a}.dark-mode .dt-extras-color{border-color:#ffffff1a}.dark-mode .page-fullscreen-btn{background:var(--bg);border:solid 1px rgb(40,40,40)!important;color:var(--green-accent);font-weight:500}.dark-mode .page-fullscreen-btn:hover{border-color:#555;background:#333;color:var(--ink)}.dark-mode .close-modal-btn{color:var(--ink)}.dark-mode .close-modal-btn:hover{opacity:.6}.dark-mode .modal-header{border-bottom:1px solid var(--border-color-dark, #1c1c1c)}.dark-mode .slider-scroll-btn{background:#1e1e1eb3;backdrop-filter:blur(4px);box-shadow:0 2px 10px #00000080;color:var(--ink)}.dark-mode .slider-scroll-btn:hover{background:#2d2d2de6;color:#eee}.dark-mode .control-section-divider{border-top:1px solid #333}.dark-mode .delete-btn{background:#1e1e1ed9;color:var(--ink)}.dark-mode .delete-btn:hover{background:#c44;color:#fff}.dark-mode .info-btn{background:#1e1e1ed9;color:var(--green-accent)}.dark-mode .info-btn:hover{background:var(--green-accent);color:#fff}.dark-mode .delete-popup,.dark-mode .screenshot-popup-overlay{background:#0a0a0aa6;backdrop-filter:blur(8px)}.dark-mode .popup-content,.dark-mode .screenshot-popup-content,.dark-mode .modal-content-small{background:var(--background-color-popup-darkmode);border-color:var(--border-color-dark, #1c1c1c)}.dark-mode .popup-icon,.dark-mode .popup-title{color:var(--ink)}.dark-mode .popup-sub{color:var(--ink-2)}.dark-mode .cancel-del{background:#444;color:var(--ink)}.dark-mode .cancel-del:hover{background:#555;color:var(--ink)}.dark-mode .confirm-del{background:#ff4d4d;color:#fff}.dark-mode .confirm-del:hover{background:#e13e3e}.dark-mode .farewell-title{color:var(--ink)}.dark-mode .farewell-msg{color:var(--ink-2)}.dark-mode .farewell-countdown,.dark-mode .farewell-quote{color:var(--ink-3)}.dark-mode .farewell-icon-wrap{box-shadow:0 8px 32px #f59e0b33}.dark-mode .farewell-divider{opacity:.45}.dark-mode .ai-quota-icon-wrap{background:linear-gradient(145deg,#a855f733,#ec489926)}.dark-mode .material-group{border:1px solid #333}.dark-mode .material-group .group-title{background-color:#252525;color:var(--ink);border-bottom:1px solid #333}.dark-mode .material-group .group-title:hover{background-color:#333}.dark-mode .material-group .group-title i{color:var(--ink-2)}.dark-mode #selectedMaterialTitle{color:var(--ink)}.dark-mode .material-name-input{background:#333;border:1px solid #444;color:var(--ink)}.dark-mode .material-name-input:not([readonly]){background:#3a3a10}.dark-mode .material-select-row .edit-btn{background-color:#333;border:1px solid #444}.dark-mode .material-select-row .edit-btn:hover{background-color:#444}.dark-mode #materialSelectDropdown,.dark-mode .control-group-select{background-color:#333;border:1px solid #444;color:var(--ink)}.dark-mode .material-group .control-group label{color:var(--ink)}.dark-mode .material-group .control-group label span{color:var(--ink-2)}.dark-mode .control-group.color-control input[type=color]{border:1px solid #444}.dark-mode .texture-display-box{background-color:#333;border:1px solid #444}.dark-mode .texture-display-box .fa-image,.dark-mode .texture-display-box .texture-name{color:var(--ink-2)}.dark-mode .texture-display-box.active{border-color:#4caf50;background-color:#1a2a1a}.dark-mode .reset-btn{color:#999}.dark-mode .reset-btn:hover{color:var(--ink)}.dark-mode .custom-select-container .hidden-select{display:none!important}.dark-mode .custom-select-button{background-color:#333;border:1px solid #444;color:var(--ink)}.dark-mode .custom-select-button:hover{background-color:#444;border-color:#555}.dark-mode .custom-select-button i{color:var(--ink-2)}.dark-mode .custom-select-dropdown{background-color:var(--bg);border:none;box-shadow:none}.dark-mode .custom-select-dropdown li{color:var(--ink)}.dark-mode .custom-select-dropdown li:hover{background-color:#333}.dark-mode .custom-select-dropdown li.selected{background-color:#444;color:var(--ink);font-weight:700}.hdri-grid-dropdown{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.hdri-grid-dropdown.hidden{display:none!important}.hdri-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .15s;background:#ffffff0a}.hdri-card:hover{border-color:#22c55e66;transform:scale(1.02)}.hdri-card.selected{border-color:#22c55e}.hdri-card-preview{width:100%;height:52px;background-size:cover;background-position:center;background-repeat:no-repeat}.hdri-card-name{display:block;padding:4px 6px;font-size:10px;font-weight:500;color:var(--ink, #e0e0e0);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdri-card-check{position:absolute;top:3px;right:3px;font-size:7px;color:#fff;background:#22c55e;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.hdri-btn-label{font-size:12px;color:var(--ink, #e0e0e0);font-weight:500;flex:1}.hdri-grid-dropdown::-webkit-scrollbar{width:4px}.hdri-grid-dropdown::-webkit-scrollbar-track{background:transparent}.hdri-grid-dropdown::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}@media(max-width:480px){.hdri-grid-dropdown{grid-template-columns:1fr;max-height:250px}.hdri-card-preview{height:44px}}@media(min-width:481px)and (max-width:768px){.hdri-grid-dropdown{grid-template-columns:repeat(2,1fr);max-height:280px}.hdri-card-preview{height:48px}}.dark-mode .user-dropdown{background:var(--bg);color:#c3c3c3}.dark-mode .user-dropdown button{color:var(--text-primary)}.dark-mode .user-dropdown button:hover{color:var(--ink)}.dark-mode .user-dropdown button i{color:var(--text-secondary)}.dark-mode .user-dropdown button:hover i{color:var(--text-primary)}.dark-mode .loading-icon{color:#aaa}.dark-mode .loading-text{color:#ccc}.dark-mode .viewer-preloader-overlay{background:var(--bg-2)!important}.dark-mode .preloader-icon,.dark-mode .preloader-message,.dark-mode .preloader-message p{color:var(--ink-2)}.dark-mode .popup-loading i{font-size:30px;color:var(--ink);margin-bottom:10px}.dark-mode .preset-btn{background:#2a2a2a;border-color:#444;color:var(--ink)}.dark-mode .preset-btn:hover{border-color:#555;color:var(--ink);background:#333}.dark-mode .model-slider-box{border:none!important}.dark-mode .viewer-preloader-overlay{color:var(--ink-2)}.dark-mode .editor-header,.dark-mode .logo-area{background:#03030300}.dark-mode #pageLogoPreview{border:1px solid #00000000}.dark-mode .autosave-status{background:#2a2a2a;color:#aaa}.dark-mode .model-area-placeholder p{color:#bababa}.dark-mode .page-create-standalone-box{background:var(--bg);border:solid 1px rgb(40,40,40)!important}.dark-mode .model-area-placeholder{background:transparent}.dark-mode .share-container{background:var(--bg);border:solid 1px rgb(40,40,40)!important}.dark-mode .share-container .link-box input,.dark-mode .page-name-input,.dark-mode .share-container .embed-box textarea{background:#2a2a2a;border:1px solid #444;color:var(--ink)}.dark-mode .new-page-btn{color:#ccc}.dark-mode .new-page-btn:hover{border-color:var(--green-accent)!important;transition:border-color .25s ease}.dark-mode .new-page-btn i{color:var(--green-accent)}.dark-mode .share-container::-webkit-scrollbar{width:6px;background:transparent}.dark-mode .share-container::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px;border:1px solid var(--card)}.dark-mode .share-container::-webkit-scrollbar-thumb:hover{background-color:#555}.dark-mode .share-container::-webkit-scrollbar-track{background:transparent}.dark-mode .tab-content::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:8px}.dark-mode #modelSelectSlider::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:8px}.pages-right-controls .share-container::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:8px}.dark-mode .model-slider-box::-webkit-scrollbar-thumb{background-color:#3b3b3b;border-radius:8px;border:2px solid var(--card)}.dark-mode .model-slider-box::-webkit-scrollbar-thumb:hover{background-color:#2a2a2a}.dark-mode .model-slider-box::-webkit-scrollbar-track{background:transparent}.dark-mode .model-slider-box{scrollbar-color:#3b3b3b transparent}.dark-mode .ann-header-left h2{color:#ffffffeb}.dark-mode .ann-icon-btn{background:#ffffff0a;border-color:#ffffff14;color:#fff6}.dark-mode .ann-icon-btn:hover{background:#ffffff14;color:#fffc;border-color:#ffffff26}.dark-mode .ann-chip{border-color:#ffffff14;color:#fff6}.dark-mode .ann-chip:hover{border-color:#ffffff26;color:#ffffffb3}.dark-mode .ann-chip[data-filter=all].active{background:#22c55e;color:#fff;border-color:#22c55e}.dark-mode .ann-chip[data-filter=feature].active{background:#3b82f6;color:#fff;border-color:#3b82f6}.dark-mode .ann-chip[data-filter=improvement].active{background:#14b8a6;color:#fff;border-color:#14b8a6}.dark-mode .ann-chip[data-filter=bugfix].active{background:#f59e0b;color:#fff;border-color:#f59e0b}.dark-mode .ann-chip[data-filter=announcement].active{background:#a855f7;color:#fff;border-color:#a855f7}.dark-mode .ann-chip.active i{color:#fff}.dark-mode .ann-card{background:#ffffff08;border-color:#ffffff0f}.dark-mode .ann-collapsible .ann-card-toggle:hover{background:#ffffff08}.dark-mode .ann-card-header{border-bottom-color:#ffffff0f}.dark-mode .ann-card-header h3{color:#ffffffe0}.dark-mode .ann-card-header h3 i{color:#22c55e}.dark-mode .ann-status-card{background:#ffffff08;border-color:#ffffff0f}.dark-mode .ann-status-card:hover{border-color:#ffffff1f}.dark-mode .ann-status-label{color:#ffffff59}.dark-mode .ann-status-value{color:#ffffffe0}.dark-mode .ann-stat{background:#ffffff0a;color:#fff6}.dark-mode .ann-stat strong{color:#ffffffd9}.dark-mode .ann-item:not(:last-child):after{background:#ffffff0d}.dark-mode .ann-line{background:#ffffff0f}.dark-mode .ann-title{color:#ffffffe6}.dark-mode .ann-body{color:#ffffff73;border-top-color:#ffffff0f}.dark-mode .ann-body a{color:#60a5fa}.dark-mode .ann-date{color:#fff3}.dark-mode .ann-pin{color:#fbbf24}.dark-mode .ann-loading{color:#fff3}.dark-mode .ann-empty i{color:#ffffff1f}.dark-mode .ann-empty p{color:#fff6}.dark-mode .ann-empty small{color:#fff3}.dark-mode .ann-load-more-btn{border-color:#ffffff0f;color:#ffffff59}.dark-mode .ann-load-more-btn:hover{background:#ffffff0a;color:#fff9;border-color:#ffffff1f}.dark-mode .ann-footer-link{color:#ffffff4d}.dark-mode .ann-footer-link:hover{color:#ffffffb3}.dark-mode .ann-footer-dot{background:#ffffff1a}.dark-mode .ann-footer-version{color:#ffffff26}.dark-mode .upcoming-card{background:#ffffff0a;border-color:#ffffff0f}.dark-mode .upcoming-card:hover{border-color:#8b5cf640;box-shadow:0 4px 16px #8b5cf61f}.dark-mode .upcoming-card-info h4{color:#e0e0e0}.dark-mode .upcoming-card-info p{color:#777}.dark-mode .upcoming-count{background:#8b5cf61f;color:#a78bfa}.dark-mode .welcome-popup{background:var(--background-color-popup-darkmode);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff0f;color:#fff}.dark-mode .bug-report-popup{background:var(--background-color-popup-darkmode);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff0f;color:#fff;scrollbar-color:rgba(255,255,255,.12) transparent}.dark-mode .bug-report-popup::-webkit-scrollbar-thumb{background:#ffffff1f}.dark-mode .bug-report-popup::-webkit-scrollbar-thumb:hover{background:#fff3}.dark-mode .bug-upload-zone{background:#ffffff08;border-color:#333}.dark-mode .bug-upload-zone:hover,.dark-mode .bug-upload-zone.drag-over{border-color:var(--green-accent);background:#4ade800a}.dark-mode .bug-preview-item{border-color:#333}.dark-mode .bug-input,.dark-mode .bug-textarea{background:#1e1e1e;border-color:#333;color:#e0e0e0}.dark-mode .bug-select{background-color:#1e1e1e;border-color:#333;color:#e0e0e0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.dark-mode .bug-input:focus,.dark-mode .bug-select:focus,.dark-mode .bug-textarea:focus{border-color:var(--green-accent);box-shadow:0 0 0 3px #4caf501f}.dark-mode .bug-input::placeholder,.dark-mode .bug-textarea::placeholder{color:#666}.dark-mode .bug-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.dark-mode .bug-select option{background:#1e1e1e;color:#e0e0e0}.dark-mode .bug-label{color:#e0e0e0}.dark-mode .bug-char-count{color:#666}.dark-mode .bug-tabs{background:#ffffff0a}.dark-mode .bug-tab.active{background:#ffffff1a;color:#fff;box-shadow:0 1px 2px #0003}.dark-mode .bug-tab{color:#888}.dark-mode .my-bug-card{background:#ffffff0a;border-color:#333}.dark-mode .my-bug-card:hover{border-color:var(--green-accent)}.dark-mode .my-bug-card-subject,.dark-mode .my-bug-detail-subject{color:#e0e0e0}.dark-mode .my-bug-detail-meta{background:#ffffff0a}.dark-mode .my-bug-description{background:#ffffff0a;color:#ccc}.dark-mode .my-bug-reply-item{background:#ffffff0a}.dark-mode .my-bug-reply-author{color:#e0e0e0}.dark-mode .my-bug-reply-message{color:#bbb}.dark-mode .my-bug-screenshot{border-color:#333}.dark-mode .my-bugs-page-btn{background:#ffffff0a;border-color:#333;color:#aaa}.dark-mode .my-bug-detail-back{color:#888}.dark-mode .my-bug-detail-back:hover{background:#ffffff0f;color:#e0e0e0}.dark-mode .my-bug-meta-value{color:#ccc}.dark-mode .my-bugs-empty p{color:#aaa}.dark-mode .my-bug-no-replies{color:#666}.dark-mode .bug-success-tracking{color:#888}.dark-mode .bug-view-reports-btn{border-color:var(--green-accent);color:var(--green-accent)}.dark-mode .bug-view-reports-btn:hover{background:#4caf5014}.dark-mode .orientation-slider-x::-webkit-slider-thumb{background:#ef4444}.dark-mode .orientation-slider-x::-moz-range-thumb{background:#ef4444}.dark-mode .orientation-slider-y::-webkit-slider-thumb{background:#22c55e}.dark-mode .orientation-slider-y::-moz-range-thumb{background:#22c55e}.dark-mode .orientation-slider-z::-webkit-slider-thumb{background:#3b82f6}.dark-mode .orientation-slider-z::-moz-range-thumb{background:#3b82f6}.dark-mode .page-id-card{background:#1a1a1a;box-shadow:0 2px 4px #0000004d}.dark-mode .page-name-label{color:#999}.dark-mode .page-name-input{background:#111;border-color:#333;color:#eee}.dark-mode .share-embed-section{background:#1a1a1a;box-shadow:0 2px 4px #0000004d}.dark-mode .share-embed-section .section-title{color:#eee;border-bottom-color:#333}.dark-mode .inline-edit input{background:#1a1a1a;color:#eee;border-color:#333}.dark-mode .inline-name-input{background:#1a1a1a!important;color:#eee!important;border-color:#333!important}.dark-mode .inline-edit-btn:hover{background:#ffffff1a;color:#eee}.dark-mode .inline-cancel-btn{background:#333;color:#aaa}.dark-mode .inline-cancel-btn:hover{background:#444}.dark-mode .edit-btn{color:#22c55e}.dark-mode .edit-btn:hover{color:#16a34a}.dark-mode .preset-btn.active{background:#22c55e;color:#fff;border-color:#22c55e}.dark-mode .share-embed-section button{border-color:#333;color:#ddd}.dark-mode .share-embed-section button:hover{background:#ffffff0f}.dark-mode .share-embed-section input[readonly],.dark-mode .share-embed-section code,.dark-mode .share-embed-section pre{background:#111;border-color:#333;color:#aaa}.dark-mode .custom-select-dropdown li{color:#ddd}.dark-mode .custom-select-dropdown li:hover{background:#ffffff14}.dark-mode .custom-select-button{border-color:#333}.dark-mode .slider:before{background-color:#ddd}.dark-mode .dt-mini-switch-slider:before{background:#ddd}.dark-mode .material-popup{background-color:#1a1a1a;border-color:#333}.dark-mode .material-popup .material-item{color:#ddd}.dark-mode .screenshot-popup-content{background:#1a1a1a}.dark-mode .environment-select select{border-color:#333;color:#ddd;background-color:#1a1a1a}.dark-mode .material-name-input{background:#1a1a1a;border-color:#333;color:#eee}.dark-mode .material-control-row .edit-btn,.dark-mode .material-select-row .edit-btn{border-color:#333;color:#ddd}.dark-mode .control-group-select{border-color:#333;color:#ddd;background:#1a1a1a}.dark-mode .error-message-area p{color:#ddd}.dark-mode .inline-save-btn{color:#eee}.dark-mode .clear-search-btn:hover,.dark-mode .page-clear-search-btn:hover{color:#fff}.dark-mode .tab-btn:hover:not(.active){color:#fff}.dark-mode .mip-action-btn:hover,.dark-mode .toolbar-btn:hover{color:#fff}.dark-mode .slider-scroll-btn{color:#aaa}.dark-mode .slider-scroll-btn:hover{color:#fff;background:#ffffff14}.dark-mode .reset-btn:hover{color:#ddd}.dark-mode .sidebar-top{border-bottom-color:#333}.dark-mode #modelSlider.loading .model-card:hover{border-color:#333!important}.dark-mode .preset-btn{border-color:#444}.dark-mode .pages-right-controls .control-section-divider{border-top-color:#333}.dark-mode .link-box input,.dark-mode .embed-box textarea{background:#111;border-color:#333;color:#ddd}.dark-mode .reorder-controls .cancel-reorder-btn{border-color:#444;color:#ddd}.dark-mode .design-preset-name-input{background:#1a1a1a;border-color:#333;color:#eee}.dark-mode .design-preset-action-btn.save-new{color:#ddd}.dark-mode .pick-material-btn:hover,.dark-mode .pick-mode-indicator{color:#fff}.dark-mode .pickr .pcr-button{border:1px solid #444}.dark-mode .pcr-app{background:#1a1a1a;border:1px solid #333}.dark-mode .pcr-app .pcr-interaction input{background:#222;border-color:#444;color:#eee}.dark-mode .pcr-app .pcr-interaction .pcr-save{background:var(--green-accent, #22c55e);color:#fff}.ai-chat{position:relative;display:flex;flex-direction:column;overflow:hidden;height:300px;flex-shrink:0;margin-top:auto;border-top:1px solid rgba(0,0,0,.06);margin-bottom:10px;transition:height .35s cubic-bezier(.4,0,.2,1)}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 6px;border-bottom:1px solid rgba(0,0,0,.06)}.ai-chat-header span{font-size:13px;font-weight:600;color:#555;display:flex;align-items:center;gap:6px}.ai-chat-header span i{font-size:13px;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-chat-header span .ai-bot-icon,.ai-floating-header span .ai-bot-icon,.sidebar-ai-btn .ai-bot-icon{fill:#22c55e;vertical-align:middle;margin-right:2px}.ai-chat-header button{width:22px;height:22px;border-radius:5px;border:none;background:#0000000a;color:#0006;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;transition:all .15s ease}.ai-chat-header button:hover{background:#00000014;color:var(--ink, #333)}.ai-chat-header-btns{display:flex;gap:4px}.ai-chat.ai-minimized{height:43px;border-top:1px solid rgba(0,0,0,.06)}.ai-chat.ai-minimized #aiNewSessionBtn{display:none}.ai-chat.ai-minimized .ai-chat-messages,.ai-chat.ai-minimized .ai-chat-input{opacity:0;pointer-events:none;transition:opacity .2s ease}.ai-chat-messages,.ai-chat-input{opacity:1;transition:opacity .25s ease .1s}.ai-chat.ai-minimized .ai-chat-header{border-bottom:none;cursor:pointer}.ai-chat.ai-minimized .ai-chat-header span{cursor:pointer}.ai-chat.ai-minimized .ai-chat-header span:hover{color:var(--ink, #222)}.ai-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.5;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.ai-chat-messages::-webkit-scrollbar{width:4px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#00000040}.ai-msg{padding:8px 10px;border-radius:12px;max-width:80%;animation:msgSlide .2s ease;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}@keyframes msgSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-msg.user{align-self:flex-end;background:#00000014;color:var(--ink, #333);border-bottom-right-radius:4px}.ai-msg.bot{align-self:flex-start;background:#0000000f;color:var(--ink, #333);border-bottom-left-radius:4px}.ai-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:24px 12px;color:#0000008c}.ai-welcome-icon{font-size:28px;margin-bottom:12px;color:#22c55e}.ai-welcome-icon .ai-bot-icon{fill:#22c55e}.ai-welcome p{font-size:12px;margin:0;line-height:1.6;font-weight:500}.ai-suggestions{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:10px}.ai-suggestion{background:#0000000a;border:1px solid rgba(0,0,0,.08);color:#00000080;padding:5px 10px;border-radius:12px;font-size:10px;cursor:pointer;transition:all .2s ease}.ai-suggestion:hover{background:#00000014;color:var(--ink, #333)}.ai-typing{display:flex;gap:4px;padding:10px 12px;align-self:flex-start}.ai-typing span{width:5px;height:5px;background:#00000040;border-radius:50%;animation:bounce 1.4s infinite}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.ai-input-wrapper{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #e0e0e0;border-radius:8px;padding:4px 4px 4px 12px;transition:all .2s ease}.ai-input-wrapper:focus-within{border-color:#ccc;background:transparent}.ai-chat-input input{flex:1;background:transparent;border:none;padding:4px 0;font-size:12px;color:#333;outline:none;min-width:0}.ai-chat-input input::placeholder{color:#999}.ai-chat-input button{width:24px;height:24px;border-radius:6px;border:none;background:#b5b5b5;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:9px;flex-shrink:0}.ai-chat-input button:disabled{background:#ececec;color:#999;cursor:not-allowed}.ai-chat-input button:not(:disabled):hover{transform:scale(1.05)}.ai-floating{position:fixed;bottom:24px;right:24px;width:380px;height:500px;background:#fff;border-radius:16px;border:1px solid #e5e5e5;box-shadow:0 4px 18px #0000001f;display:none;flex-direction:column;overflow:hidden;z-index:9999;resize:both;min-width:320px;min-height:380px;max-width:700px;max-height:85vh}.ai-floating.active{display:flex;animation:floatUp .25s ease}@keyframes floatUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-floating-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fafafa;border-bottom:1px solid #eee;cursor:move;user-select:none}.ai-floating-header span{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.ai-floating-header span i{font-size:14px;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-floating-header button{width:28px;height:28px;border-radius:8px;border:none;background:#eee;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:11px}.ai-floating-header button:hover{background:#e0e0e0;color:#333}.ai-floating-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.6;background:#fff;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.ai-floating-messages::-webkit-scrollbar{width:5px}.ai-floating-messages::-webkit-scrollbar-track{background:transparent}.ai-floating-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.ai-floating-messages::-webkit-scrollbar-thumb:hover{background:#0003}.ai-floating-messages .ai-msg{padding:10px 14px;border-radius:14px;max-width:85%}.ai-floating-input{padding:12px 16px;border-top:1px solid #eee;background:#fafafa}.ai-floating-input-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:6px 6px 6px 16px;transition:all .2s ease}.ai-floating-input-wrapper:focus-within{border-color:#ccc;box-shadow:0 0 0 3px #00000008}.ai-floating-input input{flex:1;background:transparent;border:none;padding:6px 0;font-size:13px;color:#333;outline:none;min-width:0}.ai-floating-input input::placeholder{color:#999}.ai-floating-input button{width:32px;height:32px;border-radius:6px;border:none;background:#555;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:12px;flex-shrink:0}.ai-floating-input button:disabled{background:#ddd;color:#aaa;cursor:not-allowed}.ai-floating-input button:not(:disabled):hover{background:#333;transform:scale(1.05)}.ai-floating:after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.08) 50%);border-radius:0 0 12px;pointer-events:none}.ai-floating-header-btns{display:flex;gap:4px}.ai-confirm-inline{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#ef444414;border-bottom:1px solid rgba(239,68,68,.12);animation:aiConfirmSlide .2s ease;flex-shrink:0}@keyframes aiConfirmSlide{0%{opacity:0;max-height:0;padding:0 8px}to{opacity:1;max-height:40px;padding:6px 8px}}.ai-confirm-inline span{font-size:11px;font-weight:500;color:#ef4444}.ai-confirm-inline-btns{display:flex;gap:4px}.ai-confirm-inline-btns button{padding:3px 10px;border-radius:6px;border:none;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s ease}.ai-confirm-inline-cancel{background:#0000000f;color:#666}.ai-confirm-inline-cancel:hover{background:#0000001a}.ai-confirm-inline-ok{background:#ef4444;color:#fff}.ai-confirm-inline-ok:hover{background:#dc2626}.dark-mode .ai-confirm-inline{background:#ef44441a;border-color:#ef444426}.dark-mode .ai-confirm-inline-cancel{background:#ffffff0f;color:#aaa}.dark-mode .ai-confirm-inline-cancel:hover{background:#ffffff1a}.ai-confirm-overlay{position:absolute;inset:0;background:#0006;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;animation:aiConfirmFade .2s ease;border-radius:inherit}@keyframes aiConfirmFade{0%{opacity:0}to{opacity:1}}.ai-confirm-card{background:#fff;border-radius:14px;padding:24px 22px 18px;width:85%;max-width:280px;text-align:center;box-shadow:0 12px 40px #0003;animation:aiConfirmPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes aiConfirmPop{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-confirm-icon{font-size:28px;margin-bottom:10px;color:#f59e0b}.ai-confirm-title{font-size:15px;font-weight:700;color:#111;margin:0 0 6px}.ai-confirm-desc{font-size:12px;color:#777;margin:0 0 18px;line-height:1.5}.ai-confirm-actions{display:flex;gap:8px}.ai-confirm-actions button{flex:1;padding:9px 0;border-radius:10px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.ai-confirm-cancel{background:#f3f3f3;color:#555}.ai-confirm-cancel:hover{background:#e8e8e8}.ai-confirm-ok{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ai-confirm-ok:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.02)}.dark-mode .ai-confirm-overlay{background:#0009}.dark-mode .ai-confirm-card{background:#1e1e22;box-shadow:0 12px 40px #00000080}.dark-mode .ai-confirm-title{color:#f0f0f0}.dark-mode .ai-confirm-desc{color:#888}.dark-mode .ai-confirm-cancel{background:#ffffff14;color:#ccc}.dark-mode .ai-confirm-cancel:hover{background:#ffffff1f}.sidebar.collapsed .ai-chat,.dashboard-layout.sidebar-collapsed .ai-chat{display:none}.dark-mode .ai-chat-messages{scrollbar-color:rgba(255,255,255,.15) transparent}.dark-mode .ai-chat-messages::-webkit-scrollbar-thumb{background:#ffffff26}.dark-mode .ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dark-mode .ai-chat,.dark-mode .ai-chat.ai-minimized{border-color:#ffffff0f}.dark-mode .ai-chat.ai-minimized .ai-chat-header span:hover{color:#fff}.dark-mode .ai-chat-header{border-color:#ffffff0f}.dark-mode .ai-chat-header span{color:#fff}.dark-mode .ai-chat-header button{background:#ffffff0d;color:#ffffff79}.dark-mode .ai-chat-header button:hover{background:#ffffff1a;color:#fff}.dark-mode .ai-msg.user,.dark-mode .ai-msg.bot{color:#ffffffe6}.dark-mode .ai-welcome{color:#ffffffa6}.dark-mode .ai-welcome-icon{background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .ai-suggestion{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80}.dark-mode .ai-suggestion:hover{background:#ffffff1a;color:#fff}.dark-mode .ai-typing span{background:#ffffff4d}.dark-mode .ai-input-wrapper{background:transparent;border-color:#ffffff1a}.dark-mode .ai-input-wrapper:focus-within{border-color:#fff3;background:transparent}.dark-mode .ai-chat-input input{color:#fff}.dark-mode .ai-chat-input input::placeholder{color:#ffffff4d}.dark-mode .ai-chat-input button{background:#ffffff0d;color:#ffffffb3}.dark-mode .ai-chat-input button:not(:disabled){background:#fff3;color:#fff}.dark-mode .ai-floating{background:#1e1e22;border-color:#ffffff14}.dark-mode .ai-floating-header{background:#101010;border-color:#ffffff0f}.dark-mode .ai-floating-header span{color:#e5e5e5}.dark-mode .ai-floating-header span i{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .ai-floating-header button{background:#ffffff14;color:#ffffff80}.dark-mode .ai-floating-header button:hover{background:#ffffff1f;color:#fff}.dark-mode .ai-floating-messages{background:#101010}.dark-mode .ai-floating-input{background:#101010;border-color:#ffffff0f}.dark-mode .ai-floating-input-wrapper{background:#101010;border-color:#ffffff1a}.dark-mode .ai-floating-input-wrapper:focus-within{border-color:#fff3;box-shadow:0 0 0 3px #ffffff08}.dark-mode .ai-floating-input input{color:#fff}.dark-mode .ai-floating-input input::placeholder{color:#ffffff59}.dark-mode .ai-floating-input button{background:#ffffff26;color:#fffc}.dark-mode .ai-floating-input button:disabled{background:#ffffff0f;color:#ffffff40}.dark-mode .ai-floating-input button:not(:disabled):hover{background:#ffffff40;color:#fff}.dark-mode .ai-floating:after{background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.06) 50%)}@media(max-width:1024px){.ai-floating{z-index:10010}}@media(max-width:768px){.ai-floating{width:100vw;height:70vh;max-height:70vh;max-width:none;inset:auto 0 0!important;border-radius:16px 16px 0 0;resize:none;z-index:10010}}@media(max-width:480px){.ai-floating{width:100vw;height:70vh;max-height:70vh;inset:auto 0 0!important;border-radius:16px 16px 0 0;z-index:10010}.ai-floating .ai-chat-header{padding:12px 14px;font-size:14px}.ai-floating .ai-msg{font-size:13px;padding:8px 12px}.ai-floating .ai-input-wrapper input{font-size:14px;padding:12px 14px}.ai-chat-header-btns button{width:30px;height:30px}}@media(max-width:360px){.ai-floating{width:100vw;height:70vh;max-height:70vh;inset:auto 0 0!important;border-radius:16px 16px 0 0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cubeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}:root{--ink: rgb(91, 91, 91);--ink-2: #666;--ink-3: #888;--ink-4: #c9c9c9;--bg: #ffffff;--bg-2: #f5f5f5;--card: #ffffff;--btn: rgb(91, 91, 91);--input-bg: #ffffff;--input-border: #dedede;--highlight-bg: #f0f0f0;--border-color: #dedede;--green-accent: #4CAF50;--green-bright: #4ade80;--blue-accent: #3498db;--red-accent: #ff6347;--shadow: 0 5px 10px rgba(0, 0, 0, .1);--font: "Inter", sans-serif}.generator-container{padding:0;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.generator-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:0;flex-wrap:wrap;gap:16px}.generator-title h1{font-size:22px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:14px}.generator-title h1 i{background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px}.generator-title p{color:#6b7280;margin:6px 0 0;font-size:14px;opacity:.9}.gen-sys-status{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-2, #f5f5f5);border-radius:10px;border:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.gen-sys-indicator{display:flex;align-items:center}.gen-sys-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;flex-shrink:0;transition:background .3s ease,box-shadow .3s ease}.gen-sys-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e99}.gen-sys-dot.booting{background:#f59e0b;box-shadow:0 0 8px #f59e0b66;animation:pulse 1.5s ease-in-out infinite}.gen-sys-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef44444d}.gen-sys-text{display:flex;flex-direction:column;gap:1px}.gen-sys-label{font-size:12px;font-weight:600;color:#1f2937;line-height:1.2}.gen-sys-detail{font-size:11px;color:#9ca3af;line-height:1.2}.gen-model-est{font-size:11px;font-weight:600;color:#4ade80;display:flex;align-items:center;gap:6px;white-space:nowrap;background:#22c55e14;border:none;padding:0;border-radius:20px;letter-spacing:.2px}.gen-model-est i{font-size:10px;opacity:.8}.generator-workspace{position:relative;margin-top:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.generator-workspace:before,.generator-workspace:after{content:"";flex:0}.generator-workspace.ws-center:before,.generator-workspace.ws-center:after{flex:0}.generator-workspace::-webkit-scrollbar{width:4px}.generator-workspace::-webkit-scrollbar-track{background:transparent}.generator-workspace::-webkit-scrollbar-thumb{background:#7878782e;border-radius:10px}.generator-workspace::-webkit-scrollbar-thumb:hover{background:#78787859}.workspace-grid{display:flex;justify-content:center;width:100%;flex:1 1 auto;min-height:0;min-width:0}.generator-workspace.ws-center .workspace-grid{flex:1 1 auto}.workspace-left{display:flex;flex-direction:column;gap:14px;flex:1 1 0%;width:100%;min-width:0}.workspace-left.generating{justify-content:flex-start;align-items:stretch}.unified-input{background:transparent;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;max-width:480px;width:100%;align-self:center;margin-left:auto;margin-right:auto;gap:12px}@media(min-width:1600px){.unified-input{max-width:560px}}@media(min-width:2000px){.unified-input{max-width:640px}}.gui-top-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px}.gen-mode-row{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:14px;padding-left:0}.gen-mode-row .gw-back-btn{position:absolute;left:-88px;top:50%;transform:translateY(-50%);flex-shrink:0;padding:8px 12px;margin:0;z-index:1}.gen-mode-row .gen-mode-switcher{width:100%;min-width:0}@media(max-width:1024px){.gen-mode-row{padding-left:64px}.gen-mode-row .gw-back-btn{left:0;padding:6px 8px}}@media(max-width:560px){.gen-mode-row{padding-left:56px}.gen-mode-row .gw-back-btn{font-size:12px;padding:4px 6px}}@media(max-width:420px){.gen-mode-row{padding-left:44px}.gen-mode-row .gw-back-btn span{display:none}}.gui-icon-ring{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22c55e0f;align-self:center;position:relative;animation:gwIconSpin 8s linear infinite,gwGlow 3s ease-in-out infinite}.gui-icon-ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.gui-icon-ring i{font-size:18px;background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .gui-icon-ring{background:#22c55e14}.gui-split,.gui-input-panel,.gui-config-panel{display:none}.gui-card{display:flex;flex-direction:column;gap:24px;background:transparent;border-radius:18px;padding:2px;border:none;box-shadow:none}.gui-topbar,.gui-topbar-right{display:none}.gen-model-section{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border-top:1px solid var(--border-color);padding-top:16px}.gen-section-label{font-size:12px;font-weight:700;letter-spacing:.8px;color:#888;text-transform:uppercase;display:flex;align-items:center;gap:5px}.gen-section-label i{font-size:12px;color:var(--green-accent)}body.dark-mode .gen-section-label{color:#ffffff59}.gen-model-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.gui-generate-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px}.gen-model-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:18px 28px 16px;border:1px solid #e0e0e0;border-radius:10px;background:#f8f8f8;cursor:pointer;transition:all .2s ease;position:relative}.gen-model-card .gmc-name{font-size:13px;font-weight:700;color:#333;line-height:1.1}.gen-model-card .gmc-provider{font-size:11px;font-weight:500;color:#aaa}.gmc-badge{position:absolute;top:-7px;right:-4px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 9px;border-radius:999px;line-height:1.3;white-space:nowrap;pointer-events:none;z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gmc-badge--fastest{color:#93c5fd;background:#3b82f629;border:1px solid rgba(59,130,246,.42);box-shadow:inset 0 0 14px #3b82f61a}.gmc-badge--popular{color:#fcd34d;background:#f59e0b29;border:1px solid rgba(245,158,11,.42);box-shadow:inset 0 0 14px #f59e0b1a}.gmc-badge--finest{color:#c4b5fd;background:#8b5cf629;border:1px solid rgba(139,92,246,.42);box-shadow:inset 0 0 14px #8b5cf61a}.gmc-badge--fast{color:#86efac;background:#22c55e29;border:1px solid rgba(34,197,94,.42);box-shadow:inset 0 0 14px #22c55e1a}.gmc-badge--best,.gmc-badge--top{color:#fcd34d;background:#f59e0b29;border:1px solid rgba(245,158,11,.42);box-shadow:inset 0 0 14px #f59e0b1a}.gmc-badge--premium,.gmc-badge--pro{color:#c4b5fd;background:#8b5cf629;border:1px solid rgba(139,92,246,.42);box-shadow:inset 0 0 14px #8b5cf61a}.gmc-badge--quick{color:#67e8f9;background:#06b6d429;border:1px solid rgba(6,182,212,.42);box-shadow:inset 0 0 14px #06b6d41a}.gmc-dot{position:absolute;top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:#ccc;transition:background .3s}.gmc-dot[data-status=ready]{background:#22c55e;animation:gmcDotPulse 2s ease-in-out infinite}.gmc-dot[data-status=busy]{background:#ef4444;animation:none}@keyframes gmcDotPulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e66}50%{transform:scale(1.15);box-shadow:0 0 0 3px #22c55e00}}.gen-model-card:hover{border-color:#bbb;background:#f0f0f0;transform:translateY(-1px)}.gen-model-card.selected{border-color:#22c55e;background:#22c55e0f;box-shadow:0 0 0 2px #22c55e2e,0 4px 14px #22c55e1a}.gen-model-card.selected .gmc-name{color:#16a34a}.gen-model-card.selected .gmc-provider{color:#4ade80}.gen-model-card.unavailable{opacity:.35;pointer-events:none}.gui-prompt-wrap{position:relative;display:flex;flex-direction:column;gap:6px}.gui-prompt-wrap>.char-count{position:absolute;right:12px;bottom:10px;z-index:3;pointer-events:none;padding:2px 7px;border-radius:7px;line-height:1;background:var(--bg-2)}.gui-config-strip{border-top:none;padding-top:0}.gen-mode-switcher{display:flex;position:relative;background:var(--bg);border-radius:12px;padding:8px;gap:0;box-shadow:none;border:1px solid var(--border-color)}.gen-mode-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border:none;border-radius:8px;background:transparent;color:var(--ink-3);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;position:relative;z-index:1;white-space:nowrap}.gen-mode-tab i{font-size:13px;color:var(--green-accent);transition:color .25s ease}.gen-mode-tab:hover:not(.active){color:var(--ink)}.gen-mode-tab.active{color:#fff;font-weight:700}.gen-mode-tab.active i{color:#fff}.gen-mode-tab.disabled{opacity:.4;cursor:not-allowed}.gen-mode-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:8px;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 2px 8px #22c55e40}.gen-mode-indicator.right{transform:translate(100%)}.gen-mode-content{display:flex;flex-direction:column;gap:8px}@keyframes fadeInContent{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.unified-input textarea{width:100%;min-height:130px;background:var(--bg-2);border:none;border-radius:14px;padding:16px 18px;color:var(--ink);font-size:14px;line-height:1.65;resize:none;overflow-y:auto;font-family:inherit;box-sizing:border-box;transition:all .2s ease}.unified-input textarea:focus{outline:none;box-shadow:0 0 0 2px #22c55e1f}.unified-input textarea::placeholder{color:var(--ink-4)}@keyframes promptHintGlow{0%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 12px #22c55e33}to{box-shadow:0 0 0 0 transparent}}.unified-input textarea.prompt-hint-glow{animation:promptHintGlow .6s ease-out}#generatorPrompt{padding-bottom:28px}.char-count{font-size:11px;color:var(--ink-4);font-weight:500;font-variant-numeric:tabular-nums}.char-count.warning{color:#f59e0b;font-weight:600}.image-dropzone-compact{display:flex;align-items:center;justify-content:center;min-height:100px;background:var(--bg-2);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;padding:24px;box-sizing:border-box}.image-dropzone-compact:hover,.image-dropzone-compact.dragover{background:#22c55e0f}.dropzone-content-compact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.dropzone-content-compact i{font-size:26px;color:var(--ink-4);transition:all .25s ease}.image-dropzone-compact:hover .dropzone-content-compact i{color:#22c55e;transform:translateY(-2px)}.dropzone-text{display:flex;flex-direction:column;align-items:center;gap:2px}.dropzone-text p{color:var(--ink-3);margin:0 0 10px;font-size:13px;font-weight:600}.dropzone-image-limit{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink-2);padding:3px 10px;border-radius:6px;background:#22c55e14;border:1px solid rgba(34,197,94,.12)}.dropzone-image-limit i{color:#22c55e;font-size:10px}.dropzone-image-limit strong{color:#22c55e}.dropzone-format-hint{color:var(--ink-4);font-size:10.5px;margin-top:8px;letter-spacing:.01em}.image-preview-compact{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-2);border:none;border-radius:12px}.image-preview-compact img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.image-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.image-file-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-file-size{font-size:11px;color:var(--ink-4)}.remove-image-btn{width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--ink-4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-image-btn:hover{background:#ef44441a;color:#ef4444}.remove-image-btn i{font-size:12px}.multi-image-preview{display:flex;flex-direction:column;gap:10px;position:relative;border-radius:12px;transition:box-shadow .18s ease,background .18s ease}.multi-image-preview.dragover-active{box-shadow:0 0 0 2px #22c55e99 inset,0 0 24px #22c55e2e;background:#22c55e0a}.multi-image-preview.dragover-active:after{content:"Drop to add";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0abf;color:#4ade80;font-size:14px;font-weight:600;border-radius:12px;pointer-events:none;z-index:5}.multi-image-preview.dragover-blocked{box-shadow:0 0 0 2px #ef444499 inset,0 0 24px #ef44442e;background:#ef44440a}.multi-image-preview.dragover-blocked:after{content:"Maximum images reached";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0abf;color:#f87171;font-size:14px;font-weight:600;border-radius:12px;pointer-events:none;z-index:5}.multi-image-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.multi-image-count{font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.02em}.multi-image-actions{display:flex;gap:6px}.multi-image-add-btn,.multi-image-clear-btn{width:30px;height:30px;border-radius:8px;border:none;background:var(--bg-2);color:var(--ink-4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px}.multi-image-add-btn:hover{background:#22c55e1a;color:#22c55e}.multi-image-clear-btn:hover{background:#ef44441a;color:#ef4444}.multi-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.multi-image-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg-2);border:2px solid transparent;transition:border-color .2s ease,transform .2s ease,opacity .2s ease;cursor:grab}.multi-image-item:active{cursor:grabbing}.multi-image-item.multi-img-dragging{opacity:.4;transform:scale(.92);border-color:#22c55e80}.multi-image-item.multi-img-dragover{border-color:#22c55e;transform:scale(1.05);box-shadow:0 0 16px #22c55e4d}.multi-img-heic-label{text-align:center;padding:4px;pointer-events:none}.multi-img-heic-label i{font-size:20px;color:#22c55e;margin-bottom:4px;display:block}.multi-img-heic-label span{font-size:9px;color:#888;word-break:break-all}.multi-image-item:first-child{border-color:#22c55e4d}.multi-image-item img{width:100%;height:100%;object-fit:cover;display:block}.multi-image-item .multi-img-badge{position:absolute;top:4px;left:4px;background:#0009;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.03em;backdrop-filter:blur(4px)}.multi-image-item .multi-img-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:6px;border:none;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .2s ease,background .2s ease;backdrop-filter:blur(4px)}.multi-image-item:hover .multi-img-remove{opacity:1}.multi-image-item .multi-img-remove:hover{background:#ef4444cc}.multi-image-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-4);padding:0 2px}.multi-image-hint i{font-size:11px;color:#22c55e80;flex-shrink:0}.gen-settings-section{display:flex;flex-direction:column;gap:14px}.gen-options{display:flex;flex-direction:column;gap:0}#generatorOptions{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.gen-option-group{display:flex;flex-direction:column;gap:6px;min-width:0}.gen-option-label{font-size:10px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:5px;white-space:nowrap}.gen-option-label i{font-size:10px;color:var(--green-accent)}.gen-segment{display:flex;gap:6px;min-width:0;width:100%}.gen-seg-btn{flex:1;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;padding:8px 4px;font-size:10px;color:var(--ink-3);cursor:pointer;transition:all .2s ease;font-weight:600;white-space:nowrap;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis}.gen-seg-btn:hover:not(.seg-disabled):not(.active){border-color:#bbb;background:#f0f0f0;color:var(--ink)}.gen-seg-btn.active{color:#2e7d32;border-color:#43a047;font-weight:700;box-shadow:none}.gen-seg-btn.seg-disabled{opacity:.3;cursor:not-allowed}@keyframes genBtnShimmer{0%,to{left:-100%}50%{left:100%}}.btn-generate{width:auto;padding:12px 32px;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:13.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:0 0 20px #22c55e40,0 0 40px #22c55e1a;animation:gwIconGlow 2.5s ease-in-out infinite}.btn-generate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:genBtnShimmer 3.5s ease-in-out infinite;pointer-events:none}.btn-generate .gen-btn-arrow{font-size:12px;opacity:.7;transition:all .25s ease}.btn-generate:hover:not(.gen-btn-disabled){box-shadow:0 4px 16px #22c55e40;transform:translateY(-1px)}.btn-generate:hover:not(.gen-btn-disabled) .gen-btn-arrow{opacity:1;transform:translate(3px)}.btn-generate.gen-btn-disabled{opacity:.4;cursor:not-allowed;transform:none;animation:genBtnGlow 2.5s ease-in-out infinite}.btn-generate.gen-btn-disabled:before{animation:none}.btn-generate.gen-btn-hint .gen-btn-arrow{display:none}.btn-generate.gen-btn-disabled.gen-btn-hint{opacity:.62;cursor:pointer}.btn-generate.gen-btn-checking{pointer-events:none;opacity:.85;cursor:wait}.btn-generate.gen-btn-checking:before{animation:none}.btn-generate.gen-btn-checking i.fa-wand-magic-sparkles{animation:genBtnCheckSpin .9s linear infinite}.btn-generate.gen-btn-checking .gen-btn-arrow{opacity:0}@keyframes genBtnCheckSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-progress{position:relative;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 20px #00000014;border-radius:20px;padding:48px 40px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;width:100%;margin-left:auto;margin-right:auto;align-self:center}.progress-loader{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#22c55e1f,#4ade801f);display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:progressPulse 2s ease-in-out infinite}.progress-loader i{font-size:26px;color:#22c55e;animation:spin 3s linear infinite}@keyframes progressPulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e26}50%{transform:scale(1.06);box-shadow:0 0 0 14px #22c55e00}}.progress-header{display:flex;align-items:center;justify-content:center;gap:10px;color:#1f2937;font-weight:600;margin-bottom:28px;font-size:14px}.progress-meta{display:flex;flex-direction:column;align-items:center;gap:8px;margin:-8px 0 20px;max-width:420px;width:100%}.progress-badges{display:flex;flex-wrap:nowrap;justify-content:center;gap:5px;overflow:hidden}.progress-badges .gr-badge{font-size:10px;padding:3px 8px;opacity:.8}.progress-prompt{font-size:11.5px;color:var(--ink-3);text-align:center;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;opacity:.7;font-style:italic}.dark-mode .progress-prompt{color:#ffffff59}.progress-bar-container{height:3px;background:#ffffff0a;border-radius:4px;overflow:hidden;position:relative;width:100%}.progress-bar-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.15) 10%,rgba(34,197,94,.6) 30%,rgba(74,222,128,1) 50%,rgba(34,197,94,.6) 70%,rgba(34,197,94,.15) 90%,transparent 100%);animation:aiPulseFlow 2s ease-in-out infinite}.progress-bar-container:after{content:"";position:absolute;top:-2px;left:0;height:7px;width:100%;background:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(74,222,128,.3) 48%,rgba(34,197,94,.5) 50%,rgba(74,222,128,.3) 52%,transparent 65%,transparent 100%);filter:blur(3px);animation:aiPulseFlow 2s ease-in-out infinite}@keyframes aiPulseFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar{display:none}.progress-info{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:16px;font-size:13px;color:var(--text-secondary, #8b8b9e)}.progress-timer{flex:1;font-weight:600;color:#22c55e;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;display:inline-flex;align-items:center;gap:6px}.progress-timer i{font-size:10px}.gen-status-label{flex:1;text-align:center;font-size:12px;color:var(--ink-3, #8b8b9e);font-weight:500;letter-spacing:.01em}.progress-info>#progressTime{flex:1;text-align:right}.gen-back-to-showcase{position:absolute;top:16px;left:16px;z-index:10;display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:6px;background:none;color:#00000073;font-size:12px;font-weight:500;cursor:pointer;transition:color .2s ease}.gen-back-to-showcase:hover{color:#333}.dark-mode .gen-back-to-showcase{color:#ffffff80}.dark-mode .gen-back-to-showcase:hover{color:#fff}.gen-back-to-showcase i{font-size:11px}.gen-mini-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.gen-mini-banner:hover{background:linear-gradient(135deg,#22c55e26,#22c55e14);border-color:#22c55e59}.gen-mini-banner-pulse{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:a-pulse-anim 2s infinite;flex-shrink:0}.gen-mini-banner-text{font-size:13px;font-weight:500;color:#4ade80}.gen-mini-banner-arrow{margin-left:auto;color:#fff6;font-size:12px}.gen-cancel-btn{margin:auto auto 0;padding:8px 24px;border:none;border-radius:8px;background:transparent;color:var(--ink-3, #888);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.gen-cancel-btn:hover{color:#ef4444;background:#ef44440f}.gen-cancel-btn i{font-size:11px}#generatorMessageModal.modal-overlay{background:#08080aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:genModalBackdrop .25s cubic-bezier(.4,0,.2,1)}@keyframes genModalBackdrop{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px)}}.gen-modal{position:relative;background:var(--card, #fff);border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:36px 28px 22px;max-width:min(380px,92vw);width:min(380px,92vw);text-align:center;box-shadow:0 24px 60px #0000002e,0 0 0 1px #ffffff0a inset;animation:genModalEnter .32s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes genModalEnter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.gen-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gen-modal-accent, #22c55e),transparent);opacity:.6}body.dark-mode .gen-modal{background:#161616;border-color:#ffffff0f;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff0a inset}.gen-modal .modal-close-btn,.gen-modal .popup-close-btn{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:8px;background:#0000000a;border:none;color:var(--ink-2, #888);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:background .15s,color .15s;z-index:2}.gen-modal .modal-close-btn:hover,.gen-modal .popup-close-btn:hover{background:#00000014;color:var(--ink, #1a1a1a)}body.dark-mode .gen-modal .modal-close-btn,body.dark-mode .gen-modal .popup-close-btn{background:#ffffff0f;color:#fff9}body.dark-mode .gen-modal .modal-close-btn:hover,body.dark-mode .gen-modal .popup-close-btn:hover{background:#ffffff1a;color:#fff}.gen-modal-icon{position:relative;width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px;background:#22c55e1a;color:#22c55e}.gen-modal-icon:before,.gen-modal-icon:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid currentColor;opacity:.35;animation:genModalIconPulse 2.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.gen-modal-icon:after{animation-delay:1.1s}@keyframes genModalIconPulse{0%{transform:scale(.92);opacity:.45}to{transform:scale(1.55);opacity:0}}.gen-modal-icon.error{background:#ef44441f;color:#ef4444}.gen-modal-icon.warning{background:#f59e0b1f;color:#f59e0b}.gen-modal-icon.success{background:#22c55e1f;color:#22c55e}.gen-modal-icon.info{background:#3b82f61f;color:#3b82f6}#generatorMessageModal:has(.gen-modal-icon.error) .gen-modal{--gen-modal-accent: #ef4444}#generatorMessageModal:has(.gen-modal-icon.warning) .gen-modal{--gen-modal-accent: #f59e0b}#generatorMessageModal:has(.gen-modal-icon.success) .gen-modal{--gen-modal-accent: #22c55e}#generatorMessageModal:has(.gen-modal-icon.info) .gen-modal{--gen-modal-accent: #3b82f6}.gen-modal-title{font-size:18px;font-weight:800;margin:0 0 8px;color:var(--ink, #1a1a1a);letter-spacing:-.3px;line-height:1.3}body.dark-mode .gen-modal-title{color:#f5f5f5}.gen-modal-msg{font-size:13.5px;line-height:1.6;color:var(--ink-2, #6b7280);max-width:300px;margin:0 auto 22px}body.dark-mode .gen-modal-msg{color:#ffffff9e}.gen-modal-msg strong{color:var(--ink, #1a1a1a);font-weight:700}body.dark-mode .gen-modal-msg strong{color:#f5f5f5}.gen-modal-btn{width:100%;padding:12px 16px;border:none;border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 14px #22c55e4d;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),filter .2s;letter-spacing:.01em}.gen-modal-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #22c55e6b;filter:brightness(1.08)}.gen-modal-btn:active{transform:translateY(0);box-shadow:0 2px 8px #22c55e52}.gen-modal-btn.error{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 14px #ef44444d}.gen-modal-btn.error:hover{box-shadow:0 8px 22px #ef44446b}.gen-modal-btn.warning{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #f59e0b4d}.gen-modal-btn.warning:hover{box-shadow:0 8px 22px #f59e0b6b}.gen-modal-btn.success{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 14px #22c55e4d}.gen-modal-btn.info{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #3b82f64d}.gen-modal-btn.info:hover{box-shadow:0 8px 22px #3b82f66b}@media(prefers-reduced-motion:reduce){.gen-modal,#generatorMessageModal.modal-overlay{animation:none}.gen-modal-icon:before,.gen-modal-icon:after{animation:none;opacity:0}.gen-modal-btn:hover{transform:none}}.gen-cancel-btn{margin-top:16px;padding:8px 24px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #8b8b9e);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.gen-cancel-btn:hover{background:#ef44441a;color:#ef4444}.generator-result{flex:1;display:flex;flex-direction:column;gap:0;padding:16px 0 0;box-sizing:border-box;width:100%;min-height:0;position:relative;animation:resultFadeIn .5s ease-out}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gr-ready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;animation:grFadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes grFadeIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes grRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grIconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes grCheckPulse{0%,to{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 0 16px #22c55e00}}.gr-mini-viewer{width:240px;height:240px;border-radius:20px;margin-bottom:16px;position:relative;overflow:hidden;background:transparent;animation:grIconPop .5s cubic-bezier(.16,1,.3,1) .2s both}.gr-mini-viewer canvas{width:100%!important;height:100%!important;display:block;border-radius:20px}.gr-mini-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:2;border-radius:20px;transition:opacity .3s ease}.gr-mini-loader.hidden{opacity:0;pointer-events:none}.gr-ready-btn--primary.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.gr-ready-icon,.gr-ready-ring{display:none}.gr-ready-title{font-size:26px;font-weight:800;color:var(--ink, #111);margin:0 0 8px;letter-spacing:-.3px}.gr-ready-subtitle{font-size:14px;color:var(--ink-3, #6b7280);margin:0 0 24px;max-width:420px;line-height:1.5}.gr-ready-subtitle strong{color:#22c55e;font-weight:600}.gr-ready-prompt{font-size:12.5px;color:var(--ink-4, #9ca3af);max-width:600px;margin:20px 0 16px;padding:10px 16px;background:var(--bg-2, #f3f4f6);border-radius:10px;line-height:1.5;max-height:120px;overflow-y:auto}.gr-ready-prompt:empty{display:none}.gr-ready-prompt i{color:#22c55e;font-size:10px;margin-right:6px}.gr-ready-actions{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px}.gr-ready-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.gr-ready-btn--primary{width:100%;padding:15px 28px;border:none;border-radius:14px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #22c55e4d}.gr-ready-btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:grShimmer 2.5s ease-in-out infinite}@keyframes grShimmer{0%{left:-100%}to{left:100%}}.gr-ready-btn--primary:hover{box-shadow:0 8px 28px #22c55e73}.gr-ready-btn--outline{flex:1 1 0;min-width:0;padding:11px 8px;border:none;border-radius:10px;background:var(--card);color:var(--ink, #374151);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:all .2s ease}.gr-ready-btn--outline i{color:#22c55e;font-size:12px}.gr-ready-btn--outline:hover{background:var(--highlight-bg, #e5e7eb)}.btn-short-text{display:none!important}.btn-full-text{display:inline}.menu-badge.new{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px;margin-left:auto;text-transform:uppercase;letter-spacing:.4px;animation:pulse 2s ease-in-out infinite}@media(max-width:1440px){.generator-container{padding:0}}@media(max-width:1280px){.generator-container{padding:0}}@media(max-width:1200px){.generator-container{padding:0}.unified-input,.generation-progress{max-width:720px}}@media(max-width:1100px){.unified-input,.generation-progress{max-width:100%}}@media(max-width:900px){.generator-container{padding:12px}}@media(max-width:700px){.generator-container{padding:16px}.generator-header{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.generator-container{padding:8px 16px 16px;min-height:auto;overflow-y:auto}.generator-header{gap:10px;padding:4px 0 14px;flex-direction:row;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.generator-title{text-align:left}.generator-title h1{font-size:18px;gap:8px;justify-content:flex-start;margin-bottom:0}.generator-title h1 i{font-size:20px}.generator-title p{display:none}.gen-sys-status{padding:6px 10px;gap:8px}.gen-sys-label{font-size:11px}.gen-sys-detail{font-size:10px}.generator-workspace{margin-top:14px;width:100%;box-sizing:border-box}.unified-input,.generation-progress{max-width:100%}.unified-input textarea{min-height:80px;padding:12px 14px;font-size:13px}.image-dropzone-compact{min-height:80px;padding:14px 16px}.dropzone-content-compact i{font-size:24px}.image-preview-compact{padding:10px 12px}.image-preview-compact img{width:44px;height:44px}.multi-image-grid{grid-template-columns:repeat(4,1fr);gap:6px}.multi-image-item .multi-img-remove{opacity:1}.multi-image-hint{font-size:10px}.gen-model-cards{grid-template-columns:repeat(2,1fr);gap:6px}.gen-model-card{padding:14px 8px 12px}.btn-generate{padding:14px 20px;font-size:13.5px}.gr-ready{padding:20px 14px}.gr-mini-viewer{width:180px;height:180px;margin-bottom:14px;border-radius:16px}.gr-ready-title{font-size:18px;margin-bottom:4px}.gr-ready-subtitle{font-size:12px;margin-bottom:12px}.gr-ready-badges{flex-wrap:nowrap;overflow:hidden;gap:4px;margin:0}.gr-ready-badges .gr-badge{font-size:9px;padding:3px 7px;white-space:nowrap}.gr-ready-prompt{font-size:11px;padding:8px 12px;margin:14px 0 10px;max-width:100%;max-height:100px}.gr-ready-actions{gap:10px;max-width:100%}.gr-ready-btn--primary{padding:12px 16px;font-size:13px;border-radius:12px;gap:8px}.gr-ready-btn--outline{padding:9px 6px;font-size:11px;gap:4px;border-radius:8px}.gr-ready-btn--outline .btn-full-text{display:none}.gr-ready-btn--outline .btn-short-text{display:inline}.gr-ready-secondary{gap:6px}.generation-progress{padding:20px 16px 18px;border-radius:14px}.progress-loader{width:48px;height:48px;margin-bottom:12px}.progress-loader i{font-size:20px}.progress-header{font-size:13px;margin-bottom:14px}.progress-meta{gap:6px;margin:-4px 0 14px}.progress-prompt{font-size:10.5px}.progress-badges{gap:4px}.progress-badges .gr-badge{font-size:9px;padding:2px 6px}}@media(max-width:400px){.generator-container{padding:12px 10px}.generator-title h1{font-size:16px}.generator-title h1 i{font-size:18px}.gen-sys-status{padding:5px 8px}.gen-sys-label{font-size:10px}.gen-sys-detail{display:none}.gen-model-card{padding:10px 12px 10px 30px;border-radius:10px;min-height:56px}.unified-input textarea{min-height:60px;padding:10px 12px;font-size:12px;border-radius:10px}#generatorOptions{gap:10px}.gen-seg-btn{padding:6px 3px;font-size:10px}.gr-ready{padding:16px 10px}.gr-mini-viewer{width:150px;height:150px;margin-bottom:10px;border-radius:14px}.gr-ready-title{font-size:16px}.gr-ready-subtitle{font-size:11px}.gr-ready-btn--primary{padding:10px 14px;font-size:12px}.gr-ready-btn--outline{padding:8px 4px;font-size:10px}.btn-generate{padding:12px 14px;font-size:13px}.image-preview-compact img{width:40px;height:40px}.multi-image-grid{gap:4px}.multi-image-item .multi-img-badge{font-size:8px;padding:1px 4px}}.dark-mode .gen-mode-switcher{background:var(--bg);border-color:#282828}.dark-mode .gen-mode-tab{color:#888}.dark-mode .gen-mode-tab.active,.dark-mode .gen-mode-tab.active i{color:#fff}.dark-mode .gen-mode-tab:hover:not(.active){color:#fff}.dark-mode .gen-mode-indicator{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 8px #22c55e4d}.dark-mode .unified-input textarea{background:#ffffff0a;color:#d1d5db}.dark-mode .unified-input textarea:focus{background:#ffffff0f;box-shadow:0 0 0 2px #22c55e1a;color:#e5e7eb}.dark-mode .unified-input textarea::placeholder{color:#ffffff26}.dark-mode .char-count{color:#fff3}.dark-mode .image-dropzone-compact{background:#ffffff0a}.dark-mode .image-dropzone-compact:hover,.dark-mode .image-dropzone-compact.dragover{background:#22c55e0f}.dark-mode .dropzone-content-compact i{color:#ffffff26}.dark-mode .dropzone-text p{color:#ffffff59}.dark-mode .dropzone-image-limit{color:#ffffff80;background:#22c55e1a;border-color:#22c55e26}.dark-mode .dropzone-format-hint{color:#fff3}.dark-mode .image-preview-compact{background:#ffffff0a}.dark-mode .image-file-name{color:#d1d5db}.dark-mode .remove-image-btn{color:#ffffff4d}.dark-mode .remove-image-btn:hover{background:#ef44441a;color:#ef4444}.dark-mode .multi-image-add-btn,.dark-mode .multi-image-clear-btn{background:#ffffff0f;color:#fff6}.dark-mode .multi-image-add-btn:hover{background:#22c55e26;color:#22c55e}.dark-mode .multi-image-clear-btn:hover{background:#ef444426;color:#ef4444}.dark-mode .multi-image-item{background:#ffffff0a}.dark-mode .multi-image-item:first-child{border-color:#22c55e40}.dark-mode .multi-image-count{color:#fff6}.dark-mode .multi-image-hint{color:#ffffff4d}.dark-mode .multi-image-hint i{color:#22c55e66}.dark-mode .gen-model-est{color:#4ade80;background:transparent}.dark-mode .gen-seg-btn{background:#1e1e1e;border-color:#333;color:#888}.dark-mode .gen-seg-btn:hover:not(.seg-disabled):not(.active){border-color:#555;background:#252525;color:#bbb}.dark-mode .gen-seg-btn.active{border-color:#43a0475c;color:#66bb6a;font-weight:700;box-shadow:none}.dark-mode .generation-progress{background:transparent}.dark-mode .progress-bar-container{background:#ffffff0a}.dark-mode .gr-ready-title{color:#fff}.dark-mode .gr-ready-subtitle{color:#8b8b9e}.dark-mode .gr-ready-prompt{background:#ffffff0d;color:#9ca3af}.dark-mode .gr-mini-viewer,.dark-mode .gr-mini-loader{background:transparent}.dark-mode .gr-ready-btn--outline{background:#ffffff0f;color:#d1d5db}.dark-mode .gr-ready-btn--outline:hover{background:#ffffff1a}.dark-mode .gr-ready-btn--outline i{color:#22c55e}.dark-mode .generator-title h1{color:#fff}.dark-mode .generator-title p{color:#8b8b9e}.dark-mode .generator-header{border-bottom-color:#ffffff14}.dark-mode .progress-header{color:#fff}.dark-mode .progress-info{color:#8b8b9e}.dark-mode .gen-cancel-btn:hover{background:#ef44441f}.dark-mode .gen-sys-status{background:#ffffff0a;border-color:#ffffff14}.dark-mode .gen-sys-label{color:#fff}.dark-mode .gen-sys-detail{color:#6b7280}#page-generator.active{display:flex;flex-direction:column;height:100%}@property --gw-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes gwIconSpin{0%{--gw-angle: 0deg}to{--gw-angle: 360deg}}@keyframes gwGlow{0%,to{box-shadow:0 0 18px #22c55e40,0 0 40px #22c55e14}50%{box-shadow:0 0 28px #22c55e66,0 0 60px #22c55e26}}@keyframes gwShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gwFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gen-welcome{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;width:100%;align-self:flex-start;max-width:100%}.gw-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;gap:20px}.gw-hero-icon{position:relative;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#4ade802e,#22c55e0a 65%),#0a0a0a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;margin:0 auto;border:1px solid rgba(74,222,128,.22);box-shadow:inset 0 0 1px #22c55e0f,0 0 28px #22c55e2e,0 0 64px #22c55e0f,inset 0 0 22px #22c55e0f,inset 0 0 1px #ffffff0a;animation:heroIconBreathe 4s ease-in-out 0s infinite;isolation:isolate;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:visible}.gw-hero-icon i{font-size:1.55rem;color:#4ade80;filter:drop-shadow(0 0 5px rgba(74,222,128,.55));position:relative;z-index:1}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroIconBreathe{0%,to{box-shadow:inset 0 0 1px #22c55e0f,0 0 28px #22c55e2e,0 0 64px #22c55e0f,inset 0 0 22px #22c55e0f,inset 0 0 1px #ffffff0a}50%{box-shadow:inset 0 0 1px #22c55e1a,0 0 38px #22c55e52,0 0 88px #22c55e1f,inset 0 0 28px #22c55e1f,inset 0 0 1px #ffffff0f}}.gw-hero-text{display:flex;flex-direction:column;gap:8px}.gw-headline{font-size:38px;font-weight:800;color:var(--ink, #111);margin:0;letter-spacing:-.5px;line-height:1.2}.gw-gradient-word{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gw-subtitle{font-size:14px;color:var(--ink-2);margin:0;line-height:1.5}.gw-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:13.5px;font-weight:700;font-family:var(--font, "Inter", sans-serif);color:#fff;background:transparent;border:1px solid rgba(74,222,128,.35);border-radius:26px;cursor:pointer;overflow:hidden;white-space:nowrap;box-shadow:0 0 14px #22c55e1a,inset 0 0 14px #22c55e0d;transition:border-color .3s ease,box-shadow .3s ease,transform .18s ease}.gw-cta i{font-size:13px;color:#4ade80;transition:transform .25s ease}.gw-cta span{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;font-weight:700}.gw-cta:hover{border-color:#4ade8099;box-shadow:0 0 22px #22c55e40,inset 0 0 18px #22c55e14}.gw-cta:hover i:last-child{transform:translate(3px)}.gw-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,222,128,.18),transparent);pointer-events:none}.gw-cta:hover:before{animation:gwShine .9s ease-out forwards}.gw-divider{width:100%;display:flex;align-items:center;gap:14px;padding:0 8px;margin-bottom:16px}.gw-divider:before,.gw-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #e5e7eb)}.gw-divider-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-4, #aaa);white-space:nowrap;display:flex;align-items:center;gap:5px}.gw-divider-label i{font-size:10px;color:#22c55e}.gw-filters{display:flex;gap:6px;padding:0 8px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.gw-filter-tag{padding:5px 14px;font-size:11.5px;font-weight:600;font-family:var(--font, "Inter", sans-serif);color:var(--ink-3, #888);background:var(--bg-2, #f5f5f5);border:1px solid var(--border-color, #e5e7eb);border-radius:20px;cursor:pointer;transition:all .2s ease}.gw-filter-tag:hover{color:#16a34a;border-color:#22c55e4d;background:#22c55e0a}.gw-filter-tag.active{color:#fff;background:#22c55e;border-color:#22c55e;box-shadow:0 2px 8px #22c55e40}.gw-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;grid-auto-flow:dense;gap:14px;padding:0 8px 28px;width:100%;min-height:300px}.gw-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;background:transparent;border:none;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.dark-mode .gw-card{background:var(--bg)}.gw-card-img{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.gw-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.gw-card:hover{transform:translateY(-3px);z-index:2}.gw-card:hover img{transform:scale(1.08)}.gw-card-info{position:absolute;bottom:0;left:0;right:0;padding:10px;background:none;z-index:2}.gw-card-info h4{font-size:12px;font-weight:700;color:#222;margin:0 0 4px;line-height:1.2}.gw-card-meta{display:flex;gap:5px;flex-wrap:wrap}.gw-card-meta span{font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;background:#00000014;color:#444;line-height:1.3}.dark-mode .gw-card-info h4{color:#fff}.dark-mode .gw-card-meta span{background:#ffffff1f;color:#ffffffd9}.gw-card.gw-hidden{display:none}.dark-mode .gw-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;z-index:1;pointer-events:none}.gw-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%);pointer-events:none;z-index:3}.gw-card:hover:after{animation:gwShine .6s ease-out forwards}@keyframes gwShine{to{transform:translate(100%)}}.gw-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:600;font-family:var(--font, "Inter", sans-serif);color:var(--ink-3);background:none;border:none;cursor:pointer;transition:color .2s;align-self:flex-start}.gw-back-btn:hover{color:var(--ink)}.gw-back-btn i{font-size:12px;transition:transform .2s}.gw-back-btn:hover i{transform:translate(-2px)}.dark-mode .gw-headline{color:#eee}.dark-mode .gw-divider:before,.dark-mode .gw-divider:after{background:#333}.dark-mode .gw-divider-label{color:#666}.dark-mode .gw-filter-tag{background:#ffffff0a;border-color:#333;color:#888}.dark-mode .gw-filter-tag:hover{background:#22c55e14;border-color:#22c55e4d;color:#4ade80}.dark-mode .gw-filter-tag.active{background:#22c55e;border-color:#22c55e;color:#fff}.dark-mode .gw-card:hover{box-shadow:0 12px 40px #00000080}.dark-mode .gw-back-btn:hover{color:#4ade80}.gw-card.gw-featured{grid-column:span 2;grid-row:span 2}.gw-card.gw-tall{grid-row:span 2}.gw-card.gw-tall .gw-card-img{aspect-ratio:auto;height:100%}.gw-featured-overlay,.gw-featured-badge,.gw-featured-prompt,.gw-featured-model{display:none!important}@media(max-width:1100px){.gw-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.gw-grid{grid-template-columns:repeat(3,1fr)}.gw-card-info h4{font-size:12px}}@media(max-width:600px){.gw-hero{padding:32px 16px}.gw-headline{font-size:22px}.gw-subtitle{font-size:12.5px}.gw-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gw-cta{padding:11px 24px;font-size:12.5px}.gw-card-info{padding:30px 12px 10px}.gw-card-info h4{font-size:11px}.gw-card.gw-tall{grid-row:span 1}.gw-card.gw-tall .gw-card-img{aspect-ratio:1;height:auto}}@media(max-width:400px){.gw-hero{padding:24px 12px}.gw-headline{font-size:20px}.gw-grid{gap:6px}.gw-card-info{padding:24px 10px 8px}.gw-card-info h4{font-size:10px}.gw-card-meta span{font-size:8px}}.popup-content.mip.gw-popup-card{width:960px;max-height:92vh;border-radius:20px;overflow:hidden}.gw-popup-viewer{position:relative;width:100%;height:580px;background:transparent;overflow:hidden}.gw-popup-viewer canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block;cursor:grab}.gw-popup-viewer canvas:active{cursor:grabbing}.gw-popup-viewer .view-mode-container{z-index:10}#aiViewModeRender.active i{color:var(--green-accent, #4CAF50)}.gw-popup-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:5;transition:opacity .4s ease}.gw-popup-loader.hidden{opacity:0;pointer-events:none}.gw-loader-ring{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#ffffff8c}.gw-loader-ring:before{content:"\f110";font-family:"Font Awesome 6 Free";font-weight:900;font-size:30px;line-height:1;display:inline-block;animation:gwLoaderSpin .8s linear infinite}@keyframes gwLoaderSpin{to{transform:rotate(360deg)}}.gw-popup-bottom{padding:16px 22px 18px;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.06);background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body:not(.dark-mode) .gw-popup-bottom{background:transparent;border-top-color:#0000000f}.gw-popup-model-name{font-size:18px;font-weight:700;color:#111;margin:0;letter-spacing:-.3px}.dark-mode .gw-popup-model-name{color:#fff}.gw-popup-prompt-bar{display:flex;align-items:flex-start;gap:10px}.gw-prompt-icon{flex-shrink:0;font-size:12px;color:#22c55e;margin-top:3px;opacity:.7}.gw-prompt-text{flex:1;font-size:13px;line-height:1.5;color:var(--ink-2, #ccc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body:not(.dark-mode) .gw-prompt-text{color:var(--ink-2, #555)}.gw-prompt-actions{display:flex;gap:4px;flex-shrink:0;margin-left:auto}.gw-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(34,197,94,.2);background:#22c55e0f;color:#22c55e;cursor:pointer;font-size:13px;transition:all .2s ease}.gw-action-btn:hover{background:#22c55e26;border-color:#22c55e66;color:#22c55e;transform:translateY(-1px)}body:not(.dark-mode) .gw-action-btn{border-color:#22c55e33;background:#22c55e0d;color:#16a34a}body:not(.dark-mode) .gw-action-btn:hover{background:#22c55e1f;border-color:#22c55e4d;color:#16a34a}.gw-popup-tags{display:flex;flex-wrap:wrap;gap:6px}.gw-popup-tags .mip-chip{font-size:11px;padding:4px 10px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--ink-3, #999);font-weight:500}.gw-popup-tags .mip-chip-ai{background:#22c55e14;border-color:#22c55e33;color:#22c55e}body:not(.dark-mode) .gw-popup-tags .mip-chip{background:#00000008;border-color:#00000014}body:not(.dark-mode) .gw-popup-tags .mip-chip-ai{background:#22c55e0f;border-color:#22c55e33;color:#16a34a}.gw-popup-card .mip-close{z-index:20}.gw-popup-card #gwPopupClose{right:12px!important}.gw-popup-card .gw-fullscreen-btn{right:52px!important}.gw-popup-card .gw-popup-cube-btn{right:92px!important}.gw-popup-card .gw-popup-external-btn{right:132px!important}.gw-popup-card .gw-popup-external-btn,.gw-popup-card .gw-popup-cube-btn{width:32px;height:32px;border-radius:10px;border:none;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#999;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .15s;position:absolute;top:12px;z-index:20}.gw-popup-card .gw-popup-external-btn:hover,.gw-popup-card .gw-popup-cube-btn:hover{background:#22c55e1f;color:#22c55e}.gw-popup-card .gw-popup-external-btn:active,.gw-popup-card .gw-popup-cube-btn:active{transform:scale(.95)}.popup-content.mip.gw-popup-card.gw-fullscreen{width:94vw;max-width:94vw;max-height:94vh;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.popup-content.mip.gw-popup-card.gw-fullscreen .gw-popup-viewer{height:calc(94vh - 100px);transition:height .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1000px){.gw-popup-card{width:95vw;max-width:960px}.gw-popup-viewer{height:460px}}@media(max-width:600px){.gw-popup-card{width:auto;border-radius:14px}.gw-popup-viewer{height:280px}.gw-popup-bottom{padding:12px 16px 14px}.gw-prompt-text{font-size:12px;-webkit-line-clamp:3}.gw-fullscreen-btn{display:none}}.gen-quota-badge{display:flex;align-items:center;justify-content:center;gap:0;padding:0;width:460px;max-width:100%;border-radius:16px;background:var(--bg);border:1px solid var(--border-color);overflow:hidden}.gs-controls .gen-quota-badge{flex:0 0 auto;width:auto;max-width:none;border:none;border-radius:0;border-bottom:1px solid var(--border-color)}.gqb-stat{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;gap:8px;padding:12px}.gqb-stat i{font-size:13px;color:#22c55e;flex-shrink:0}.gqb-text{display:flex;align-items:baseline;gap:5px}.gqb-val{font-size:12px;font-weight:700;color:var(--ink, #1f2937);letter-spacing:-.3px;white-space:nowrap;font-variant-numeric:tabular-nums}#gqbResetVal{min-width:58px;text-align:center;display:inline-block}.gqb-lbl{font-size:10px;font-weight:600;color:var(--ink-3, #9ca3af);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.gqb-divider{width:1px;height:32px;background:#00000014;flex-shrink:0}.gqb-stat.gqb-warn .gqb-val,.gqb-stat.gqb-warn i{color:#f59e0b}.gqb-stat.gqb-danger .gqb-val,.gqb-stat.gqb-danger i{color:#ef4444}body.dark-mode .gen-quota-badge{background:var(--bg);border-color:#ffffff0f}body.dark-mode .gqb-divider{background:#ffffff1a}@media(max-width:600px){.gqb-stat{padding:6px 10px}.gqb-val{font-size:11px}.gqb-lbl{font-size:8px}.gqb-stat i{font-size:10px}}.gr-ready-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0;max-width:620px}.gr-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#22c55e14;border-radius:8px;font-size:11px;font-weight:600;color:#16a34a;white-space:nowrap}.gr-badge i{font-size:10px;color:#22c55e}.gr-badge--ai{font-weight:700}.gr-badge--time{background:#3b82f614;color:#2563eb}.gr-badge--time i{color:#3b82f6}body.dark-mode .gr-badge--time{background:#3b82f61f;color:#60a5fa}body.dark-mode .gr-badge--time i{color:#60a5fa}body.dark-mode .gr-badge{background:#22c55e1a;color:#4ade80}body.dark-mode .gr-badge i{color:#4ade80}body.dark-mode .gui-card{background:transparent;border-color:none;border:none;box-shadow:none}body.dark-mode .gen-model-card{background:#ffffff06;border-color:#ffffff14}body.dark-mode .gen-model-card .gmc-name{color:#e5e5e5}body.dark-mode .gen-model-card .gmc-provider{color:#888}body.dark-mode .gmc-dot{background:#444}body.dark-mode .gmc-dot[data-status=ready]{background:#22c55e}body.dark-mode .gmc-dot[data-status=busy]{background:#f87171}body.dark-mode .gen-model-card:hover{border-color:#ffffff29;background:#ffffff0a}body.dark-mode .gen-model-card.selected{border-color:#22c55e8c;background:#22c55e14;box-shadow:0 0 0 2px #22c55e33,0 4px 18px #22c55e1f}body.dark-mode .gen-model-card.selected .gmc-name{color:#66bb6a}body.dark-mode .gen-model-card.selected .gmc-provider{color:#66bb6a99}body.dark-mode .gui-config-strip{border-top:none}@media(max-width:700px){.gui-topbar{flex-direction:column;align-items:stretch;gap:10px}.gui-topbar-right{margin-left:0;flex-wrap:wrap;gap:8px}}@media(max-width:600px){.gui-card{padding:14px;border-radius:14px;gap:12px}.gen-model-card{padding:7px 4px 5px}.gen-model-card .gmc-name{font-size:10.5px}.gen-model-card .gmc-provider{font-size:8.5px}#generatorOptions{grid-template-columns:1fr 1fr}.gr-ready-badges{gap:5px}.gr-badge{font-size:10px;padding:4px 9px}}@media(max-width:400px){.gui-card{padding:12px;gap:10px}.gen-model-card{padding:6px 4px 4px;border-radius:8px}.gen-model-card .gmc-name{font-size:9.5px}.gen-model-card .gmc-provider{font-size:8px}#generatorOptions{grid-template-columns:1fr}}#unifiedInputSection.gen-studio{display:none;grid-template-columns:minmax(0,1fr) 510px;grid-template-rows:minmax(0,1fr);gap:12px;width:100%;min-width:0;max-width:none;margin:0;padding:0;align-self:stretch;background:transparent;border:none;box-shadow:none;height:100%;min-height:max(440px,calc(100vh - 280px))}#unifiedInputSection.gen-studio[style*="display: grid"],#unifiedInputSection.gen-studio[style*="display:grid"]{display:grid!important}@media(min-width:1600px){#unifiedInputSection.gen-studio{max-width:none}}@media(min-width:2000px){#unifiedInputSection.gen-studio{max-width:none}}#unifiedInputSection.gen-studio>.gs-controls{grid-column:2;grid-row:1}#unifiedInputSection.gen-studio>.gs-viewer-col{grid-column:1;grid-row:1;min-height:0}#unifiedInputSection.gen-studio .gs-viewer{display:none!important}#unifiedInputSection.gen-studio>.gs-viewer-col{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 1fr;justify-content:normal;align-content:normal;gap:12px;min-height:0;min-width:0}#unifiedInputSection.gen-studio>.gs-viewer-col>.gs-gallery{min-height:0}.gs-inline-viewer{position:relative;min-height:0;min-width:0;overflow:hidden;border-radius:16px;border:1px solid var(--border-color);background:var(--card, #fff);box-sizing:border-box}body.dark-mode .gs-inline-viewer{background:#101010;border-color:#ffffff0f}.gs-inline-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;pointer-events:none}.gs-inline-empty-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#22c55e1a;color:#22c55e;font-size:24px}.gs-inline-empty-title{font-size:14px;font-weight:600;color:var(--ink-2, #444);letter-spacing:-.01em}.gs-inline-empty-sub{font-size:12px;color:var(--ink-4, #999);max-width:260px;line-height:1.5}body.dark-mode .gs-inline-empty-title{color:#e5e5e5}.gs-viewer{flex:1 1 auto;position:relative;border-radius:12px;overflow:hidden;min-height:0;min-width:0}.gs-viewer-col{order:1;display:flex;flex-direction:column;min-width:0;min-height:0;gap:12px}#gsViewer.has-shared{position:relative}#gsViewer>#viewerSection.shared-gen{position:absolute;inset:0;width:100%;height:100%;z-index:3;border-radius:inherit;overflow:hidden}#gsViewer.has-shared>#gsParticlesCanvas{display:none}#gsViewer.has-shared>.gs-viewer-overlay{z-index:4}#gsViewer.has-shared>.gs-stats-overlay,#gsViewer.has-shared>.gs-state-pill{z-index:5}.gs-gallery{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;background:var(--card, #fff);border:1px solid var(--border-color);border-radius:16px;padding:12px 14px;box-sizing:border-box}body.dark-mode .gs-gallery{background:#101010;border-color:#ffffff0f}.gs-gallery-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.gs-gallery-left{display:flex;align-items:center;gap:8px;min-width:0}.gs-gallery-status{justify-self:center;min-width:0;max-width:100%;text-align:center;font-size:11.5px;font-weight:500;color:var(--ink-3, #777);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-gallery-status .autosave-status,.gs-gallery-status #modelStatusDisplay{margin:0;white-space:nowrap}.gs-gallery-icon{flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#22c55e1f;color:#22c55e;font-size:13px}.gs-gallery-search{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;background:transparent;border:none;border-radius:8px;transition:border-color .15s ease}.gs-gallery-search:focus-within{border-color:transparent}body.dark-mode .gs-gallery-search{background:transparent}.gs-gallery-search .gs-search-ico{flex:0 0 auto;color:var(--ink-4, #999);font-size:11px}.gs-gallery-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--ink, #222);font-size:12.5px;padding:0}.gs-gallery-search input::placeholder{color:var(--ink-4, #aaa)}.gs-gallery-tools{justify-self:end;display:flex;align-items:center;gap:2px;position:relative;background:transparent;border:none;box-shadow:none;padding:0}.gg-tool{box-sizing:border-box;width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:8px;background:transparent;color:#22c55e;box-shadow:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.gg-tool i{font-size:15px;line-height:1;width:16px;text-align:center;color:#22c55e}body.dark-mode .gg-tool{background:transparent}.gg-tool:hover{background:transparent;border-color:#22c55e80}body.dark-mode .gg-tool:hover{color:#4ade80}.gg-sort-wrap{position:relative}.gg-sort-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:150px;background:var(--card, #fff);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px #00000029;padding:6px;display:flex;flex-direction:column;gap:2px}body.dark-mode .gg-sort-pop{background:#161616;border-color:#ffffff14}.gg-sort-pop.gg-hidden{display:none}.gg-sort-opt{text-align:left;background:none;border:none;border-radius:8px;padding:8px 10px;font-size:12.5px;color:var(--ink-2, #444);cursor:pointer}.gg-sort-opt:hover{background:var(--bg-2, #f5f5f5);color:var(--ink, #111)}.gg-sort-opt.gg-on{color:#22c55e;font-weight:700}body.dark-mode .gg-sort-opt:hover{background:#1f1f1f}.gs-gallery-body{display:grid;grid-template-columns:repeat(auto-fill,100px);justify-content:start;gap:10px;overflow-y:auto;overflow-x:hidden;padding:6px 4px 8px;scroll-behavior:smooth;scrollbar-width:thin;align-content:start;min-height:0}.gs-gallery-body .model-card{width:100px;height:100px;aspect-ratio:auto;min-width:0;margin:0;animation:ggIn .3s ease both}.gs-gallery-body .model-card.active-card{border-color:var(--green-accent, #22c55e);box-shadow:0 0 0 1px var(--green-accent, #22c55e)}.gs-gallery-body::-webkit-scrollbar{width:7px}.gs-gallery-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:20px}.gs-gallery-body.gg-is-empty{display:flex;overflow:hidden;align-items:center;justify-content:center}.gen-model-popup-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000a8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.gen-model-popup-overlay.is-open{opacity:1;visibility:visible}.gen-model-popup-card{position:relative;width:min(680px,92vw);height:min(680px,82vh);background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 24px 64px #00000080;transform:translateY(14px) scale(.97);transition:transform .3s cubic-bezier(.16,.84,.36,1)}.gen-model-popup-overlay.is-open .gen-model-popup-card{transform:translateY(0) scale(1)}.gen-model-popup-stage{width:100%;height:100%}.gen-model-popup-stage base-viewer{width:100%;height:100%;display:block}.gen-model-popup-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#00000080;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s ease}.gen-model-popup-close:hover{background:#000000d1}.gg-card{flex:0 0 auto;width:104px;background:var(--bg-2, #f7f7f7);border:1px solid var(--border-color);border-radius:11px;padding:6px;cursor:pointer;position:relative;transition:border-color .15s ease,background .15s ease;animation:ggIn .3s ease both}@keyframes ggIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body.dark-mode .gg-card{background:#141414}.gg-card:hover{border-color:#22c55e}.gg-card.gg-active{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e inset}.gg-thumb{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:9px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#f3f5f8,#e6e9ee);display:flex;align-items:center;justify-content:center}body.dark-mode .gg-thumb{background:radial-gradient(circle at 50% 35%,#1c1c1c,#0d0d0d)}.gg-img{width:100%;height:100%;object-fit:contain;display:block}.gg-ph{color:var(--ink-4, #aaa);font-size:26px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gg-badge{position:absolute;top:5px;left:5px;display:inline-flex;align-items:center;gap:3px;font-size:8.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#c4b5fd;background:#8b5cf62e;border:1px solid rgba(139,92,246,.4);border-radius:6px;padding:2px 5px}.gg-meta{margin-top:6px;min-width:0}.gg-name{display:block;font-size:10.5px;font-weight:600;color:var(--ink, #222);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gg-acts{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:1;transition:opacity .15s ease}.gg-mini{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#0009;cursor:pointer;font-size:10.5px;transition:background .18s,color .18s,border-color .18s}body.dark-mode .gg-mini{background:#181818b8;border-color:#ffffff1a;color:#ffffffc7}.gg-mini:hover{background:#22c55e29;border-color:#22c55e73;color:#16a34a}body.dark-mode .gg-mini:hover{background:#22c55e33;border-color:#22c55e80;color:#22c55e}.gg-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:14px;color:var(--ink-3, #888);width:100%}.gg-empty-art{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#8b5cf61f;color:#a78bfa;font-size:18px;margin-bottom:3px}.gg-empty-title{font-size:13px;font-weight:700;color:var(--ink-2, #555)}.gg-empty-sub{font-size:11.5px;color:var(--ink-4, #999);max-width:280px}body.dark-mode .gs-viewer{background:none;border-color:#ffffff0f;box-shadow:none}.gs-viewer>canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;background:transparent}.gs-particles-canvas{display:none!important}.gs-state-pill{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:999px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);font-size:11px;font-weight:600;letter-spacing:.4px;color:#333;z-index:3;transition:all .3s ease}.gs-back-btn{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;border-radius:999px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);font-size:12px;font-weight:600;color:#333;cursor:pointer;z-index:3;transition:all .2s ease}.gs-back-btn i{font-size:11px;opacity:.7;transition:none}.gs-back-btn:hover{background:#ffffffb3;color:var(--green-accent, #4CAF50);transform:none}.gs-back-btn:hover i{opacity:.7;transform:none;color:inherit}body.dark-mode .gs-back-btn{background:#181818b3;border-color:#ffffff12;color:#ffffffd9}body.dark-mode .gs-back-btn:hover{background:#181818b3;color:var(--green-bright, #4ade80)}@media(max-width:480px){.gs-back-btn{font-size:11px;padding:5px 10px 5px 8px}.gs-back-btn span{display:none}.gs-back-btn i{font-size:12px}}.gs-state-pill .gs-state-dot{width:7px;height:7px;border-radius:50%;background:#9ca3af;box-shadow:0 0 #9ca3af99}body.dark-mode .gs-state-pill{background:#181818b3;border-color:#ffffff12;color:#ffffffd9}.gs-state-pill[data-state=idle] .gs-state-dot,.gs-state-pill[data-state=form] .gs-state-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.gs-state-pill[data-state=generating] .gs-state-dot{background:#22c55e;animation:gsStatePulse 1.4s ease-in-out infinite}.gs-state-pill[data-state=done] .gs-state-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.gs-state-pill[data-state=error] .gs-state-dot{background:#ef4444}@keyframes gsStatePulse{0%,to{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 9px #22c55e00}}.gs-viewer-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;transition:opacity .45s ease}.gs-viewer[data-state=done] .gs-viewer-overlay,.gs-viewer-overlay.gs-overlay-hidden{opacity:0}.gs-overlay-content{text-align:center;color:#94a3b8;max-width:320px;padding:0 20px}body.dark-mode .gs-overlay-content{color:#fff6}.gs-overlay-meta{margin-top:16px;display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}.gs-om-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:currentColor;background:#7f7f7f1a;border:1px solid rgba(127,127,127,.22);border-radius:999px;padding:5px 11px;line-height:1;white-space:nowrap}.gs-om-chip i{font-size:10.5px;opacity:.7}.gs-om-dot{opacity:.45;font-weight:700}.gs-overlay-icon-wrap{width:auto;height:auto;border-radius:0;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:none;border:none;animation:none}.gs-overlay-icon{font-size:36px;color:#0a0a0d;background:none;-webkit-text-fill-color:currentColor;background-clip:initial;-webkit-background-clip:initial}body.dark-mode .gs-overlay-icon{color:#fff}.gs-overlay-title{font-size:15px;font-weight:700;color:var(--ink, #333);margin:0 0 6px}body.dark-mode .gs-overlay-title{color:#ffffffeb}.gs-overlay-sub{font-size:13px;line-height:1.5;margin:0;opacity:.75}@keyframes gsOverlayFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gs-stats-overlay{position:absolute;bottom:14px;left:14px;transform:none;display:flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);font-size:11px;color:#555;z-index:3}.gs-stats-overlay .mso-item{display:flex;align-items:center;gap:4px}.gs-stats-overlay .mso-item i{font-size:10px;opacity:.7}.gs-stats-overlay .mso-item b{font-weight:700}.gs-stats-overlay .mso-sep{width:1px;height:12px;background:#00000014}.gs-stats-overlay .mso-green{color:#22c55e}body.dark-mode .gs-stats-overlay{background:#181818bf;border-color:#ffffff12;color:#ffffffc7}body.dark-mode .gs-stats-overlay .mso-sep{background:#ffffff1f}.gs-controls{order:2;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:0;background:var(--bg);border-radius:16px;border:solid 1px white;box-shadow:none;color:var(--ink, #555);overflow:hidden;min-height:0;min-width:0}#gsControls.pages-right-controls{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;overflow:visible;max-height:100%}body.dark-mode #gsControls.pages-right-controls{background:transparent}#gsControls.pages-right-controls>.controls-container{flex:1 1 auto;min-height:0;overflow-y:auto}#gsControls .controls-container.share-container{box-shadow:none;padding:0}body.dark-mode .gs-controls{background:var(--bg);border-color:#ffffff0f;box-shadow:none}.gs-header{display:flex;align-items:center;gap:10px;padding:10px}body.dark-mode .gs-header{border-bottom-color:#ffffff0f}.gen-studio[data-state=generating] .gs-header,.gen-studio[data-state=done] .gs-header{display:none}.gs-header .gw-back-btn{flex-shrink:0;padding:7px 10px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--ink, #666);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .18s ease}.gs-header .gw-back-btn:hover{border-color:var(--green-accent, #4CAF50);color:var(--green-accent, #4CAF50)}body.dark-mode .gs-header .gw-back-btn{border-color:#ffffff1a;color:#ffffffa6}.gs-header .gen-mode-switcher{flex:1;margin:0;width:auto}.gs-panel{display:flex;flex-direction:column;flex:1;min-height:0}.gs-panel--form{padding:0;min-width:0}.gs-panel--form .gs-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:20px;min-width:0;scrollbar-width:thin;scrollbar-color:rgba(120,120,120,.25) transparent}.gs-panel--form .gen-model-cards,.gs-panel--form #generatorOptions,.gs-panel--form .gen-option-group,.gs-panel--form .gen-model-card,.gs-panel--form .gen-option-group .gen-seg-btn{min-width:0}.gs-panel--form .gs-scroll::-webkit-scrollbar{width:5px}.gs-panel--form .gs-scroll::-webkit-scrollbar-track{background:transparent}.gs-panel--form .gs-scroll::-webkit-scrollbar-thumb{background:#78787833;border-radius:10px}.gs-panel--form .gs-scroll::-webkit-scrollbar-thumb:hover{background:#78787866}.gs-panel--form .gen-model-section{border-top:none;padding-top:0}.gs-footer{padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:6px;background:none;min-width:0}body.dark-mode .gs-footer{border-top-color:#ffffff0f;background:none}.gs-footer .btn-generate{margin:0;width:100%}.gs-footer .gen-model-est{align-self:center;margin-top:4px}.gs-panel--progress{position:relative;padding:0;background:transparent;border:none;box-shadow:none}.gs-panel--progress .gs-progress-center{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px 18px;gap:14px}.gs-panel--progress .progress-bar-container,.gs-panel--progress .progress-info{width:100%;max-width:100%}.gs-panel--progress .progress-meta{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;box-sizing:border-box;padding:0 8px}.gs-panel--progress .progress-prompt{width:100%;text-align:center;font-style:italic;font-size:12px;line-height:1.45;color:var(--ink-3, #888);word-break:break-word;padding:0 4px;max-height:60px;overflow-y:auto;box-sizing:border-box}.gs-panel--progress .progress-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 5px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.gs-panel--progress .progress-badges .gr-badge{font-size:9px;padding:3px 7px;border-radius:999px;background:#22c55e1a;border:1px solid rgba(34,197,94,.22);color:var(--ink-2, #555);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.gs-panel--progress .progress-badges .gr-badge i{font-size:8px;opacity:.75;flex-shrink:0}body.dark-mode .gs-panel--progress .progress-badges .gr-badge{color:#ffffffc7;background:#22c55e24;border-color:#22c55e4d}body.dark-mode .gs-panel--progress .progress-prompt{color:#ffffff8c}.gs-panel--progress .gs-progress-footer{padding:12px 16px 16px;border-top:1px solid var(--border-color);background:transparent;display:flex;flex-direction:column;align-items:stretch;gap:10px;flex-shrink:0}body.dark-mode .gs-panel--progress .gs-progress-footer{border-top-color:#ffffff0f}.gs-panel--progress .progress-info{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:11.5px;color:var(--ink-3, #888)}.gs-panel--progress .progress-timer{justify-self:start;color:var(--green-accent, #22c55e);font-weight:700;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:5px}.gs-panel--progress .gen-status-label{justify-self:center;text-align:center;color:var(--ink-3, #888);font-style:italic}.gs-panel--progress #progressTime{justify-self:end;color:var(--ink-3, #888);font-weight:600;white-space:nowrap}body.dark-mode .gs-panel--progress .gen-status-label,body.dark-mode .gs-panel--progress #progressTime{color:#ffffff8c}.gs-panel--progress .gen-cancel-btn{width:auto;padding:10px 22px;background:transparent;border:none;color:#f87171;font-size:13.5px;font-weight:700;border-radius:26px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:color .2s ease,background .2s ease;box-shadow:none}.gs-panel--progress .gen-cancel-btn:hover{background:#ef444414;color:#fca5a5;box-shadow:none}.gs-panel--progress .gen-cancel-btn i{font-size:12px}.gs-panel--result{padding:0;overflow:hidden;display:flex;flex-direction:column;background:transparent;border:none;box-shadow:none}.gs-panel--result .gr-ready-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:22px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0}.gs-panel--result .gr-ready-scroll::-webkit-scrollbar{width:5px}.gs-panel--result .gr-ready-scroll::-webkit-scrollbar-thumb{background:#78787833;border-radius:10px}.gs-panel--result .gr-result-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#22c55e26,#4ade800d);border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gs-panel--result .gr-result-icon i{font-size:30px;background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gs-panel--result .gr-ready-title{font-size:19px;font-weight:700;margin:4px 0;text-align:center}.gs-panel--result .gr-ready-subtitle{font-size:13px;line-height:1.5;color:var(--ink-3, #777);text-align:center;margin:0 0 8px;max-width:100%}body.dark-mode .gs-panel--result .gr-ready-subtitle{color:#ffffff8c}.gs-panel--result .gr-ready-secondary{display:flex;flex-direction:row;gap:8px;width:100%;max-width:360px;margin:4px 0 6px;flex-wrap:wrap;justify-content:center}.gs-panel--result .gr-ready-btn--outline{flex:1;min-width:120px;padding:9px 14px;background:transparent;border:1px solid var(--border-color);color:var(--ink, #555);border-radius:10px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.gs-panel--result .gr-ready-btn--outline:hover{border-color:var(--green-accent, #4CAF50);color:var(--green-accent, #4CAF50);background:#22c55e0d}.gs-panel--result .gr-ready-btn--outline i{font-size:11px;opacity:.75}body.dark-mode .gs-panel--result .gr-ready-btn--outline{border-color:#ffffff1a;color:#ffffffc7}body.dark-mode .gs-panel--result .gr-ready-btn--outline:hover{background:#22c55e14}.gs-panel--result .gr-ready-prompt{width:100%;max-width:100%;font-size:12px;line-height:1.5;font-style:italic;color:var(--ink-3, #888);background:transparent;padding:6px 4px;border-radius:0;text-align:center;word-break:break-word;max-height:90px;overflow-y:auto;margin:4px 0}.gs-panel--result .gr-ready-prompt:empty{display:none}.gs-panel--result .gr-ready-prompt i{color:#f59e0ba6;margin-right:5px}body.dark-mode .gs-panel--result .gr-ready-prompt{background:transparent;color:#ffffff80}.gs-panel--result .gr-ready-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:80%;max-width:80%;margin:0 auto}.gs-panel--result .gr-ready-badges .gr-badge{font-size:9.5px;padding:3px 7px;border-radius:999px;background:#22c55e1a;border:1px solid rgba(34,197,94,.22);color:var(--ink-2, #555);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.gs-panel--result .gr-ready-badges .gr-badge i{font-size:8px;opacity:.75}body.dark-mode .gs-panel--result .gr-ready-badges .gr-badge{color:#ffffffc7;background:#22c55e24;border-color:#22c55e4d}.gs-panel--result .gs-result-footer{padding:12px 16px 16px;border-top:1px solid var(--border-color);background:transparent;flex-shrink:0}body.dark-mode .gs-panel--result .gs-result-footer{border-top-color:#ffffff0f}.gs-result-footer .btn-generate.gr-newgen-btn{position:relative;width:100%;margin:0;padding:14px 28px;font-size:13.5px;font-weight:700;font-family:var(--font, "Inter", sans-serif);color:#fff;background:transparent;border:1px solid rgba(74,222,128,.35);border-radius:26px;cursor:pointer;overflow:hidden;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 14px #22c55e1a,inset 0 0 14px #22c55e0d;transition:border-color .3s ease,box-shadow .3s ease,transform .18s ease;animation:none}.gs-result-footer .btn-generate.gr-newgen-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,222,128,.18),transparent);pointer-events:none;animation:none}.gs-result-footer .btn-generate.gr-newgen-btn i{font-size:13px;color:#4ade80;transition:transform .25s ease}.gs-result-footer .btn-generate.gr-newgen-btn span{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;font-weight:700}.gs-result-footer .btn-generate.gr-newgen-btn:hover{border-color:#4ade8099;box-shadow:0 0 22px #22c55e40,inset 0 0 18px #22c55e14;transform:translateY(-1px)}.gs-result-footer .btn-generate.gr-newgen-btn:hover:before{animation:gwShine .9s ease-out forwards}.gs-result-footer .btn-generate.gr-newgen-btn:hover .gen-btn-arrow{transform:translate(3px);opacity:1}.gs-panel--form .gen-model-cards{grid-template-columns:1fr 1fr 1fr}.gs-panel--form .gen-model-card{padding:10px;min-height:56px}.gs-panel--form .gen-model-card .gmc-name{font-size:12px;line-height:1.2}.gs-panel--form .gen-model-card .gmc-provider{display:none}.gs-panel--form .gmc-badge{font-size:9px;padding:4px 8px}.gmc-badge--ultra{color:#c4b5fd;background:#8b5cf629;border:1px solid rgba(139,92,246,.42);box-shadow:inset 0 0 14px #8b5cf61a}.gs-panel--form #generatorOptions .gen-option-group:has([data-option=quality]),.gs-panel--form #generatorOptions .gen-option-group:has([data-option=polygons]){grid-column:1 / -1}.gs-panel--form #generatorOptions .gen-option-group:has([data-option=quality]) .gen-seg-btn,.gs-panel--form #generatorOptions .gen-option-group:has([data-option=polygons]) .gen-seg-btn{font-size:11px;padding:8px 4px;white-space:nowrap}.gs-panel--form #generatorOptions .gen-option-group:not(:has([data-option=quality])):not(:has([data-option=polygons])) .gen-seg-btn{font-size:11.5px;padding:8px 6px;min-width:0}@media(max-width:640px){.gs-panel--form #generatorOptions{grid-template-columns:1fr}}.gs-panel--form .gs-scroll{display:flex;flex-direction:column;gap:16px;align-content:start}.gs-form-left{display:flex;flex-direction:column;gap:22px;min-width:0}.gs-panel--form .gs-scroll>.gui-config-strip{min-width:0}.gs-panel--form #generatorOptions{grid-template-columns:1fr 1fr;gap:24px}@media(max-width:1320px){#unifiedInputSection.gen-studio{grid-template-columns:minmax(0,1fr) 460px}}@media(max-width:1024px){.gs-panel--form .gs-scroll{grid-template-columns:1fr}#unifiedInputSection.gen-studio{grid-template-columns:1fr;grid-template-rows:none;height:auto;max-height:none;gap:14px}#unifiedInputSection.gen-studio>.gs-viewer-col,#unifiedInputSection.gen-studio>.gs-controls{grid-column:1;grid-row:auto}#unifiedInputSection.gen-studio>.gs-viewer-col{display:flex;flex-direction:column;grid-template-rows:none;gap:14px}.gs-inline-viewer{display:none}.gs-viewer-col{order:0}.gs-viewer{order:0;flex:0 0 auto;min-height:280px;height:38vh;max-height:460px}.gs-controls{order:0;max-height:65vh;min-height:480px}}@media(max-width:768px){#unifiedInputSection.gen-studio{gap:12px;padding:0}.gs-viewer{border-radius:14px;min-height:280px;height:38vh}.gs-controls{border-radius:14px}.gs-header{padding:6px 12px 5px;gap:8px}.gs-panel--form .gs-scroll{padding:12px 12px 6px;gap:14px}.gs-footer{padding:10px 12px 14px}.gs-overlay-icon-wrap{width:52px;height:52px;margin-bottom:10px}.gs-overlay-icon{font-size:22px}.gs-overlay-title{font-size:14px}.gs-overlay-sub{font-size:12px}}@media(max-width:480px){.gs-viewer{min-height:240px;height:34vh}.gs-panel--form .gen-model-cards{grid-template-columns:1fr 1fr}.gs-panel--form .gen-model-card[data-value=rodin]{grid-column:1 / -1}.gs-state-pill{font-size:10px;padding:4px 9px 4px 7px;top:10px;left:10px}.gs-stats-overlay{font-size:10px;padding:5px 10px;bottom:10px}}.gs-panel--form textarea{width:100%;height:146px;min-height:146px;background:var(--bg-2, #f5f5f5);border:none;border-radius:14px;padding:14px 16px;color:var(--ink, #4a4a4a);font-size:13.5px;line-height:1.6;resize:none;overflow-y:auto;font-family:inherit;box-sizing:border-box;transition:box-shadow .2s ease,background .2s ease}.gs-panel--form textarea:focus{outline:none;box-shadow:0 0 0 2px #22c55e1f}.gs-panel--form textarea::placeholder{color:var(--ink-4, #c9c9c9)}.gs-panel--form textarea.prompt-hint-glow{animation:promptHintGlow .6s ease-out}body.dark-mode .gs-panel--form textarea{background:#ffffff0a;color:#d1d5db}body.dark-mode .gs-panel--form textarea:focus{background:#ffffff0f;box-shadow:0 0 0 2px #22c55e2e;color:#e5e7eb}body.dark-mode .gs-panel--form textarea::placeholder{color:#ffffff38}.gs-panel--form .gui-prompt-wrap{position:relative;display:flex;flex-direction:column;gap:6px}.gs-panel--form .char-count{font-size:11px;color:var(--ink-4, #888);font-weight:500;font-variant-numeric:tabular-nums}body.dark-mode .gs-panel--form .char-count{color:#ffffff52}.gs-panel--form .image-dropzone-compact{height:146px;min-height:146px;background:var(--bg-2, #f5f5f5);border:1.5px dashed transparent;border-radius:14px;padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;box-sizing:border-box}.gs-panel--form .image-dropzone-compact:hover,.gs-panel--form .image-dropzone-compact.dragover{background:#22c55e0d;border-color:#22c55e52}body.dark-mode .gs-panel--form .image-dropzone-compact{background:#ffffff0a}body.dark-mode .gs-panel--form .image-dropzone-compact:hover,body.dark-mode .gs-panel--form .image-dropzone-compact.dragover{background:#22c55e0f;border-color:#22c55e66}.gs-panel--form .dropzone-content-compact{display:flex;align-items:center;gap:12px;text-align:left}.gs-panel--form .dropzone-content-compact>i{font-size:20px;color:var(--green-accent, #4CAF50);opacity:.7;flex-shrink:0}.gs-panel--form .dropzone-text p{margin:0 0 2px;font-size:12.5px;font-weight:600;color:var(--ink, #333);line-height:1.35}.gs-panel--form .dropzone-image-limit{font-size:10.5px;color:var(--ink-3, #888);display:inline-flex;align-items:center;gap:4px;line-height:1.3}.gs-panel--form .dropzone-image-limit i{font-size:9px;opacity:.7}.gs-panel--form .dropzone-format-hint{display:block;font-size:9.5px;color:var(--ink-4, #aaa);margin-top:2px;line-height:1.3}body.dark-mode .gs-panel--form .dropzone-text p{color:#ffffffd9}body.dark-mode .gs-panel--form .dropzone-image-limit{color:#ffffff73}body.dark-mode .gs-panel--form .dropzone-format-hint{color:#ffffff40}.gs-footer .btn-generate{position:relative;width:100%;padding:14px 28px;font-size:13.5px;font-weight:700;font-family:var(--font, "Inter", sans-serif);color:#fff;background:transparent;border:1px solid rgba(74,222,128,.35);border-radius:26px;cursor:pointer;overflow:hidden;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 14px #22c55e1a,inset 0 0 14px #22c55e0d;transition:border-color .3s ease,box-shadow .3s ease,transform .18s ease;animation:none}.gs-footer .btn-generate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,222,128,.18),transparent);pointer-events:none;animation:none}.gs-footer .btn-generate i{font-size:13px;color:#4ade80;transition:transform .25s ease}.gs-footer .btn-generate span{background:linear-gradient(135deg,#22c55e,#4ade80,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;font-weight:700}.gs-footer .btn-generate:hover:not(.gen-btn-disabled):not(.gen-btn-checking){border-color:#4ade8099;box-shadow:0 0 22px #22c55e40,inset 0 0 18px #22c55e14;transform:translateY(-1px)}.gs-footer .btn-generate:hover:not(.gen-btn-disabled):not(.gen-btn-checking):before{animation:gwShine .9s ease-out forwards}.gs-footer .btn-generate:hover:not(.gen-btn-disabled):not(.gen-btn-checking) .gen-btn-arrow{transform:translate(3px);opacity:1}.gs-footer .btn-generate.gen-btn-disabled{opacity:.45;cursor:not-allowed;transform:none;border-color:#4ade802e}.gs-footer .btn-generate.gen-btn-disabled span{background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gs-footer .btn-generate.gen-btn-checking{pointer-events:none;opacity:.85;cursor:wait}.gs-footer .btn-generate.gen-btn-checking i.fa-wand-magic-sparkles{animation:genBtnCheckSpin .9s linear infinite}.gs-footer .btn-generate.gen-btn-checking .gen-btn-arrow{opacity:0}#page-library{--lib-text: var(--ink, #2a2a2a);--lib-text-2: var(--ink-2, #6b7280);--lib-text-3: var(--ink-3, #9aa1ac);--lib-card: var(--card, #ffffff);--lib-card-2: #fafafa;--lib-surface: var(--bg-2, #f5f5f5);--lib-border: var(--analytics-border, #e0e0e0);--lib-border-2:#ececec;--lib-accent: #22c55e;--lib-accent-2:#16a34a;--lib-accent-soft: rgba(34, 197, 94, .1);--lib-gold: #d4af37;--lib-blue: #3b82f6;--lib-amber: #f59e0b;--lib-red: #ef4444;--lib-radius: 14px;--lib-radius-sm: 11px;--lib-radius-xs: 8px;--lib-shadow: none;--lib-shadow-md: 0 2px 12px rgba(0, 0, 0, .05);--lib-shadow-pop: 0 8px 28px rgba(0, 0, 0, .12);--lib-cols: 60px minmax(130px, 1.15fr) minmax(210px, 1.85fr) 80px 96px 104px 140px;height:100%;font-family:var(--font, "Inter", sans-serif);color:var(--lib-text)}body.dark-mode #page-library{--lib-text: var(--ink, #dcdcdc);--lib-text-2: var(--ink-2, #aaa);--lib-text-3: var(--ink-3, #777);--lib-card: var(--card, #101010);--lib-card-2: #161616;--lib-surface: #1a1a1a;--lib-border: rgba(255, 255, 255, .06);--lib-border-2: rgba(255, 255, 255, .045);--lib-accent-soft: rgba(34, 197, 94, .14);--lib-shadow: none;--lib-shadow-md: 0 4px 18px rgba(0, 0, 0, .4);--lib-shadow-pop: 0 12px 40px rgba(0, 0, 0, .55)}#page-library .lib-wrap{height:100%;overflow:hidden;padding:28px 32px 24px;display:flex;flex-direction:column;gap:20px}#page-library .lib-wrap::-webkit-scrollbar{width:10px}#page-library .lib-wrap::-webkit-scrollbar-thumb{background:var(--lib-border);border-radius:20px;border:3px solid transparent;background-clip:content-box}#page-library .lib-wrap::-webkit-scrollbar-thumb:hover{background:var(--lib-text-3);background-clip:content-box}#page-library .lib-head{flex-shrink:0}#page-library .lib-head-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}#page-library .lib-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--lib-gold);text-transform:uppercase;padding:4px 0;margin-bottom:2px}#page-library .lib-kicker i{font-size:11px}#page-library .lib-h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.4px;color:var(--lib-text);line-height:1.1}#page-library .lib-sub{margin:7px 0 0;font-size:13.5px;color:var(--lib-text-2);font-weight:500;max-width:520px}#page-library .lib-stats{display:flex;gap:10px}#page-library .lib-stat{min-width:92px;padding:11px 16px;background:var(--lib-card);border:1px solid var(--lib-border);border-radius:var(--lib-radius-sm);box-shadow:var(--lib-shadow);display:flex;flex-direction:column;gap:3px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}#page-library .lib-stat:hover{transform:translateY(-2px);box-shadow:var(--lib-shadow-md);border-color:var(--lib-accent)}#page-library .lib-stat-val{font-size:23px;font-weight:800;color:var(--lib-text);letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums}#page-library .lib-stat-key{font-size:10.5px;font-weight:600;color:var(--lib-text-3);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:5px}#page-library .lib-stat-key i{font-size:10px;color:var(--lib-accent)}#page-library .lib-toolbar{position:relative;z-index:30;flex-shrink:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;margin:0 -2px;background:color-mix(in srgb,var(--lib-card) 86%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border:1px solid var(--lib-border);border-radius:var(--lib-radius);box-shadow:var(--lib-shadow)}#page-library .lib-search{position:relative;flex:1 1 220px;min-width:180px;display:flex;align-items:center}#page-library .lib-search>i.fa-magnifying-glass{position:absolute;left:14px;font-size:13px;color:var(--lib-text-3);pointer-events:none}#page-library .lib-search input{width:100%;height:40px;padding:0 36px 0 38px;background:var(--lib-surface);border:1px solid var(--lib-border);border-radius:var(--lib-radius-sm);color:var(--lib-text);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}#page-library .lib-search input::placeholder{color:var(--lib-text-3)}#page-library .lib-search input:focus{border-color:var(--lib-accent);background:var(--lib-card);box-shadow:0 0 0 3px var(--lib-accent-soft)}#page-library .lib-search-clear{position:absolute;right:8px;width:24px;height:24px;display:none;align-items:center;justify-content:center;border:none;background:transparent;color:var(--lib-text-3);border-radius:7px;cursor:pointer;font-size:12px;transition:.15s}#page-library .lib-search-clear:hover{background:var(--lib-surface);color:var(--lib-text)}#page-library .lib-search.has-text .lib-search-clear{display:flex}#page-library .lib-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}#page-library .lib-chips::-webkit-scrollbar{display:none}#page-library .lib-chip{flex-shrink:0;height:34px;padding:0 14px;background:transparent;border:1px solid var(--lib-border);border-radius:99px;color:var(--lib-text-2);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .16s ease}#page-library .lib-chip:hover{border-color:var(--lib-accent);color:var(--lib-text)}#page-library .lib-chip.active{background:var(--lib-accent);border-color:var(--lib-accent);color:#fff;box-shadow:0 3px 10px var(--lib-accent-soft)}#page-library .lib-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}#page-library .lib-select{position:relative;display:flex;align-items:center}#page-library .lib-select>i.fa-arrow-down-wide-short{position:absolute;left:12px;font-size:12px;color:var(--lib-text-3);pointer-events:none}#page-library .lib-select-caret{position:absolute;right:11px;font-size:10px;color:var(--lib-text-3);pointer-events:none}#page-library .lib-select select{height:40px;padding:0 30px 0 32px;background:var(--lib-card);border:1px solid var(--lib-border);border-radius:var(--lib-radius-sm);color:var(--lib-text);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .16s ease}#page-library .lib-select select:hover{border-color:var(--lib-accent)}#page-library .lib-vtoggle{display:flex;padding:3px;gap:2px;background:var(--lib-surface);border:1px solid var(--lib-border);border-radius:var(--lib-radius-sm)}#page-library .lib-vt{width:32px;height:32px;border:none;background:transparent;border-radius:7px;color:var(--lib-text-3);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}#page-library .lib-vt:hover{color:var(--lib-text)}#page-library .lib-vt.active{background:var(--lib-card);color:var(--lib-accent);box-shadow:var(--lib-shadow)}#page-library .lib-btn{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;background:var(--lib-card);border:1px solid var(--lib-border);border-radius:var(--lib-radius-sm);color:var(--lib-text);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .16s ease;white-space:nowrap}#page-library .lib-btn:hover{border-color:var(--lib-accent);color:var(--lib-accent)}#page-library .lib-btn .lib-caret{font-size:9px;opacity:.6}#page-library .lib-btn-icon{width:40px;padding:0;justify-content:center}#page-library .lib-btn-icon i{transition:transform .4s ease}#page-library .lib-btn-icon.spinning i{transform:rotate(360deg)}#page-library .lib-menu-wrap{position:relative}#page-library .lib-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:190px;padding:6px;background:var(--lib-card);border:1px solid var(--lib-border);border-radius:var(--lib-radius-sm);box-shadow:var(--lib-shadow-pop);display:flex;flex-direction:column;gap:2px;transform-origin:top right;animation:libMenuIn .14s ease}#page-library .lib-menu.hidden{display:none}@keyframes libMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}#page-library .lib-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:none;background:transparent;border-radius:var(--lib-radius-xs);color:var(--lib-text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .14s ease}#page-library .lib-menu button:hover{background:var(--lib-surface)}#page-library .lib-menu button i{width:16px;text-align:center;color:var(--lib-text-2);font-size:13px}#page-library .lib-menu .lib-menu-hint{margin-left:auto;font-size:11px;color:var(--lib-text-3);font-weight:600}#page-library .lib-menu-div{height:1px;background:var(--lib-border);margin:4px 2px}#page-library .lib-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}#page-library .lib-content::-webkit-scrollbar{width:10px}#page-library .lib-content::-webkit-scrollbar-thumb{background:var(--lib-border);border-radius:20px;border:3px solid transparent;background-clip:content-box}#page-library .lib-content::-webkit-scrollbar-thumb:hover{background:var(--lib-text-3);background-clip:content-box}#page-library .lib-content:empty{flex:0 0 auto}#page-library .lib-skeleton{display:flex;flex-direction:column;gap:8px}#page-library .lib-sk-row{height:66px;border-radius:var(--lib-radius-sm);background:linear-gradient(100deg,var(--lib-card) 30%,var(--lib-surface) 50%,var(--lib-card) 70%);background-size:200% 100%;animation:libShimmer 1.3s ease-in-out infinite;border:1px solid var(--lib-border-2)}@keyframes libShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}#page-library .lib-table{background:var(--lib-card);border:1px solid var(--lib-border);border-radius:var(--lib-radius);overflow:hidden;box-shadow:var(--lib-shadow)}#page-library .lib-thead{display:grid;grid-template-columns:var(--lib-cols);align-items:center;gap:14px;padding:11px 18px;background:var(--lib-card-2);border-bottom:1px solid var(--lib-border)}#page-library .lib-th{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--lib-text-3)}#page-library .lib-col-views,#page-library .lib-col-status,#page-library .lib-col-date,#page-library .lib-col-act{text-align:center}#page-library .lib-col-act{text-align:right}#page-library .lib-row{display:grid;grid-template-columns:var(--lib-cols);align-items:center;gap:14px;padding:11px 18px;border-bottom:1px solid var(--lib-border-2);transition:background .14s ease;animation:libRowIn .3s ease backwards}#page-library .lib-row:last-child{border-bottom:none}#page-library .lib-row:hover{background:var(--lib-card-2)}@keyframes libRowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}#page-library .lib-thumb{width:60px;height:48px;border-radius:10px;overflow:hidden;background:var(--lib-surface);border:1px solid var(--lib-border);display:flex;align-items:center;justify-content:center;position:relative}#page-library .lib-thumb img{width:100%;height:100%;object-fit:cover;display:block}#page-library .lib-thumb .lib-thumb-ph{color:var(--lib-text-3);font-size:16px}#page-library .lib-thumb-info{position:absolute;top:3px;left:3px;z-index:4;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-size:10px;line-height:1;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);color:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,color .15s,border-color .15s}body.dark-mode #page-library .lib-thumb-info{background:#181818c7;border-color:#ffffff1f;color:#fffc}#page-library .lib-thumb-info:hover{background:#22c55e29;border-color:#22c55e73;color:#16a34a}body.dark-mode #page-library .lib-thumb-info:hover{background:#22c55e38;border-color:#22c55e80;color:#22c55e}#page-library .lib-card-thumb .lib-thumb-info{top:9px;left:auto;right:9px;width:26px;height:26px;border-radius:7px;font-size:12px}#page-library .lib-col-main{min-width:0}#page-library .lib-row-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--lib-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-library .lib-row-title span.lib-ttext{overflow:hidden;text-overflow:ellipsis}#page-library .lib-row-model{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;color:var(--lib-text-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-library .lib-row-model i{font-size:10px;color:var(--lib-text-3)}#page-library .lib-ttext,#page-library .lib-mtext{overflow:hidden;text-overflow:ellipsis;min-width:0}#page-library .lib-edit-name{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--lib-text-2);font-size:11px;line-height:1;padding:3px 5px;border-radius:6px;opacity:1;transition:color .15s ease,background .15s ease}#page-library .lib-edit-name:hover{color:var(--lib-text);background:var(--lib-hover, rgba(127,127,127,.14))}#page-library .lib-ttext.lib-editing,#page-library .lib-mtext.lib-editing{outline:none;cursor:text;white-space:nowrap;overflow:hidden;max-width:100%;padding:0 6px;border-radius:6px;color:var(--lib-text);background:var(--lib-card);box-shadow:0 0 0 2px #22c55e73}#page-library .lib-row-editing .lib-edit-name{opacity:0!important;pointer-events:none}#page-library .lib-tag{flex-shrink:0;font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:99px;line-height:1.4}#page-library .lib-tag-ai{background:#8b5cf61f;color:#8b5cf6}#page-library .lib-tag-base{background:var(--lib-accent-soft);color:var(--lib-accent-2)}#page-library .lib-tag-up{background:#3b82f61f;color:var(--lib-blue)}body.dark-mode #page-library .lib-tag-ai{color:#a78bfa}body.dark-mode #page-library .lib-tag-base{color:#4ade80}body.dark-mode #page-library .lib-tag-up{color:#60a5fa}#page-library .lib-row-title .lib-edit-name,#page-library .lib-row-model .lib-edit-name,#page-library .lib-card-title .lib-edit-name,#page-library .lib-card-model .lib-edit-name{order:-1}#page-library .lib-row-title .lib-ttext{flex:1 1 auto}#page-library .lib-row-title .lib-tag{order:2}#page-library .lib-mini[data-act=share]:hover{color:#14b8a6;border-color:#14b8a6}.lib-share-overlay .popup-content.mip{animation:libShareIn .36s cubic-bezier(.16,.84,.36,1) both}@keyframes libShareIn{0%{opacity:0;transform:translateY(16px) scale(.965)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lib-share-overlay .popup-content.mip{animation-duration:.12s}}.lib-share-overlay .share-page-name+.share-page-name{margin-top:2px}#page-library .lib-linkbox{display:flex;align-items:center;gap:4px;background:var(--lib-surface);border:1px solid var(--lib-border);border-radius:9px;padding:4px 4px 4px 10px;max-width:100%}#page-library .lib-link-text{flex:1;min-width:0;font-size:11.5px;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--lib-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-library .lib-views{display:inline-flex;align-items:center;gap:6px;justify-content:center;font-size:12.5px;font-weight:700;color:var(--lib-text);font-variant-numeric:tabular-nums}#page-library .lib-views i{font-size:11px;color:var(--lib-text-3)}#page-library .lib-views.zero{color:var(--lib-text-3);font-weight:600}#page-library .lib-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700}#page-library .lib-badge:before{content:"";width:6px;height:6px;border-radius:50%}#page-library .lib-badge-on{background:var(--lib-accent-soft);color:var(--lib-accent-2)}#page-library .lib-badge-on:before{background:var(--lib-accent);box-shadow:0 0 0 3px var(--lib-accent-soft)}#page-library .lib-badge-off{background:#94a3b824;color:#94a3b8}#page-library .lib-badge-off:before{background:#94a3b8}body.dark-mode #page-library .lib-badge-on{color:#4ade80}#page-library .lib-col-date{text-align:center;font-size:12px;color:var(--lib-text-2);font-weight:500;white-space:nowrap}#page-library .lib-col-act{display:flex;align-items:center;justify-content:flex-end;gap:4px}#page-library .lib-mini{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:8px;color:var(--lib-text-2);cursor:pointer;font-size:12.5px;transition:all .15s ease}#page-library .lib-linkbox .lib-mini{width:28px;height:28px;background:var(--lib-card);border-color:var(--lib-border)}#page-library .lib-mini:hover{background:var(--lib-surface);color:var(--lib-text);border-color:var(--lib-border)}#page-library .lib-mini[data-act=copy]:hover{color:var(--lib-accent);border-color:var(--lib-accent)}#page-library .lib-mini[data-act=open]:hover{color:var(--lib-blue);border-color:var(--lib-blue)}#page-library .lib-mini[data-act=analytics]:hover{color:var(--lib-amber);border-color:var(--lib-amber)}#page-library .lib-mini[data-act=editpage]:hover{color:var(--lib-accent);border-color:var(--lib-accent)}#page-library .lib-mini[data-act=editmodel]:hover{color:#8b5cf6;border-color:#8b5cf6}#page-library .lib-mini[data-act=delete]:hover,#page-library .lib-mini-del:hover{color:var(--lib-red);border-color:var(--lib-red);background:#ef444414}#page-library .lib-mini.copied{color:var(--lib-accent)!important;border-color:var(--lib-accent)!important}#page-library .lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}#page-library .lib-card{background:var(--lib-card);border:1px solid var(--lib-border);border-radius:var(--lib-radius);overflow:hidden;box-shadow:var(--lib-shadow);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:libRowIn .3s ease backwards}#page-library .lib-card-thumb{position:relative;aspect-ratio:16 / 10;background:var(--lib-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--lib-border-2)}#page-library .lib-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}#page-library .lib-card-thumb .lib-thumb-ph{font-size:28px;color:var(--lib-text-3)}#page-library .lib-card-badge{position:absolute;top:9px;left:9px;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#page-library .lib-card-tag{position:absolute;top:9px;right:9px;z-index:2}#page-library .lib-card-body{padding:13px 14px 6px;flex:1;min-width:0}#page-library .lib-card-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--lib-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-library .lib-card-model{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--lib-text-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#page-library .lib-card-model i{font-size:10px;color:var(--lib-text-3)}#page-library .lib-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 10px 14px;border-top:1px solid var(--lib-border-2);margin-top:8px}#page-library .lib-card-acts{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}#page-library .lib-card-acts .lib-mini{width:27px;height:27px;font-size:12px}#page-library .lib-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;gap:6px;background:var(--lib-card);border:1px dashed var(--lib-border);border-radius:var(--lib-radius)}#page-library .lib-empty.hidden{display:none}#page-library .lib-empty-art{width:72px;height:72px;border-radius:20px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--lib-accent);background:var(--lib-accent-soft)}#page-library .lib-empty h3{margin:0;font-size:18px;font-weight:800;color:var(--lib-text)}#page-library .lib-empty p{margin:0;font-size:13px;color:var(--lib-text-2);max-width:380px}#page-library .lib-empty-cta{margin-top:14px;height:42px;padding:0 20px;display:inline-flex;align-items:center;gap:8px;background:var(--lib-accent);border:none;border-radius:var(--lib-radius-sm);color:#fff;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px var(--lib-accent-soft);transition:all .16s ease}#page-library .lib-empty-cta:hover{background:var(--lib-accent-2);transform:translateY(-2px)}#page-library .lib-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:100000;pointer-events:none;opacity:0;display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:12px;background:#15181d;color:#fff;font-size:13px;font-weight:600;box-shadow:0 12px 40px #0000004d;transition:opacity .22s ease,transform .22s ease}#page-library .lib-toast.show{opacity:1;transform:translate(-50%)}#page-library .lib-toast i{color:var(--lib-accent);font-size:14px}#page-library .lib-toast.err i{color:var(--lib-red)}body.dark-mode #page-library .lib-toast{background:#f4f6f8;color:#15181d}#page-library .lib-count{font-size:12px;color:var(--lib-text-3);font-weight:600;margin-top:16px;padding:0 2px 4px}#page-library .lib-count b{color:var(--lib-text-2)}@media(max-width:1180px){#page-library{--lib-cols: 60px minmax(120px, 1.05fr) minmax(180px, 1.7fr) 78px 92px 140px}#page-library .lib-col-date{display:none}}@media(max-width:980px){#page-library .lib-head-main{align-items:flex-start}#page-library .lib-stats{width:100%}#page-library .lib-stat{flex:1}}@media(max-width:900px){#page-library .lib-thead{display:none}#page-library .lib-table{background:transparent;border:none;box-shadow:none;overflow:visible}#page-library .lib-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;padding:13px 14px;grid-template-columns:none;background:var(--lib-card);border:1px solid var(--lib-border);border-radius:var(--lib-radius-sm);margin-bottom:9px;box-shadow:var(--lib-shadow)}#page-library .lib-row:last-child{margin-bottom:0}#page-library .lib-row:hover{background:var(--lib-card);border-color:var(--lib-accent)}#page-library .lib-col-thumb{order:1;flex:0 0 auto}#page-library .lib-col-main{order:2;flex:1 1 auto;min-width:0}#page-library .lib-col-act{order:3;flex:0 0 auto;margin-left:auto}#page-library .lib-col-link{order:4;flex:1 1 100%;width:100%;padding-top:11px;margin-top:2px;border-top:1px solid var(--lib-border-2)}#page-library .lib-col-views{order:5;flex:0 0 auto;justify-content:flex-start}#page-library .lib-col-status{order:6;flex:0 0 auto}#page-library .lib-col-date{order:7;flex:1 1 auto;display:block!important;text-align:right}#page-library .lib-thumb{width:54px;height:54px}}@media(max-width:560px){#page-library .lib-wrap{padding:18px 16px 48px}#page-library .lib-h1{font-size:21px}#page-library .lib-toolbar{top:0;padding:10px;gap:10px}#page-library .lib-search{flex-basis:100%;order:-1}#page-library .lib-tools{margin-left:0;width:100%}#page-library .lib-select{flex:1}#page-library .lib-select select{width:100%}#page-library .lib-btn-export span{display:none}#page-library .lib-stat{min-width:0;padding:9px 12px}#page-library .lib-stat-val{font-size:19px}#page-library .lib-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}}@media(max-width:380px){#page-library .lib-grid{grid-template-columns:1fr 1fr}#page-library .lib-col-views{display:none}}@media(max-width:560px){#page-library .lib-mini{width:34px;height:34px;font-size:13px}#page-library .lib-card-acts{gap:6px}#page-library .lib-card-acts .lib-mini{width:34px;height:34px;font-size:13px}#page-library .lib-thumb-info,#page-library .lib-card-thumb .lib-thumb-info{width:30px;height:30px;font-size:13px}#page-library .lib-card-title{font-size:14px;line-height:1.3}#page-library .lib-card-body{padding:12px 12px 6px}#page-library,#page-library .lib-wrap{max-width:100%;overflow-x:hidden}}body.dark-mode{--ink: rgb(220, 220, 220);--ink-2: #aaa;--ink-3: #777;--ink-4: #444;--bg: #101010;--bg-2: #111111;--card: #101010;--btn: #333;--input-bg: #1a1a1a;--input-border: #333;--highlight-bg: #333;--border-color: #2a2a2a;--green-accent: #4CAF50;--green-bright: #4ade80;--blue-accent: #4a9eff;--red-accent: #ff5555;--shadow: 0 10px 20px rgba(0, 0, 0, .4);--background-color-popup-darkmode: rgba(20, 20, 20, .97);--main-bg: var(--bg);--card-bg: var(--card);--card-bg-elevated: #161616;--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-tertiary: var(--ink-3);--button-primary: var(--btn);--button-primary-text: var(--ink);--accent-blue: var(--blue-accent);--accent-green: var(--green-accent);--accent-red: var(--red-accent)}.dark-mode{background:var(--main-bg)!important;color:var(--text-primary)}.dark-mode P{color:var(--text-secondary)}.dark-mode .navbar{background:var(--main-bg)}.dark-mode .logo{filter:invert(1);opacity:.8}.dark-mode .navbar a{color:var(--text-secondary)}.dark-mode .navbar a:hover,.dark-mode .theme-toggle i{color:var(--text-primary)}.dark-mode .theme-toggle:hover{background:#ffffff1a}.dark-mode .nav-btn-primary{background:transparent;border:1.5px dashed #444;color:var(--text-secondary)}.dark-mode .nav-btn-primary:hover{background:#ffffff0d;border-color:#888;color:var(--text-primary)}.dark-mode .nav-btn-primary2{background:transparent;border-color:var(--border-color);color:var(--text-primary)}.dark-mode .nav-btn-primary2:hover{border-color:var(--text-primary)}.dark-mode .motto-badge{background:linear-gradient(135deg,#e0e0e0,#ccc);color:#111}.dark-mode .motto-title{color:var(--text-primary)}.dark-mode .motto-text{color:#ffffff80}.dark-mode .upload-container{background:var(--card-bg);border:none}.dark-mode .upload-container.dragover{border-color:none;background:var(--card-bg);box-shadow:0 0 0 4px #4ade800f}.dark-mode .upload-icon-wrap{background:#22c55e14}.dark-mode .upload-icon-wrap i{color:#4ade80}.dark-mode .upload-main-text{color:var(--text-primary)}.dark-mode .upload-sub-text{color:#666}.dark-mode .upload-divider-line{background:#ffffff0f}.dark-mode .upload-divider-text{color:#555;background:var(--card-bg)}.dark-mode .upload-hint{color:#555}.dark-mode .upload-btn{background:#333;color:#dcdcdc}.dark-mode .upload-btn:hover{background:#444;box-shadow:0 4px 12px #0000004d}.dark-mode .login-required-box{background:transparent}.dark-mode .login-required-icon-wrap{background:linear-gradient(135deg,#4ade8026,#4a9eff1f)}.dark-mode .login-required-icon-wrap:after{border-color:#4ade8040}.dark-mode .login-required-icon-wrap i{color:var(--green-bright)}.dark-mode .login-required-title{color:var(--text-primary)}.dark-mode .login-required-subtitle{color:var(--green-bright)}.dark-mode .login-required-text{color:var(--text-secondary)}.dark-mode .login-required-feature i{color:var(--green-bright)}.dark-mode .login-required-feature span{color:var(--text-secondary)}.dark-mode .login-required-btn{background:linear-gradient(135deg,var(--green-bright),#22c55e);color:#fff;box-shadow:0 4px 16px #4ade8033}.dark-mode .login-required-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 24px #4ade804d}.dark-mode .login-required-or{color:#555}.dark-mode .login-required-create{color:var(--green-bright)}.dark-mode .login-required-create:hover{background:#4ade8014}.dark-mode #viewerPreloader{background:var(--main-bg)!important}.dark-mode #viewerPreloader i,.dark-mode #viewerPreloader p{color:var(--text-secondary)!important}.dark-mode .auth-modal{background:#101010}.dark-mode .auth-card{background:#101010;color:var(--text-primary);border:1px solid rgba(255,255,255,.06)}.dark-mode .close-modal{background:#ffffff14;color:var(--ink-3)}.dark-mode .close-modal:hover{background:#ef44441f;color:#ef4444}.dark-mode .auth-logo{filter:invert(1);opacity:1}.dark-mode .auth-card h2,.dark-mode .auth-card h3{color:var(--text-primary)}.dark-mode .auth-subtitle{color:var(--text-tertiary)}.dark-mode .auth-input-wrap{background:var(--input-bg);border-color:var(--input-border)}.dark-mode .auth-input-wrap:focus-within{border-color:#555;background:#1e1e1e}.dark-mode .auth-input-wrap i{color:#555}.dark-mode .auth-input-wrap input{color:var(--text-primary)}.dark-mode .auth-input-wrap input::placeholder{color:#555}.dark-mode .remember-row label{color:var(--text-secondary)}.dark-mode .remember-row input[type=checkbox]{accent-color:#888}.dark-mode .auth-error-msg,.dark-mode .login-error{color:var(--accent-red)}.dark-mode .auth-btn{background:var(--button-primary);color:var(--button-primary-text)}.dark-mode .auth-btn:hover{background:#444}.dark-mode .auth-link-btn{color:var(--text-secondary)}.dark-mode .auth-link-btn:hover{color:var(--text-primary)}.dark-mode .auth-link-divider{background:#333}.dark-mode .auth-divider:before,.dark-mode .auth-divider:after{background:#2a2a2a}.dark-mode .auth-divider span{color:#555}.dark-mode .google-btn{background:#1a1a1a;border-color:#333;color:#dcdcdc}.dark-mode .google-btn:hover{background:#252525;border-color:#444}.dark-mode .auth-provider-btn.google{background:#fff;border-color:#e0e0e0;color:#1f1f1f}.dark-mode .auth-provider-btn.google:hover{background:#f5f5f5}.dark-mode .auth-provider-btn.email.primary{background:#1a1a1a;border-color:#333;color:#dcdcdc}.dark-mode .auth-provider-btn.email.primary:hover{background:#252525;border-color:#444}.dark-mode .auth-provider-btn.email:not(.primary){background:transparent;border-color:#444;color:var(--text-primary)}.dark-mode .auth-provider-btn.email:not(.primary):hover{background:#ffffff0d;border-color:#666}.dark-mode .auth-helper-text{color:var(--text-tertiary)}.dark-mode .auth-back-btn{background:#2a2a2a;color:#888}.dark-mode .auth-back-btn:hover{background:#333;color:var(--text-primary)}.dark-mode .auth-email-icon{background:linear-gradient(135deg,#2a2a2a,#1f1f1f)}.dark-mode .auth-email-icon i{color:var(--green-accent)}.dark-mode .terms-row label{color:var(--text-tertiary)}.dark-mode .terms-row label a{color:var(--text-secondary)}.dark-mode .terms-row label a:hover{color:var(--text-primary)}.dark-mode .auth-step-icon{background:#4a9eff1a}.dark-mode .auth-step-icon.success{background:#4caf501a}.dark-mode .auth-step-icon.error{background:#e539351a}.dark-mode .auth-step-title{color:var(--text-primary)}.dark-mode .auth-step-desc{color:var(--text-secondary)}.dark-mode .auth-code-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .auth-code-input:focus{border-color:var(--accent-blue);background:#1e1e1e}.dark-mode .auth-code-timer{color:var(--text-secondary)}.dark-mode .auth-code-timer .timer-count{color:var(--accent-blue)}.dark-mode .terms-row,.dark-mode .terms-row label{color:var(--text-secondary)}.dark-mode .terms-row input[type=checkbox]{accent-color:#888}.dark-mode .modal-preloader{background:#101010}.dark-mode .modal-spinner{border-color:#333;border-top-color:var(--text-primary)}.dark-mode .modal-preloader-box p{color:var(--text-secondary)}.dark-mode .modal-error-screen{background:#101010}.dark-mode .modal-error-screen h4{color:var(--text-primary)}.dark-mode .verify-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-mode .verify-input:focus{border-color:var(--accent-blue)}.dark-mode .verify-timer{color:var(--text-secondary)}.dark-mode .verify-timer.expired{color:var(--accent-red)}.dark-mode .verify-result{color:var(--text-secondary)}.dark-mode .verify-result.success{color:#5cb85c}.dark-mode .verify-result.error{color:var(--accent-red)}.dark-mode .verify-title{color:var(--text-primary)}.dark-mode .forgot-password-btn{color:var(--text-secondary)}.dark-mode .auth-success-title{color:var(--text-primary)}.dark-mode .auth-error-icon i{color:var(--accent-red)}.dark-mode .explore-modal-content{background:#141414f2;border-color:#ffffff14;color:#fff}.dark-mode .explore-scroll::-webkit-scrollbar-thumb{background:#ffffff14}.dark-mode .pricing-scroll::-webkit-scrollbar-thumb{background:#ffffff14}.dark-mode .explore-section-title{color:var(--text-primary)}.dark-mode .explore-section-subtitle{color:var(--text-secondary)}.dark-mode .explore-hero{border-bottom-color:#ffffff0f}.dark-mode .explore-hero-badge{color:#e0e0e0}.dark-mode .explore-hero-badge i{color:var(--green-bright)}.dark-mode .explore-hero-title{color:var(--text-primary)}.dark-mode .explore-hero-subtitle{color:#ffffff80}.dark-mode .hero-pill{background:transparent;border:none;color:#ffffffd9}.dark-mode .hero-pill:hover{background:transparent;border:none;color:#4ade80}.dark-mode .hero-pill i{color:var(--green-bright)}.dark-mode .hero-note{color:var(--ink-2)}.dark-mode .explore-cta-btn{box-shadow:0 4px 16px #4ade8033}.dark-mode .explore-cta-btn:hover{box-shadow:0 6px 24px #4ade804d}.dark-mode .explore-features{border-bottom-color:#ffffff0f}.dark-mode .explore-card{background:var(--card-bg-elevated);border-color:#ffffff0f}.dark-mode .explore-card-icon{background:linear-gradient(135deg,#4ade8026,#22c55e1a)}.dark-mode .explore-card-tag{color:var(--green-bright);background:#4ade801a}.dark-mode .explore-card-title{color:var(--text-primary)}.dark-mode .explore-card-desc{color:var(--text-secondary)}.dark-mode .features-toggle-btn{border-color:#ffffff1a;color:var(--text-primary)}.dark-mode .features-toggle-btn:hover{background:#ffffff0a;border-color:#fff3}.dark-mode .explore-how{border-bottom-color:#ffffff0f}.dark-mode .explore-step-card{background:var(--card-bg, #101010);border-color:#ffffff0f}.dark-mode .step-number-big{color:#22c55e;-webkit-text-stroke:none;text-shadow:0 1px 3px rgba(34,197,94,.2)}.dark-mode .step-arrow{background:#4ade801a}.dark-mode .step-arrow i{color:var(--green-bright)}.dark-mode .step-card-title{color:#4ade80}.dark-mode .step-card-desc{color:var(--text-secondary)}.dark-mode .step-card-visual{background:#ffffff08;border-color:#ffffff0f}.dark-mode .step-visual-inner i,.dark-mode .step-visual-inner span{color:var(--green-bright)}.dark-mode .explore-video{border-bottom-color:#ffffff0f}.dark-mode .explore-workspace-card{box-shadow:0 4px 24px #00000059}.dark-mode .explore-video-frame{background:var(--card-bg-elevated);border-color:#ffffff0f}.dark-mode .explore-video-placeholder{color:#555}.dark-mode .explore-audience{border-bottom-color:#ffffff0f}.dark-mode .explore-pill{background:transparent;border:none;color:#ffffffd9}.dark-mode .explore-cta-footer-title{color:var(--text-primary)}.dark-mode .explore-cta-footer-text{color:var(--text-secondary)}.dark-mode .explore-trust-item{color:#666}.dark-mode .explore-trust-item i,.dark-mode .explore-video-placeholder:hover i{color:var(--green-bright)}.dark-mode .legal-links a{color:#555}.dark-mode .legal-links a:hover{color:#aaa}.dark-mode .legal-sep{color:#333}.dark-mode .legal-modal-content{background:#141414f2;border-color:#ffffff14}.dark-mode .legal-modal-header{border-bottom-color:#ffffff0f}.dark-mode .legal-modal-header h3{color:var(--text-primary)}.dark-mode .legal-modal-close{background:#ffffff0f;color:#666}.dark-mode .legal-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.dark-mode .legal-modal-body{color:var(--text-secondary)}.dark-mode .legal-modal-body h4{color:var(--text-primary)}.dark-mode .legal-modal-body::-webkit-scrollbar-thumb{background:#ffffff14}.dark-mode .legal-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}.dark-mode .demo-color-slider-wrap label,.dark-mode .demo-slider-item label{color:var(--ink-3)}.dark-mode .demo-slider-item input[type=range]{background:#333}.dark-mode .demo-slider-item input[type=range]:hover{background:#444}.dark-mode .demo-slider-item input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:0 2px 8px #00000080}.dark-mode .demo-slider-item input[type=range]::-moz-range-thumb{background:#fff;box-shadow:0 2px 8px #00000080}.dark-mode .demo-color-slider-wrap input[type=range]::-webkit-slider-thumb{background:#282828e6;border-color:#ffffffb3}.dark-mode .demo-color-slider-wrap input[type=range]::-moz-range-thumb{background:#282828e6;border-color:#ffffffb3}.dark-mode .index-step-icon{border-color:#22c55e4d;background:#22c55e14}.dark-mode .index-step-icon i{color:#4ade80}.dark-mode .index-step-text strong{color:var(--text-primary)}.dark-mode .index-step-text span{color:var(--ink-3)}.dark-mode .index-step-line:before{border-top-color:#4ade8033}.dark-mode .index-step-line:after{border-top-color:#4ade8040;border-right-color:#4ade8040}body[data-auth=loading] .dashboard-layout{display:none!important}body[data-auth=loading] .login-split{display:none!important;visibility:hidden!important;opacity:0!important}body[data-auth=anonymous] .dashboard-layout{display:none!important}body[data-auth=anonymous] .login-split{display:flex!important;visibility:visible!important;opacity:1}body[data-auth=anonymous] .sidebar-hamburger,body[data-auth=anonymous] .sidebar-backdrop,body[data-auth=anonymous] #modelSliderLeftBtn,body[data-auth=anonymous] #modelSliderRightBtn,body[data-auth=anonymous] .toast-mini,body[data-auth=anonymous] .sidebar,body[data-auth=authenticated] .login-split{display:none!important}body[data-auth=authenticated] .dashboard-layout{display:grid!important;visibility:visible!important;opacity:1}[inert],[inert] *{pointer-events:none!important;user-select:none!important}.login-split,.dashboard-layout{transition:opacity .24s ease}body[data-auth=anonymous] .login-split{animation:authShellFadeIn .32s ease both}body[data-auth=authenticated] .dashboard-layout{animation:dashboardFadeIn .28s ease both}@keyframes authShellFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}body[data-auth=anonymous]{overflow:hidden}@media(max-width:768px){body[data-auth=anonymous] .login-split{min-height:100vh}}body[data-auth=anonymous] #loginError.session-expired{background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:8px;padding:8px 12px;margin:8px 0}@media(prefers-reduced-motion:reduce){body[data-auth=anonymous] .login-split,body[data-auth=authenticated] .dashboard-layout{animation:none!important}.login-split,.dashboard-layout{transition:none!important}}.tip-bubble{position:fixed;z-index:999999;pointer-events:none;max-width:280px;padding:7px 11px;background:#141416f2;color:#fffffff0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;line-height:1.45;letter-spacing:.01em;border-radius:8px;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 20px #00000052,0 1px 2px #0000002e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:translateY(4px) scale(.97);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);white-space:normal;word-wrap:break-word;text-align:left;user-select:none}.tip-bubble.tip-visible{opacity:1;transform:translateY(0) scale(1)}.tip-bubble:before{content:"";position:absolute;left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:#141416f2;border:1px solid rgba(255,255,255,.08)}.tip-bubble[data-pos=bottom]:before{top:-4px;border-right:none;border-bottom:none}.tip-bubble[data-pos=top]:before{bottom:-4px;border-left:none;border-top:none}.tip-bubble[data-pos=left]:before{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:none;border-bottom:none;left:auto}.tip-bubble[data-pos=right]:before{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none}body:not(.dark-mode) .tip-bubble{background:#fffffff7;color:#1a1a1a;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 20px #0000001f,0 1px 2px #0000000f}body:not(.dark-mode) .tip-bubble:before{background:#fffffff7;border-color:#00000014}@media(max-width:768px){.tip-bubble{font-size:12.5px;max-width:240px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.tip-bubble{transition-duration:.05s;transform:none}.tip-bubble.tip-visible{transform:none}}[data-tip]:not([data-tip=""]){cursor:help}button[data-tip]:not([data-tip=""]),a[data-tip]:not([data-tip=""]),[role=button][data-tip]:not([data-tip=""]),.view-mode-btn[data-tip]:not([data-tip=""]),.toolbar-btn[data-tip]:not([data-tip=""]),.mva-btn[data-tip]:not([data-tip=""]),.slider-action-btn[data-tip]:not([data-tip=""]),input[data-tip]:not([data-tip=""]),.vw-viewer-toggle[data-tip]:not([data-tip=""]),.vw-fullscreen-btn[data-tip]:not([data-tip=""]),.gen-popup-close[data-tip]:not([data-tip=""]),.vw-zoom-btn[data-tip]:not([data-tip=""]),.bg-preset-card[data-tip]:not([data-tip=""]){cursor:pointer}input[type=range][data-tip]{cursor:ew-resize}