.marketplace-page { max-width: 1500px; width: 100%; margin-inline: auto; }

.market-hero {
    position: relative; min-height: 310px; overflow: hidden;
    display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); align-items: center;
    padding: clamp(28px,4vw,56px); border: 1px solid color-mix(in srgb,var(--px-azure) 26%,var(--border-subtle));
    border-radius: 28px; background:
        linear-gradient(115deg,rgba(61,123,255,.15),transparent 42%),
        radial-gradient(circle at 88% 25%,rgba(139,92,246,.22),transparent 34%),
        linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 72%,transparent),var(--surface-card));
    box-shadow: var(--inner-top-highlight),0 28px 80px rgba(0,0,0,.28);
}
.market-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 84%); }
.market-hero-copy { position:relative; z-index:2; max-width:760px; }
.market-kicker { display:inline-flex; align-items:center; gap:9px; direction:ltr; padding:7px 12px; border:1px solid rgba(94,148,255,.28); border-radius:999px; background:rgba(61,123,255,.09); color:var(--px-cyan); font:700 .73rem/1 var(--font-mono); letter-spacing:.08em; }
.kicker-dot { width:7px; height:7px; border-radius:50%; background:var(--status-online); box-shadow:0 0 0 5px rgba(45,212,167,.11),0 0 16px var(--status-online); }
.market-hero h1 { margin-top:20px; font-size:clamp(2rem,4.2vw,3.8rem); letter-spacing:-.045em; line-height:1.16; }
.market-hero h1 span { color:transparent; background:linear-gradient(90deg,var(--px-azure-bright),var(--px-cyan),var(--px-violet)); -webkit-background-clip:text; background-clip:text; }
.market-hero-copy > p { max-width:650px; margin-top:16px; color:var(--text-secondary); font-size:clamp(.95rem,1.4vw,1.12rem); }
.hero-pills { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.hero-pills span { display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-radius:10px; border:1px solid var(--border-subtle); color:var(--text-secondary); background:rgba(6,7,12,.28); font-size:.8rem; }
.hero-pills svg { width:15px; color:var(--px-emerald); }

.market-orbit { position:relative; width:260px; height:260px; justify-self:center; filter:drop-shadow(0 20px 45px rgba(61,123,255,.2)); }
.orbit-ring { position:absolute; inset:18px; border:1px solid rgba(94,148,255,.26); border-radius:50%; animation:market-spin 18s linear infinite; }
.orbit-ring::before,.orbit-ring::after { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:var(--px-cyan); box-shadow:0 0 15px currentColor; }
.orbit-ring::before { top:18px; left:40px; }.orbit-ring::after { right:-4px; top:50%; background:var(--px-magenta); }
.ring-two { inset:54px; border-style:dashed; animation-direction:reverse; animation-duration:12s; }
.orbit-core { position:absolute; inset:82px; display:grid; place-content:center; text-align:center; border-radius:26px; transform:rotate(45deg); background:linear-gradient(145deg,var(--px-azure),var(--px-violet)); box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 55px rgba(94,148,255,.44); }
.orbit-core span,.orbit-core small { transform:rotate(-45deg); }.orbit-core span { font:800 1.75rem/1 var(--font-mono); }.orbit-core small { margin-top:4px; font:700 .52rem/1 var(--font-mono); letter-spacing:.14em; opacity:.72; }
.orbit-node { position:absolute; display:grid; place-items:center; width:42px; height:42px; border-radius:13px; border:1px solid rgba(255,255,255,.16); background:rgba(18,21,31,.85); box-shadow:var(--shadow-md); font:800 .72rem/1 var(--font-mono); color:var(--px-ink-50); }
.node-one{top:9px;right:55px}.node-two{bottom:23px;left:28px}.node-three{top:103px;left:-3px}
@keyframes market-spin { to { transform:rotate(360deg); } }

.market-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:18px 0 26px; }
.market-stat { min-height:88px; display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--border-subtle); border-radius:18px; background:color-mix(in srgb,var(--surface-card) 86%,transparent); box-shadow:var(--inner-top-highlight); }
.market-stat-icon { width:44px; height:44px; display:grid; place-items:center; flex:0 0 auto; border-radius:14px; background:var(--accent-soft); color:var(--px-azure-bright); }.market-stat-icon svg{width:21px}.market-stat strong{display:block;font-size:1.25rem}.market-stat small{color:var(--text-muted);font-size:.75rem}
.skeleton-stat { position:relative; overflow:hidden; background:var(--surface-card); }.skeleton-stat::after{content:"";position:absolute;inset:0;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skeleton 1.4s infinite}@keyframes skeleton{to{transform:translateX(-100%)}}

.model-roadmap { display:flex; align-items:center; gap:15px; margin-bottom:34px; padding:18px 20px; border:1px solid color-mix(in srgb,var(--px-violet) 34%,var(--border-subtle)); border-radius:18px; background:linear-gradient(100deg,rgba(139,92,246,.12),rgba(61,123,255,.06)); }
.roadmap-icon { display:grid; place-items:center; width:44px; height:44px; flex:0 0 auto; border-radius:14px; color:#c5b2ff; background:rgba(139,92,246,.18); }.roadmap-icon svg{width:21px}.model-roadmap strong{font-size:.92rem}.model-roadmap p{margin-top:3px;color:var(--text-muted);font-size:.77rem}.roadmap-badge{margin-inline-start:auto;white-space:nowrap;padding:6px 10px;border-radius:999px;background:rgba(139,92,246,.17);color:#c9b8ff;font-size:.7rem;font-weight:700}

.installed-section,.catalog-section { margin-top:30px; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:17px; }.section-heading h2{font-size:1.35rem;margin-top:3px}.eyebrow{color:var(--px-cyan);font-size:.68rem;font-weight:800;letter-spacing:.08em}
.catalog-heading { align-items:center; }
.catalog-subtitle{margin-top:4px;color:var(--text-muted);font-size:.72rem}
.market-search { min-width:min(310px,100%); display:flex; align-items:center; gap:9px; padding:0 13px; border:1px solid var(--border-subtle); border-radius:13px; background:var(--surface-sunken); transition:.2s; }.market-search:focus-within{border-color:var(--px-azure);box-shadow:0 0 0 3px rgba(61,123,255,.12)}.market-search svg{width:18px;color:var(--text-muted)}.market-search input{width:100%;padding:11px 0;border:0;outline:0;color:var(--text-primary);background:transparent}.market-search input::placeholder{color:var(--text-muted)}
.market-type-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.market-type-btn{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;border:1px solid var(--border-subtle);border-radius:15px;color:var(--text-secondary);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 72%,transparent),var(--surface-card));text-align:right;transition:border-color .2s,transform .2s,box-shadow .2s}.market-type-btn>span:first-child{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border-radius:11px;color:var(--px-azure-bright);background:var(--accent-soft)}.market-type-btn svg{width:18px}.market-type-btn strong,.market-type-btn small{display:block}.market-type-btn strong{color:var(--text-primary);font-size:.82rem}.market-type-btn small{margin-top:3px;color:var(--text-muted);font-size:.63rem}.market-type-btn:hover{transform:translateY(-2px);border-color:var(--border-default)}.market-type-btn.ai>span:first-child{color:#c7b5ff;background:rgba(139,92,246,.14)}.market-type-btn.general>span:first-child{color:var(--status-online);background:var(--status-online-soft)}.market-type-btn.active{border-color:color-mix(in srgb,var(--px-azure) 56%,var(--border-subtle));box-shadow:0 0 0 3px rgba(61,123,255,.09),var(--inner-top-highlight)}.market-type-btn.ai.active{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 3px rgba(139,92,246,.09),var(--inner-top-highlight)}.market-type-btn.general.active{border-color:color-mix(in srgb,var(--status-online) 55%,var(--border-subtle));box-shadow:0 0 0 3px color-mix(in srgb,var(--status-online) 9%,transparent),var(--inner-top-highlight)}
.category-bar { display:flex; gap:8px; overflow-x:auto; padding-bottom:9px; margin-bottom:16px; scrollbar-width:thin; }.category-chip{white-space:nowrap;padding:8px 13px;border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);background:var(--surface-card);font-size:.76rem}.category-chip:hover{border-color:var(--border-default);color:var(--text-primary)}.category-chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--px-azure),var(--px-violet));box-shadow:0 7px 22px rgba(61,123,255,.24)}
.market-loading { min-height:290px; display:grid; place-content:center; justify-items:center; gap:14px; color:var(--text-muted); }.market-loading .px-loader{width:42px;height:42px}
.market-empty { min-height:220px; display:grid; place-content:center; justify-items:center; gap:10px; color:var(--text-muted); border:1px dashed var(--border-subtle); border-radius:20px; }.market-empty svg{width:32px}

.app-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.app-card { position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:370px; padding:21px; border:1px solid var(--border-subtle); border-radius:22px; background:linear-gradient(155deg,color-mix(in srgb,var(--surface-raised) 67%,transparent),var(--surface-card) 58%); box-shadow:var(--inner-top-highlight),var(--shadow-sm); transition:transform .25s var(--ease-standard),border-color .25s,box-shadow .25s; }
.app-card::before { content:""; position:absolute; width:170px; height:170px; top:-95px; left:-80px; border-radius:50%; background:var(--app-glow,rgba(61,123,255,.2)); filter:blur(24px); opacity:.55; }.app-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--app-color,var(--px-azure)) 54%,var(--border-subtle));box-shadow:var(--inner-top-highlight),0 22px 46px rgba(0,0,0,.24)}
.app-card[data-app="openclaw"]{--app-color:#ff7a59;--app-glow:rgba(255,122,89,.32)}.app-card[data-app="anythingllm"]{--app-color:#7c8cff;--app-glow:rgba(124,140,255,.28)}.app-card[data-app="hermes-agent"]{--app-color:#e9ad54;--app-glow:rgba(233,173,84,.26)}.app-card[data-app="dify"]{--app-color:#5e94ff}.app-card[data-app="langflow"]{--app-color:#2dd4a7}.app-card[data-app="n8n"]{--app-color:#ef6b66}.app-card[data-app="agent-zero"]{--app-color:#c17cff}.app-card[data-app="openhands"]{--app-color:#22d3ee}
.app-card[data-app="wordpress"]{--app-color:#21759b;--app-glow:rgba(33,117,155,.28)}.app-card[data-app="nginx"]{--app-color:#009639;--app-glow:rgba(0,150,57,.25)}.app-card[data-app="php"]{--app-color:#777bb4;--app-glow:rgba(119,123,180,.26)}.app-card[data-app="mysql"]{--app-color:#4479a1;--app-glow:rgba(68,121,161,.26)}.app-card[data-app="postgresql"]{--app-color:#336791;--app-glow:rgba(51,103,145,.28)}.app-card[data-app="redis"]{--app-color:#d82c20;--app-glow:rgba(216,44,32,.24)}.app-card[data-app="phpmyadmin"]{--app-color:#f89c0e;--app-glow:rgba(248,156,14,.24)}.app-card[data-app="nextcloud"]{--app-color:#0082c9;--app-glow:rgba(0,130,201,.27)}.app-card[data-app="uptime-kuma"]{--app-color:#3ecf8e;--app-glow:rgba(62,207,142,.25)}.app-card[data-app="portainer"]{--app-color:#13bef9;--app-glow:rgba(19,190,249,.25)}
.app-top { position:relative; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.app-logo,.mini-app-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--app-color,var(--px-azure)) 90%,white),color-mix(in srgb,var(--app-color,var(--px-azure)) 74%,black));box-shadow:inset 0 1px rgba(255,255,255,.3),0 10px 25px color-mix(in srgb,var(--app-color,var(--px-azure)) 23%,transparent);color:#fff;font:850 .9rem/1 var(--font-mono);letter-spacing:-.03em}.app-card-status{padding:5px 9px;border-radius:999px;font-size:.66rem;font-weight:800}.status-available{background:var(--status-online-soft);color:var(--status-online)}.status-roadmap{background:rgba(139,92,246,.14);color:#c2aeff}.status-license{background:rgba(245,158,11,.13);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.app-card h3{position:relative;margin-top:16px;font-size:1.2rem;direction:ltr;text-align:right}.app-category{position:relative;margin-top:4px;color:var(--app-color);font-size:.7rem;font-weight:700}.app-tagline{position:relative;margin-top:15px;color:var(--text-secondary);font-size:.85rem;line-height:1.8}.capability-list{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.capability-list span{padding:5px 8px;border-radius:8px;background:var(--surface-sunken);color:var(--text-muted);font-size:.65rem}.app-requirements{position:relative;display:flex;gap:13px;margin-top:auto;padding-top:18px;color:var(--text-muted);font-size:.66rem}.app-requirements span{display:inline-flex;align-items:center;gap:5px}.app-requirements svg{width:14px}.app-actions{position:relative;display:flex;gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid var(--border-subtle)}.app-actions .btn{flex:1}.app-installed-count{position:absolute;top:0;left:0;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--px-azure);color:#fff;font-size:.65rem;font-weight:800;transform:translate(-5px,5px)}
.app-labels{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:4px}.app-labels .app-category{margin-top:0}.app-market-label{padding:4px 7px;border-radius:7px;font-size:.59rem;font-weight:750}.app-market-label.ai{color:#c7b5ff;background:rgba(139,92,246,.13)}.app-market-label.general{color:var(--status-online);background:var(--status-online-soft)}

.installed-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.installed-card { position:relative; overflow:hidden; padding:20px; border:1px solid var(--border-subtle); border-radius:21px; background:linear-gradient(145deg,rgba(255,122,89,.07),var(--surface-card) 45%); box-shadow:var(--inner-top-highlight); }.installed-card.busy{border-color:color-mix(in srgb,var(--px-amber) 46%,var(--border-subtle))}.installed-card.error{border-color:color-mix(in srgb,var(--px-rose) 50%,var(--border-subtle))}.installed-head{display:flex;align-items:center;gap:12px}.installed-head .app-logo{width:45px;height:45px;border-radius:14px;--app-color:#ff7a59}.installed-title{min-width:0;flex:1}.installed-title strong{display:block;direction:ltr;text-align:right}.installed-title small{display:block;color:var(--text-muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.67rem;font-weight:800}.install-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.install-status.running{color:var(--status-online);background:var(--status-online-soft)}.install-status.stopped,.install-status.removed{color:var(--text-muted);background:rgba(90,100,120,.14)}.install-status.error{color:var(--status-error);background:var(--status-error-soft)}.install-status.busy{color:var(--status-warn);background:var(--status-warn-soft)}.install-status.busy::before{animation:pulse-dot 1s infinite}@keyframes pulse-dot{50%{opacity:.3;transform:scale(.7)}}
.install-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.install-meta div{padding:10px;border-radius:11px;background:var(--surface-sunken)}.install-meta small{display:block;color:var(--text-muted);font-size:.62rem}.install-meta strong{display:block;margin-top:3px;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-error{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 11px;border-radius:10px;background:var(--status-error-soft);color:var(--status-error);font-size:.7rem}.install-error svg{flex:0 0 auto;width:15px;margin-top:2px}.installed-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.installed-actions .btn{padding:7px 10px;font-size:.7rem}.installed-actions .btn.access-btn{margin-inline-start:auto}
.installed-card.pairing-attention{border-color:color-mix(in srgb,var(--status-warn) 68%,var(--border-subtle));box-shadow:var(--inner-top-highlight),0 0 0 3px color-mix(in srgb,var(--status-warn) 10%,transparent),0 18px 42px color-mix(in srgb,var(--status-warn) 12%,transparent)}
.connection-guide{margin-top:13px;padding:13px;border:1px solid color-mix(in srgb,var(--px-azure) 20%,var(--border-subtle));border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--px-azure) 7%,transparent),color-mix(in srgb,var(--surface-sunken) 86%,transparent))}.connection-guide-head{display:flex;align-items:flex-start;gap:10px}.guide-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:10px;color:var(--px-cyan);background:color-mix(in srgb,var(--px-cyan) 12%,transparent)}.guide-icon svg{width:17px}.connection-guide-head strong{display:block;font-size:.78rem}.connection-guide-head p{margin-top:3px;color:var(--text-muted);font-size:.66rem;line-height:1.7}.connection-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.connection-guide-steps span{display:flex;align-items:flex-start;gap:7px;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--surface-card) 74%,transparent);color:var(--text-secondary);font-size:.63rem;line-height:1.65}.connection-guide-steps b{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto;border-radius:7px;color:var(--px-azure-bright);background:var(--accent-soft);font-size:.61rem}.connection-guide-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border-subtle)}.connection-guide-foot small,.connection-guide-foot button{display:inline-flex;align-items:center;gap:5px;font-size:.62rem}.connection-guide-foot small{color:var(--status-online)}.connection-guide-foot small.has-error{color:var(--status-warn)}.connection-guide-foot small svg{width:13px}.connection-guide-foot button{color:var(--px-azure-bright);font-weight:700}.connection-guide-foot button:hover{color:var(--px-cyan)}
.pairing-card-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:13px;padding:13px;border:1px solid color-mix(in srgb,var(--status-warn) 40%,transparent);border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--status-warn) 16%,transparent),color-mix(in srgb,var(--surface-sunken) 88%,transparent))}.pairing-alert-icon{position:relative;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:var(--status-warn);background:var(--status-warn-soft)}.pairing-alert-icon svg{width:19px}.pairing-alert-icon i{position:absolute;top:-2px;left:-2px;width:10px;height:10px;border:2px solid var(--surface-card);border-radius:50%;background:var(--status-error);box-shadow:0 0 0 4px color-mix(in srgb,var(--status-error) 15%,transparent);animation:pairing-pulse 1.7s ease-in-out infinite}.pairing-card-alert strong{display:block;color:var(--status-warn);font-size:.78rem}.pairing-card-alert p{margin-top:3px;color:var(--text-muted);font-size:.65rem;line-height:1.65}.pairing-card-alert .btn{white-space:nowrap}.pairing-action-pending{position:relative;color:var(--status-warn)!important;border-color:color-mix(in srgb,var(--status-warn) 38%,var(--border-subtle))!important;background:var(--status-warn-soft)!important}.pairing-action-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--status-error);color:#fff;font-size:.58rem;font-weight:850}@keyframes pairing-pulse{50%{transform:scale(.72);opacity:.45}}

.market-modal { max-width:590px; }.market-modal .modal-header{align-items:center}.modal-title-with-logo{display:flex;align-items:center;gap:11px}.modal-title-with-logo small{display:block;color:var(--text-muted);font-size:.65rem}.modal-title-with-logo h3{margin-top:2px;font-size:1.05rem;direction:ltr;text-align:right}.mini-app-logo{width:42px;height:42px;border-radius:13px;--app-color:#ff7a59}.setup-note,.restart-warning{display:flex;align-items:flex-start;gap:9px;margin-bottom:18px;padding:11px 12px;border-radius:11px;font-size:.75rem}.setup-note{color:var(--px-cyan);background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.17)}.restart-warning{color:var(--status-warn);background:var(--status-warn-soft)}.setup-note svg,.restart-warning svg{width:16px;flex:0 0 auto;margin-top:2px}.settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{color:var(--text-muted);font-weight:400;font-size:.65rem}.field-hint{margin-top:6px;color:var(--text-muted);font-size:.65rem}.secret-input-wrap{position:relative}.secret-input-wrap input{padding-inline-end:43px}.secret-input-wrap button{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:var(--text-muted)}.secret-input-wrap button:hover{background:var(--hover-veil);color:var(--text-primary)}.secret-input-wrap svg{width:17px}.consent-row{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--border-subtle);border-radius:11px;color:var(--text-secondary);font-size:.72rem;cursor:pointer}.consent-row input{accent-color:var(--px-azure);margin-top:3px}
.mini-app-logo.hermes-agent{--app-color:#e9ad54}
.mini-app-logo.n8n{--app-color:#ef6b66}
.mini-app-logo.wordpress{--app-color:#21759b}
.installed-head .app-logo.wordpress{--app-color:#21759b}
.mini-app-logo.nginx{--app-color:#009639}
.installed-head .app-logo.nginx{--app-color:#009639}
.mini-app-logo.php{--app-color:#777bb4}
.mini-app-logo.mysql{--app-color:#4479a1}
.mini-app-logo.postgresql{--app-color:#336791}
.mini-app-logo.redis{--app-color:#d82c20}
.mini-app-logo.phpmyadmin{--app-color:#f89c0e}
.mini-app-logo.nextcloud{--app-color:#0082c9}
.mini-app-logo.uptime-kuma{--app-color:#3ecf8e}
.mini-app-logo.portainer{--app-color:#13bef9}
.mini-app-logo.anythingllm{--app-color:#7c8cff}
.mini-app-logo.dify{--app-color:#5e94ff}
.installed-head .app-logo.php{--app-color:#777bb4}
.code-textarea{min-height:170px;resize:vertical;direction:ltr;text-align:left;font:500 .74rem/1.75 var(--font-mono);white-space:pre;tab-size:2}
.compact-consent{align-self:end;min-height:43px;align-items:center;margin-bottom:16px}
.pilot-warning{display:flex;align-items:flex-start;gap:9px;margin:-7px 0 18px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--status-warn) 25%,transparent);border-radius:11px;color:var(--status-warn);background:var(--status-warn-soft);font-size:.72rem}.pilot-warning svg{width:16px;flex:0 0 auto;margin-top:2px}
.checklist-modal{max-width:650px}.checklist-intro{color:var(--text-secondary);font-size:.82rem;line-height:1.9}.requirements-strip{display:flex;gap:8px;margin:15px 0}.requirements-strip span{padding:7px 9px;border-radius:9px;background:var(--surface-sunken);color:var(--text-muted);font-size:.68rem}.checklist-list{display:grid;gap:8px;margin-top:15px}.checklist-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:rgba(255,255,255,.015)}.check-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:8px}.check-icon svg{width:14px}.checklist-item.done .check-icon{color:var(--status-online);background:var(--status-online-soft)}.checklist-item.pilot .check-icon,.checklist-item.next .check-icon,.checklist-item.license .check-icon{color:var(--status-warn);background:var(--status-warn-soft)}.checklist-item.todo .check-icon{color:var(--text-muted);background:rgba(90,100,120,.14)}.checklist-item.later .check-icon{color:#c2aeff;background:rgba(139,92,246,.14)}.checklist-item span:nth-child(2){flex:1;font-size:.77rem}.check-state{font-size:.62rem;font-weight:700}.checklist-item.done .check-state{color:var(--status-online)}.checklist-item.pilot .check-state,.checklist-item.next .check-state,.checklist-item.license .check-state{color:var(--status-warn)}.checklist-item.later .check-state{color:#c2aeff}.checklist-progress{height:7px;overflow:hidden;margin-top:18px;border-radius:999px;background:var(--surface-sunken)}.checklist-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--px-azure),var(--px-cyan))}
.official-source{display:inline-flex;align-items:center;gap:6px;margin-bottom:3px;color:var(--px-azure-bright);font-size:.7rem;font-weight:700}.official-source:hover{color:var(--px-cyan)}.official-source svg{width:14px}
.credential-modal{max-width:650px}.credential-warning{margin-bottom:16px;color:var(--status-warn);font-size:.73rem}.copy-field{display:flex;gap:7px;margin-bottom:16px;direction:ltr}.copy-field button{display:flex;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-secondary);background:var(--surface-raised);white-space:nowrap;font-size:.7rem}.copy-field button:hover{color:var(--text-primary);border-color:var(--border-default)}.copy-field svg{width:15px}.log-modal{max-width:760px}.log-modal pre{max-height:420px;overflow:auto;padding:15px;border-radius:12px;background:#070910;border:1px solid var(--border-subtle);color:#b8c2d8;direction:ltr;text-align:left;white-space:pre-wrap;font:400 .7rem/1.7 var(--font-mono)}.log-error{margin-bottom:10px;padding:11px;border-radius:10px;color:var(--status-error);background:var(--status-error-soft);font-size:.73rem;white-space:pre-wrap}
.n8n-setup-guide{margin-top:18px}.n8n-setup-step{display:flex;align-items:flex-start;gap:11px;margin-bottom:11px;padding:11px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-sunken)}.n8n-setup-step>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:rgba(239,107,102,.14);color:#ff8b86;font-weight:900}.n8n-setup-step strong{font-size:.76rem}.n8n-setup-step p{margin-top:3px;color:var(--text-muted);font-size:.68rem;line-height:1.7}
.pairing-modal{max-width:680px}.pairing-token-help{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:12px;border:1px solid color-mix(in srgb,var(--status-warn) 28%,transparent);border-radius:12px;background:var(--status-warn-soft)}.pairing-token-help>svg{width:18px;flex:0 0 auto;color:var(--status-warn)}.pairing-token-help>div{min-width:0;flex:1}.pairing-token-help strong{display:block;color:var(--status-warn);font-size:.76rem}.pairing-token-help p{margin-top:2px;color:var(--text-secondary);font-size:.67rem;line-height:1.65}.pairing-token-help .btn{white-space:nowrap}.pairing-steps{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px 10px;padding:14px;border-radius:13px;background:var(--surface-sunken)}.pairing-steps>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--accent-soft);color:var(--px-azure-bright);font-size:.7rem;font-weight:800}.pairing-steps p{color:var(--text-secondary);font-size:.73rem}.pairing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:.78rem;font-weight:700}.pairing-list{display:grid;gap:9px}.pairing-request{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--border-subtle);border-radius:12px;background:rgba(255,255,255,.018)}.pairing-device{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:rgba(139,92,246,.14);color:#c2aeff}.pairing-device svg{width:19px}.pairing-info{min-width:0;flex:1}.pairing-info strong{display:block;font-size:.8rem}.pairing-info small{display:block;margin-top:2px;color:var(--text-muted);font-size:.63rem;direction:ltr;text-align:right}.pairing-empty{padding:24px;text-align:center;border:1px dashed var(--border-subtle);border-radius:12px;color:var(--text-muted);font-size:.75rem}.pairing-empty svg{width:25px;margin:0 auto 8px}
.paired-devices-section{margin-top:20px;padding-top:2px;border-top:1px solid var(--border-subtle)}.paired-device-count{padding:5px 9px;border-radius:999px;color:var(--status-online);background:var(--status-online-soft);font-size:.63rem}.paired-devices-hint{margin:-5px 0 11px;color:var(--text-muted);font-size:.65rem;line-height:1.7}.paired-device-list{display:grid;gap:10px}.paired-device-card{padding:13px;border:1px solid var(--border-subtle);border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--status-online) 4%,transparent),color-mix(in srgb,var(--surface-sunken) 88%,transparent))}.paired-device-head{display:flex;align-items:center;gap:10px}.pairing-device.approved{color:var(--status-online);background:var(--status-online-soft)}.paired-device-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;color:var(--status-online);background:var(--status-online-soft);font-size:.61rem;font-weight:750}.paired-device-status svg{width:12px}.paired-device-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px}.paired-device-meta>div{min-width:0;padding:8px;border-radius:9px;background:color-mix(in srgb,var(--surface-card) 76%,transparent)}.paired-device-meta small{display:block;color:var(--text-muted);font-size:.57rem}.paired-device-meta strong{display:block;margin-top:3px;overflow:hidden;color:var(--text-secondary);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.paired-device-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border-subtle)}.paired-device-scopes{min-width:0;flex:1}.paired-device-scopes>small{display:block;margin-bottom:5px;color:var(--text-muted);font-size:.58rem}.paired-device-scopes>div{display:flex;flex-wrap:wrap;gap:5px}.paired-device-scopes span{padding:4px 6px;border-radius:7px;color:var(--text-muted);background:var(--surface-card);font-size:.55rem}.paired-device-foot .btn{flex:0 0 auto;white-space:nowrap}

@media (max-width:1200px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-orbit{transform:scale(.88)}}
@media (max-width:850px){.market-hero{grid-template-columns:1fr;min-height:auto}.market-orbit{position:absolute;left:-55px;top:26px;opacity:.3}.market-hero-copy{max-width:680px}.installed-grid{grid-template-columns:1fr}}
@media (max-width:680px){.market-hero{padding:25px 20px}.market-hero h1{font-size:2rem}.market-orbit{display:none}.market-stats{grid-template-columns:1fr}.model-roadmap{align-items:flex-start}.roadmap-badge{display:none}.catalog-heading{align-items:stretch;flex-direction:column}.market-search{min-width:100%}.market-type-bar{grid-template-columns:1fr}.market-type-btn{padding:11px 12px}.app-grid{grid-template-columns:1fr}.settings-pair{grid-template-columns:1fr}.install-meta{grid-template-columns:1fr 1fr}.installed-actions .access-btn{margin-inline-start:0}.copy-field{flex-wrap:wrap}.copy-field input{flex-basis:100%}.connection-guide-steps{grid-template-columns:1fr}.pairing-card-alert{grid-template-columns:auto 1fr}.pairing-card-alert .btn{grid-column:1/-1}.pairing-token-help{align-items:flex-start;flex-wrap:wrap}.pairing-token-help .btn{margin-inline-start:29px}.paired-device-meta{grid-template-columns:1fr 1fr}.paired-device-foot{align-items:stretch;flex-direction:column}.paired-device-foot .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.orbit-ring,.install-status.busy::before,.skeleton-stat::after,.pairing-alert-icon i{animation:none}.app-card:hover{transform:none}}
