.pg-page{max-width:1200px;margin:0 auto;padding:8px 20px 48px;animation:.55s cubic-bezier(.22,1,.36,1) pg-fade-in}@keyframes pg-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pg-hero{text-align:center;padding:32px 0 28px;position:relative}.pg-hero-glow{pointer-events:none;filter:blur(24px);background:radial-gradient(#9fe50b1f,#0000 70%);height:220px;position:absolute;inset:-40px 10% auto}.pg-hero-logo{background:linear-gradient(145deg,#9fe50b40,#9fe50b0d);border:1px solid #9fe50b59;border-radius:18px;margin-bottom:20px;padding:10px;display:inline-flex;box-shadow:0 8px 32px #9fe50b26}.pg-hero-logo img{border-radius:10px}.pg-hero-title{font-family:var(--font-viva);letter-spacing:.04em;color:var(--viva-text);text-transform:uppercase;margin:0 0 24px;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.pg-prompt-bar{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#212225d9;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;max-width:720px;margin:0 auto;padding:10px 12px 10px 14px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 4px 24px #00000073,inset 0 1px #ffffff0f}.pg-prompt-bar:focus-within{border-color:#9fe50b73;box-shadow:0 4px 32px #9fe50b1f,inset 0 1px #ffffff14}.pg-prompt-plus{width:36px;height:36px;color:var(--viva-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.pg-prompt-plus:hover{color:var(--viva-text);background:#ffffff1f}.pg-mode-wrap{flex-shrink:0;position:relative}.pg-mode-btn{color:var(--viva-muted);cursor:pointer;white-space:nowrap;background:#00000059;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:4px;padding:8px 12px;font-size:.8125rem;transition:background .2s;display:flex}.pg-mode-menu{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161618f2;border:1px solid #ffffff1a;border-radius:16px;min-width:140px;padding:6px;animation:.22s cubic-bezier(.22,1,.36,1) pg-pop;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 40px #00000080}@keyframes pg-pop{0%{opacity:0;transform:scale(.94)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.pg-mode-item{width:100%;color:var(--viva-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px;font-size:.875rem;transition:background .15s;display:block}.pg-mode-item:hover{background:#ffffff14}.pg-prompt-input{min-width:0;color:var(--viva-text);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.pg-prompt-input::placeholder{color:var(--viva-muted)}.pg-ask-label{color:var(--viva-muted);flex-shrink:0;font-size:.8125rem}.pg-ask-circle{background:var(--viva-lime);color:#0a0a0a;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex}.pg-ask-circle:hover{transform:scale(1.06);box-shadow:0 4px 20px #9fe50b73}.pg-ask-circle:active{transform:scale(.96)}.pg-pills{justify-content:center;gap:10px;margin-top:18px;padding:4px 0;display:flex}.pg-pill{color:var(--viva-text);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .22s,border-color .22s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.pg-pill:hover{background:#ffffff1a;border-color:#9fe50b40;transform:translateY(-2px)}.pg-pill-badge{letter-spacing:.04em;border-radius:6px;padding:2px 6px;font-size:.625rem;font-weight:800}.pg-pill-badge-hot{color:#fff;background:#ff2d8a}.pg-supercomputer{margin-top:36px}.pg-section-title{letter-spacing:.14em;color:var(--viva-muted);text-transform:uppercase;margin:0 0 16px;font-size:.75rem;font-weight:700}.pg-card-grid{grid-template-columns:1.2fr 1fr;gap:14px;min-height:340px;display:grid}@media (max-width:860px){.pg-card-grid{grid-template-columns:1fr}}.pg-card{color:inherit;will-change:transform;border:1px solid #ffffff14;border-radius:22px;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:block;position:relative;overflow:hidden}.pg-card:hover{transform:scale(1.015);box-shadow:0 20px 48px #00000073}.pg-card-featured{min-height:340px}.pg-card-stack{flex-direction:column;gap:14px;display:flex}.pg-card-sm{flex:1;min-height:100px}.pg-card-bg{background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.pg-card:hover .pg-card-bg{transform:scale(1.05)}.pg-card-overlay{background:linear-gradient(#00000026 0%,#00000059 55%,#000000e0 100%);position:absolute;inset:0}.pg-card-badge{z-index:2;letter-spacing:.06em;border-radius:8px;padding:5px 10px;font-size:.625rem;font-weight:800;position:absolute;top:14px;left:14px}.pg-card-badge-new{background:var(--viva-lime);color:#0a0a0a}.pg-card-badge-popular{color:#fff;background:#8b5cf6}.pg-card-badge-viral{color:#fff;background:#3b82f6}.pg-card-badge-hot{color:#fff;background:#ff2d8a}.pg-card-content{z-index:2;flex-direction:column;justify-content:flex-end;gap:8px;min-height:100%;padding:18px;display:flex;position:relative}.pg-card-text{color:#fff;max-width:90%;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.pg-card-icon{font-size:1.25rem}.pg-card-cta{background:var(--viva-lime);color:#0a0a0a;border-radius:999px;align-self:flex-end;margin-top:8px;padding:8px 16px;font-size:.8125rem;font-weight:700}.pg-card-stats{color:#ffffffbf;gap:12px;font-size:.75rem;display:flex}.pg-card-stats span{align-items:center;gap:4px;display:inline-flex}.pg-canvas-promo{margin-top:40px}.pg-canvas-promo-inner{background:linear-gradient(135deg,#0c1628 0%,#0a2838 50%,#062830 100%);border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1fr 1.1fr;gap:0;min-height:280px;display:grid;overflow:hidden}@media (max-width:768px){.pg-canvas-promo-inner{grid-template-columns:1fr}}.pg-canvas-promo-copy{flex-direction:column;justify-content:center;padding:36px 32px;display:flex}.pg-canvas-promo-tag{letter-spacing:.12em;color:#9fe50be6;margin-bottom:10px;font-size:.6875rem;font-weight:700}.pg-canvas-promo-copy h2{letter-spacing:.02em;color:#fff;margin:0 0 10px;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;line-height:1.15}.pg-canvas-promo-copy p{color:#ffffffa6;max-width:340px;margin:0 0 20px;font-size:.9375rem;line-height:1.5}.pg-canvas-promo-btn{color:#0a1628;background:#fff;border-radius:999px;align-self:flex-start;padding:12px 22px;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;display:inline-flex}.pg-canvas-promo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #fff3}.pg-canvas-promo-art{background-position:50%;background-size:cover;min-height:240px}.pg-fuel-gauge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:34px;color:var(--viva-text);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.pg-fuel-gauge:hover{background:#ffffff0f;border-color:#9fe50b59}.pg-fuel-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff6b;white-space:nowrap;font-size:10px;font-weight:700;line-height:1}.pg-fuel-sep{background:#ffffff1f;flex-shrink:0;width:1px;height:14px}.pg-fuel-value{letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:900;line-height:1}.pg-fuel-gauge-compact{-webkit-backdrop-filter:none;backdrop-filter:none;min-height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;gap:6px;padding:0 6px}.viva-topbar-status-cluster .pg-fuel-gauge-compact .pg-fuel-sep,.viva-topbar-status-cluster .pg-fuel-gauge-compact .pg-fuel-label{display:none}.viva-topbar-status-cluster .pg-fuel-gauge-compact .pg-fuel-value{letter-spacing:-.03em;font-size:15px;font-weight:900;line-height:1}.pg-fuel-gauge-compact .pg-fuel-sep{height:18px}.pg-fuel-gauge-compact .pg-fuel-label{font-size:9px}.pg-fuel-gauge-compact .pg-fuel-value{color:var(--viva-lime);font-size:15px}.pg-fuel-gauge-low .pg-fuel-value{color:#fbbf24}.pg-fuel-gauge-critical .pg-fuel-value{color:#f87171}.pg-fuel-track,.pg-fuel-icon{display:none}.pg-fuel-fill{background:linear-gradient(90deg,#9fe50b,#cfff69);border-radius:999px;height:100%;transition:width .65s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 12px #9fe50b80}.pg-fuel-shimmer{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff59 50%,#0000 60%);animation:2.8s ease-in-out infinite pg-fuel-shimmer;position:absolute;inset:0}@keyframes pg-fuel-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.pg-fuel-gauge-compact{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0 6px}.pg-fuel-gauge-compact:hover{background:0 0;border-color:#0000}.pg-fuel-gauge-bump .pg-fuel-value{animation:.6s cubic-bezier(.22,1,.36,1) pg-fuel-bump}@keyframes pg-fuel-bump{0%,to{filter:brightness()}50%{filter:brightness(1.4);box-shadow:0 0 20px #9fe50bcc}}.pg-fuel-gauge-drain .pg-fuel-value{animation:.85s cubic-bezier(.22,1,.36,1) pg-fuel-drain}@keyframes pg-fuel-drain{0%{filter:brightness(1.2)}40%{filter:brightness(.7);transform:scaleY(.85)}to{filter:brightness();transform:scaleY(1)}}.pg-fuel-gauge-low .pg-fuel-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b80}.pg-fuel-gauge-critical .pg-fuel-value{animation:1.2s ease-in-out infinite pg-fuel-pulse}@keyframes pg-fuel-pulse{0%,to{opacity:1}50%{opacity:.65}}.pg-fuel-gauge-flash{animation:.4s pg-fuel-flash}@keyframes pg-fuel-flash{50%{box-shadow:0 0 0 3px #f59e0b59}}.lc-shell{height:calc(100dvh - var(--viva-topbar-h) - 8px);flex-direction:column;min-height:520px;margin:-8px -12px 0;animation:.5s cubic-bezier(.22,1,.36,1) pg-fade-in;display:flex}.lc-hero-strip{background:linear-gradient(#0c1628f2,#0000);flex-shrink:0;padding:16px 20px 12px}.lc-hero-copy{max-width:480px}.lc-hero-tag{letter-spacing:.12em;color:#9fe50be6;font-size:.6875rem;font-weight:700}.lc-hero-title{letter-spacing:.03em;color:#fff;margin:6px 0 4px;font-size:1.35rem;font-weight:800}.lc-hero-sub{color:#ffffff8c;margin:0;font-size:.8125rem;line-height:1.45}.lc-hero-cta{color:#ffffffd9;margin-top:10px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.lc-hero-cta:hover{color:var(--viva-lime)}.lc-viewport{cursor:grab;touch-action:none;background:#060810;border:1px solid #ffffff0f;border-radius:20px;flex:1;margin:0 12px;position:relative;overflow:hidden}.lc-viewport:active{cursor:grabbing}.lc-world{transform-origin:50%;will-change:transform;transition:transform 80ms linear;position:absolute;inset:0}.lc-bg{opacity:.55;pointer-events:none;background:radial-gradient(80% 60% at 70% 30%,#14506459,#0000),url(/playground/living-canvas-bg.png) 50%/cover no-repeat;position:absolute;inset:-20%}.lc-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lc-edge-path{fill:none;stroke:url(#lc-edge-grad);stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 6px #9fe50b99);stroke-dasharray:6 4;animation:1.2s linear infinite lc-edge-flow}@keyframes lc-edge-flow{to{stroke-dashoffset:-20px}}.lc-node{cursor:grab;-webkit-user-select:none;user-select:none;will-change:left, top;border-radius:18px;transition:box-shadow .25s;position:absolute}.lc-node:active{cursor:grabbing;z-index:10}.lc-node-sticky{color:#fff;background:linear-gradient(145deg,#2563eb,#1d4ed8);padding:14px;font-size:.8125rem;line-height:1.45;transform:rotate(-1.5deg);box-shadow:0 8px 32px #2563eb59}.lc-sticky-text{margin:0}.lc-node-chat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#9fe50b26;border:1px solid #9fe50b59;border-radius:16px 16px 16px 4px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.lc-chat-author{color:var(--viva-lime);font-size:.6875rem;font-weight:700}.lc-chat-body{color:#fff;font-size:.8125rem}.lc-node-image,.lc-node-video{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f12bf;border:1.5px solid #9fe50b8c;padding:10px;box-shadow:0 12px 40px #0006}.lc-media-head{color:#fffc;align-items:center;gap:6px;margin-bottom:8px;font-size:.6875rem;font-weight:600;display:flex}.lc-media-thumb{aspect-ratio:3/4;background-position:50%;background-size:cover;border-radius:12px;width:100%;margin-bottom:8px}.lc-node-video .lc-media-thumb{aspect-ratio:16/10}.lc-gen-btn{background:var(--viva-lime);color:#0a0a0a;cursor:pointer;border:none;border-radius:999px;width:100%;padding:8px;font-size:.75rem;font-weight:700;transition:transform .2s cubic-bezier(.22,1,.36,1)}.lc-gen-btn:hover{transform:scale(1.03)}.lc-share{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffd9;background:#0000008c;border:1px solid #ffffff1f;flex-direction:column;gap:8px;padding:12px 14px;font-size:.75rem;display:flex}.lc-copy-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.6875rem;transition:background .2s;display:inline-flex}.lc-copy-btn:hover{background:#ffffff1f}.lc-compose{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2563eb33;border:1px solid #3b82f659;padding:8px 12px}.lc-compose-input{color:#ffffff80;background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}.lc-toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161aeb;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;margin:12px;padding:10px 12px;display:flex;box-shadow:0 -4px 24px #00000059}.lc-tool-btn{width:40px;height:40px;color:var(--viva-text);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lc-toolbar-input{min-width:0;color:var(--viva-text);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.lc-ask-btn{background:var(--viva-lime);color:#0a0a0a;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:.875rem;font-weight:700;transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.lc-ask-btn:hover{transform:scale(1.04)}@media (max-width:640px){.pg-prompt-bar{border-radius:20px;flex-wrap:wrap;padding:12px}.pg-mode-wrap,.pg-ask-label{display:none}.pg-fuel-track{width:40px}.lc-hero-title{font-size:1.1rem}.sc-composer-foot{flex-direction:column;align-items:stretch}.sc-send-btn{justify-content:center}}.pg-page-supercomputer{max-width:920px;transition:max-width .38s cubic-bezier(.22,1,.36,1)}.pg-page-focus{max-width:none;height:calc(100vh - var(--viva-topbar-h));flex-direction:column;min-height:0;padding:0 24px;display:flex}.pg-page-secondary{transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),max-height .38s cubic-bezier(.22,1,.36,1);overflow:hidden}.pg-page-secondary-hidden{opacity:0;pointer-events:none;max-height:0;transform:translateY(12px)}.sc-chat{margin-bottom:28px;transition:flex .38s cubic-bezier(.22,1,.36,1)}.sc-chat-session{flex-direction:column;flex:1;min-height:0;margin-bottom:0;animation:.42s cubic-bezier(.22,1,.36,1) sc-session-in;display:flex;position:relative}@keyframes sc-session-in{0%{opacity:.85;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.sc-session-head{flex-shrink:0;padding:8px 0 12px}.sc-session-label{color:var(--viva-muted);font-size:.875rem;font-weight:600}.sc-chat-hero{text-align:center;padding:20px 0 16px;position:relative}.sc-chat-hero-glow{filter:blur(28px);pointer-events:none;background:radial-gradient(#9fe50b24,#0000 70%);height:180px;position:absolute;inset:-20px 15% auto}.sc-orchestrator-icon{background:#9fe50b1f;border:1px solid #9fe50b59;border-radius:20px;margin-bottom:14px;padding:8px;display:inline-flex;box-shadow:0 8px 32px #9fe50b33}.sc-orchestrator-icon img{object-fit:cover;border-radius:14px}.sc-chat-title{letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:clamp(1.35rem,3.5vw,2rem);font-weight:800}.sc-chat-sub{max-width:520px;color:var(--viva-muted);margin:0 auto 16px;font-size:.9375rem;line-height:1.5}.sc-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;min-height:0;max-height:none;margin-bottom:0;padding:12px 4px 120px;display:flex;overflow-y:auto}.sc-chat:not(.sc-chat-session) .sc-messages{max-height:min(420px,50vh);margin-bottom:12px;padding-bottom:12px}.sc-msg{align-items:flex-start;gap:10px;animation:.35s cubic-bezier(.22,1,.36,1) pg-fade-in;display:flex}.sc-msg-user{flex-direction:row-reverse}.sc-msg-user .sc-msg-body{background:#9fe50b1f;border-color:#9fe50b47}.sc-msg-avatar{width:32px;height:32px;color:var(--viva-lime);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sc-msg-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#212225d9;border:1px solid #ffffff14;border-radius:18px;max-width:85%;padding:12px 14px}.sc-msg-text{white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.5}.sc-thinking{color:var(--viva-muted);font-style:italic}.sc-msg-meta{color:var(--viva-muted);margin-top:8px;font-size:.6875rem;display:block}.sc-plan-card{background:#00000059;border:1px solid #9fe50b40;border-radius:14px;margin-top:12px;padding:12px}.sc-plan-head{align-items:center;gap:8px;margin-bottom:8px;font-size:.8125rem;font-weight:700;display:flex}.sc-plan-cost{color:var(--viva-lime);background:#9fe50b26;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.6875rem}.sc-plan-steps{color:#ffffffbf;margin:0 0 10px;padding-left:18px;font-size:.8125rem;line-height:1.45}.sc-plan-run{background:var(--viva-lime);color:#0a0a0a;cursor:pointer;border:none;border-radius:999px;width:100%;padding:10px;font-size:.8125rem;font-weight:700;transition:transform .2s cubic-bezier(.22,1,.36,1)}.sc-plan-run:hover{transform:scale(1.02)}.sc-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:12px;margin:0 0 10px;padding:10px 14px;font-size:.875rem}.sc-composer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161aeb;border:1px solid #ffffff1a;border-radius:22px;padding:14px;box-shadow:0 8px 40px #00000059}.sc-model-wrap{margin-bottom:10px;position:relative}.sc-model-btn{color:var(--viva-text);cursor:pointer;background:#00000059;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;display:inline-flex}.sc-model-menu{z-index:30;background:#121214fa;border:1px solid #ffffff1a;border-radius:16px;min-width:220px;padding:6px;animation:.22s cubic-bezier(.22,1,.36,1) pg-pop;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 48px #0000008c}.sc-model-item{width:100%;color:var(--viva-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.875rem;display:flex}.sc-model-item:hover,.sc-model-item-active{background:#9fe50b1a}.sc-model-tier{color:var(--viva-muted);font-size:.6875rem}.sc-composer-input{width:100%;color:var(--viva-text);resize:none;background:0 0;border:none;outline:none;min-height:56px;font-size:.9375rem;line-height:1.5}.sc-composer-foot{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;display:flex}.sc-estimate{color:var(--viva-muted);font-size:.75rem}.sc-estimate strong{color:var(--viva-lime)}.sc-balance{opacity:.85}.sc-send-btn{background:var(--viva-lime);color:#0a0a0a;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:700;transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.sc-send-btn:disabled{opacity:.45;cursor:not-allowed}.sc-send-btn:not(:disabled):hover{transform:scale(1.04)}.sc-skills{gap:10px;margin-top:14px;padding:4px 0;display:flex}.sc-skill-pill{color:var(--viva-text);white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:.8125rem;font-weight:500;transition:border-color .2s,transform .2s;display:inline-flex}.sc-skill-pill:hover{border-color:#9fe50b4d;transform:translateY(-1px)}.sc-skill-icon{object-fit:cover;border-radius:50%}.sc-spin{animation:.8s linear infinite sc-spin}@keyframes sc-spin{to{transform:rotate(360deg)}}.sc-composer-docked{z-index:2;background:#0d0d0deb;flex-shrink:0;width:100%;max-width:760px;margin:0 auto;position:sticky;bottom:0}.sc-agent-status{flex-direction:column;gap:6px;padding:4px 0 8px 42px;animation:.35s cubic-bezier(.22,1,.36,1) pg-fade-in;display:flex}.sc-status-row{color:var(--viva-muted);align-items:center;gap:8px;font-size:.8125rem;display:inline-flex}.sc-status-thought{cursor:pointer;color:#ffffffa6;background:0 0;border:none;padding:0}.sc-status-thought:hover{color:var(--viva-text)}.sc-chevron-open{transition:transform .2s;transform:rotate(90deg)}.sc-status-skill{color:var(--viva-lime)}.sc-status-wait{color:#fbbf24}.sc-thought-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin:4px 0 8px;padding:12px 14px;animation:.28s cubic-bezier(.22,1,.36,1) pg-fade-in}.sc-thought-title{color:var(--viva-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:.75rem;font-weight:700}.sc-thought-body{color:#ffffffc7;white-space:pre-wrap;margin:0;font-size:.8125rem;line-height:1.5}.sc-plan-card-inline{margin-top:10px}.sc-approval-sheet{z-index:60;width:min(720px,100vw - 48px);animation:.38s cubic-bezier(.22,1,.36,1) sc-approval-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes sc-approval-in{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sc-approval-inner{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#121216f5;border:1px solid #ffffff1a;border-radius:24px;padding:18px 20px;box-shadow:0 24px 80px #000000a6}.sc-approval-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sc-approval-head h3{margin:0;font-size:.9375rem;font-weight:700}.sc-approval-prompts{color:#ffffffbf;max-height:180px;margin:0 0 14px;padding-left:20px;font-size:.8125rem;line-height:1.45;overflow-y:auto}.sc-approval-prompt-single{color:#ffffffbf;margin:0 0 14px;font-size:.8125rem;line-height:1.45}.sc-approval-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sc-approval-alt{min-width:140px;color:var(--viva-text);background:#00000059;border:1px solid #ffffff1a;border-radius:999px;outline:none;flex:1;padding:10px 14px;font-size:.8125rem}.sc-approval-stop{color:var(--viva-text);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:10px 16px;font-size:.8125rem}.sc-approval-go{background:var(--viva-lime);color:#0a0a0a;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:700;transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.sc-approval-go:hover{transform:scale(1.03)}.sc-approval-cost{background:#0003;border-radius:999px;justify-content:center;align-items:center;min-width:24px;padding:2px 6px;font-size:.75rem;display:inline-flex}@media (max-width:720px){.pg-page-focus{height:calc(100dvh - var(--viva-topbar-h) - var(--viva-mobile-nav-h,58px));padding:0 12px}.sc-approval-sheet{width:calc(100vw - 24px);bottom:calc(var(--viva-mobile-nav-h,58px) + 12px)}.sc-agent-status{padding-left:0}}.sc-chat-loading{text-align:center;color:var(--viva-muted);padding:48px}
.pc-shell{--pc-e:cubic-bezier(.22, 1, .36, 1);--pc-e-out:cubic-bezier(.16, 1, .3, 1);--pc-bg:#060709;--pc-glass:#12141ad1;--pc-glass-2:#1a1c24e6;--pc-border:#ffffff17;--pc-border-2:#ffffff24;--pc-lime:#cfff5a;--pc-lime-edge:#9fe50b;--pc-text:#ffffffeb;--pc-muted:#ffffff73;height:calc(100dvh - var(--viva-topbar-h));background:var(--pc-bg);min-height:0;color:var(--pc-text);animation:pc-in .5s var(--pc-e);flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}@keyframes pc-in{0%{opacity:0}to{opacity:1}}.pc-shell-loading{color:var(--pc-muted);justify-content:center;align-items:center}.pc-topbar{z-index:30;border-bottom:1px solid var(--pc-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0a0b0ef5,#0a0b0ec7);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:relative}.pc-topbar-left{align-items:center;gap:8px;display:flex}.pc-topbar-logo{background:linear-gradient(135deg, var(--pc-lime), var(--pc-lime-edge));color:#0a0a0a;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pc-topbar-title{color:var(--pc-text);cursor:pointer;transition:background .2s var(--pc-e);background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:.875rem;font-weight:600}.pc-topbar-title:hover{background:#ffffff0f}.pc-topbar-title-input{border:1px solid var(--pc-border-2);color:#fff;background:#0006;border-radius:8px;outline:none;padding:4px 8px;font-size:.875rem;font-weight:600}.pc-topbar-chev{width:24px;height:24px;color:var(--pc-muted);cursor:pointer;transition:background .2s var(--pc-e);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex}.pc-topbar-chev:hover{color:#fff;background:#ffffff0f}.pc-topbar-right{align-items:center;gap:8px;display:flex}.pc-topbar-btn{border:1px solid var(--pc-border);color:var(--pc-text);cursor:pointer;transition:all .24s var(--pc-e);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.pc-topbar-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.pc-topbar-btn-share{color:#0a0a0a;background:#fff;border-color:#fff}.pc-topbar-btn-share:hover{background:#f0f0f0}.pc-run-pipeline{z-index:25;border:1px solid var(--pc-border-2);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:pc-drop .4s var(--pc-e-out);transition:transform .24s var(--pc-e);background:#14161cf2;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.8125rem;font-weight:700;display:inline-flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.pc-run-pipeline:before{content:"✦";color:var(--pc-lime)}.pc-run-pipeline:hover{transform:translate(-50%)translateY(-1px)}@keyframes pc-drop{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pc-viewport{touch-action:none;cursor:grab;background:var(--pc-bg);flex:1;position:relative;overflow:hidden}.pc-viewport:active{cursor:grabbing}.pc-viewport[data-tool=pen]{cursor:crosshair}.pc-viewport[data-tool=sticky],.pc-viewport[data-tool=text]{cursor:copy}.pc-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.pc-grid{background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:26px 26px;position:absolute;top:0;left:0}.pc-edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.pc-edge{fill:none;stroke:url(#pc-edge-grad);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 7px #9fe50b80);stroke-dasharray:7 5;animation:1.3s linear infinite pc-flow}@keyframes pc-flow{to{stroke-dashoffset:-24px}}.pc-stroke{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.pc-stamp{cursor:grab;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 12px #00000080);animation:pc-stamp-in .3s var(--pc-e-out);transition:filter .2s var(--pc-e);font-size:28px;position:absolute;transform:translate(-50%,-50%)}.pc-stamp:hover{filter:drop-shadow(0 6px 16px #0009)brightness(1.1)}.pc-stamp:active{cursor:grabbing}@keyframes pc-stamp-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.pc-node{cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .26s var(--pc-e), border-color .26s var(--pc-e);border-radius:16px;position:absolute}.pc-node:active{cursor:grabbing}.pc-node-selected{z-index:15;box-shadow:0 0 0 2px var(--pc-lime-edge), 0 20px 60px #00000080}.pc-node-busy{box-shadow:0 0 0 1px #9fe50b66,0 16px 50px #9fe50b1f}.pc-gen{background:var(--pc-glass);border:1px solid var(--pc-border-2);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);overflow:visible;box-shadow:0 18px 50px #00000080}.pc-gen-header{color:var(--pc-muted);align-items:center;gap:7px;padding:10px 12px 8px;font-size:.6875rem;font-weight:600;display:flex}.pc-gen-rail{flex-direction:column;gap:6px;display:flex;position:absolute;top:44px;left:-16px}.pc-rail-btn{border:1px solid var(--pc-border);background:var(--pc-glass-2);width:28px;height:28px;color:var(--pc-muted);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .22s var(--pc-e);border-radius:9px;justify-content:center;align-items:center;display:flex}.pc-rail-btn:hover{color:var(--pc-lime);border-color:#9fe50b66;transform:translate(-2px)}.pc-ref-thumb{border:1px solid var(--pc-border-2);background:#000;border-radius:8px;width:28px;height:28px;position:relative;overflow:hidden}.pc-ref-thumb img{object-fit:cover;width:100%;height:100%}.pc-ref-thumb button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:absolute;top:-5px;right:-5px}.pc-gen-refbadge{color:var(--pc-lime);background:#9fe50b29;border-radius:999px;align-items:center;gap:3px;margin-left:auto;padding:2px 7px;font-size:.625rem;font-weight:700;display:inline-flex}.pc-gen-canvas{background:#0006;border:1px solid #ffffff0d;border-radius:12px;min-height:150px;margin:0 10px;position:relative;overflow:hidden}.pc-gen-prompt{width:100%;height:100%;min-height:150px;color:var(--pc-text);resize:none;background:0 0;border:none;outline:none;padding:12px;font-size:.8125rem;line-height:1.5}.pc-gen-prompt::placeholder{color:#ffffff4d}.pc-gen-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:150px;padding:16px;display:flex}.pc-gen-spinner{border:2px solid #9fe50b2e;border-top-color:var(--pc-lime);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite pc-spin}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-gen-bar{background:#ffffff14;border-radius:999px;width:100%;height:4px;overflow:hidden}.pc-gen-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--pc-lime-edge), var(--pc-lime), var(--pc-lime-edge));height:100%;transition:width .35s var(--pc-e);background-size:200% 100%;animation:1.1s linear infinite pc-shimmer}@keyframes pc-shimmer{to{background-position:200% 0}}.pc-gen-pct{color:var(--pc-muted);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:700}.pc-gen-results{width:100%;height:100%;min-height:150px}.pc-gen-results-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.pc-gen-media{object-fit:cover;width:100%;height:100%;min-height:150px;animation:pc-reveal .6s var(--pc-e-out);border-radius:10px;display:block}.pc-gen-media-wrap{background:#000;border-radius:10px;width:100%;min-height:120px;overflow:hidden}.pc-gen-video{object-fit:contain;background:#000;width:100%;height:auto;min-height:120px;max-height:220px}.pc-gen-results-grid .pc-gen-media{min-height:90px}.pc-stroke-frame{fill:#9fe50b0f;stroke-width:2px}.pc-stroke-arrow{fill:none;stroke-width:2.5px}@keyframes pc-reveal{0%{opacity:0;filter:blur(6px);transform:scale(1.05)}to{opacity:1;filter:blur();transform:scale(1)}}.pc-gen-err{color:#fca5a5;margin:0;font-size:.6875rem;position:absolute;bottom:6px;left:8px;right:8px}.pc-gen-foot{align-items:center;gap:6px;padding:9px 10px 10px;display:flex}.pc-gen-model{color:var(--pc-text);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border-radius:8px;align-items:center;gap:4px;max-width:110px;padding:5px 8px;font-size:.6875rem;font-weight:600;display:inline-flex;overflow:hidden}.pc-gen-model svg{color:var(--pc-lime);flex-shrink:0}.pc-gen-batch{color:var(--pc-muted);align-items:center;gap:4px;font-size:.6875rem;display:inline-flex}.pc-gen-batch button{width:20px;height:20px;color:var(--pc-text);cursor:pointer;transition:background .2s var(--pc-e);background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.pc-gen-batch button:hover{background:#ffffff1f}.pc-gen-reroll{width:26px;height:26px;color:var(--pc-muted);cursor:pointer;transition:all .2s var(--pc-e);background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.pc-gen-reroll:hover{color:#fff;background:#ffffff1f}.pc-gen-run{background:var(--pc-lime);color:#0a0a0a;cursor:pointer;font-variant-numeric:tabular-nums;transition:transform .22s var(--pc-e), box-shadow .22s var(--pc-e);border:none;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:7px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.pc-gen-run:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 22px #9fe50b66}.pc-gen-run:disabled{opacity:.4;cursor:not-allowed}.pc-connector{border:1px solid var(--pc-border-2);background:var(--pc-glass-2);width:26px;height:26px;color:var(--pc-text);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .24s var(--pc-e);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.pc-node:hover .pc-connector,.pc-node-selected .pc-connector{opacity:1}.pc-connector:hover{color:var(--pc-lime);border-color:var(--pc-lime-edge);transform:translateY(-50%)scale(1.12)}.pc-sticky{padding:6px;transform:rotate(-1deg);box-shadow:0 12px 36px #00000059,inset 0 1px #ffffff26}.pc-sticky-input{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:110px;padding:8px;font-size:.8125rem;line-height:1.5}.pc-sticky-input::placeholder{color:#ffffff8c}.pc-text{background:0 0}.pc-text-input{color:#fff;resize:none;text-shadow:0 1px 8px #0009;background:0 0;border:none;outline:none;width:100%;font-size:1rem;font-weight:600}.pc-text-input::placeholder{color:#fff6}.pc-chat{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#9fe50b21;border:1px solid #9fe50b4d;border-radius:16px 16px 16px 4px;flex-direction:column;gap:2px;padding:9px 13px;display:flex}.pc-chat-author{color:var(--pc-lime);font-size:.625rem;font-weight:700}.pc-chat-body{color:#fff;font-size:.8125rem}.pc-panel{z-index:28;background:var(--pc-glass-2);border:1px solid var(--pc-border);-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);opacity:0;pointer-events:none;width:300px;transition:transform .4s var(--pc-e-out), opacity .3s var(--pc-e);border-radius:18px;flex-direction:column;padding:14px;display:flex;position:absolute;top:60px;bottom:96px;right:12px;overflow-y:auto;transform:translate(calc(100% + 24px));box-shadow:0 24px 70px #0000008c}.pc-panel-open{opacity:1;pointer-events:auto;transform:translate(0)}.pc-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pc-panel-title{color:#fff;font-size:.8125rem;font-weight:700}.pc-panel-prompt{border:1px solid var(--pc-border);color:#fff;resize:vertical;width:100%;min-height:80px;transition:border-color .22s var(--pc-e);background:#00000059;border-radius:12px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:.8125rem;line-height:1.45}.pc-panel-prompt:focus{border-color:#9fe50b66}.pc-panel-refs{margin-bottom:12px}.pc-panel-refgrid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.pc-ref-thumb-lg{border-radius:10px;width:52px;height:52px}.pc-panel-upload{border:1px dashed var(--pc-border-2);width:52px;height:52px;color:var(--pc-muted);cursor:pointer;transition:all .22s var(--pc-e);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;gap:2px;display:flex}.pc-panel-upload:hover{color:var(--pc-lime);background:#9fe50b0f;border-color:#9fe50b73}.pc-panel-modelrow{border-bottom:1px solid #ffffff0d;padding:9px 0}.pc-model-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pc-model-chip{border:1px solid var(--pc-border);color:var(--pc-text);cursor:pointer;transition:all .2s var(--pc-e);background:#ffffff0a;border-radius:999px;padding:6px 11px;font-size:.6875rem;font-weight:600}.pc-model-chip:hover{background:#ffffff1a}.pc-model-chip-on{background:var(--pc-lime);border-color:var(--pc-lime);color:#0a0a0a}.pc-panel-rows{flex-direction:column;gap:2px;display:flex}.pc-panel-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.pc-panel-label{color:var(--pc-muted);font-size:.75rem}.pc-panel-select{border:1px solid var(--pc-border);color:#fff;cursor:pointer;background:#0006;border-radius:8px;outline:none;padding:5px 8px;font-size:.75rem;font-weight:600}.pc-panel-toggle{border:1px solid var(--pc-border);color:var(--pc-muted);cursor:pointer;transition:all .22s var(--pc-e);background:#0006;border-radius:999px;padding:5px 12px;font-size:.6875rem;font-weight:700}.pc-panel-toggle-on{color:var(--pc-lime);background:#9fe50b26;border-color:#9fe50b66}.pc-panel-stepper{align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.pc-panel-stepper button{border:1px solid var(--pc-border);color:#fff;cursor:pointer;width:22px;height:22px;transition:background .2s var(--pc-e);background:#0006;border-radius:7px;justify-content:center;align-items:center;font-size:.875rem;display:flex}.pc-panel-stepper button:hover{background:#ffffff1f}.pc-panel-advanced{margin-top:10px}.pc-panel-advanced summary{color:var(--pc-muted);cursor:pointer;padding:6px 0;font-size:.75rem;list-style:none}.pc-panel-advanced summary::-webkit-details-marker{display:none}.pc-panel-flabel{letter-spacing:.05em;text-transform:uppercase;color:var(--pc-muted);margin:8px 0 4px;font-size:.625rem;font-weight:700;display:block}.pc-panel-neg,.pc-panel-input{border:1px solid var(--pc-border);color:#fff;background:#0006;border-radius:10px;outline:none;width:100%;padding:8px 10px;font-size:.75rem}.pc-panel-neg{resize:vertical;min-height:48px}.pc-panel-generate{background:var(--pc-lime);color:#0a0a0a;cursor:pointer;width:100%;transition:transform .22s var(--pc-e), box-shadow .22s var(--pc-e);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:12px;font-size:.8125rem;font-weight:800;display:flex}.pc-panel-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #9fe50b66}.pc-panel-generate:disabled{opacity:.45;cursor:not-allowed}.pc-panel-cost{font-variant-numeric:tabular-nums;background:#0000002e;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;display:inline-flex}.pc-empty{pointer-events:none;z-index:12;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pc-empty-inner{text-align:center;pointer-events:auto;animation:pc-in .5s var(--pc-e)}.pc-empty-title{letter-spacing:.02em;color:#ffffffeb;margin:0 0 10px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800}.pc-empty-hint{color:var(--pc-muted);margin:0 0 28px;font-size:.8125rem}.pc-empty-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.pc-empty-eyebrow{color:var(--pc-lime);letter-spacing:.04em;text-transform:uppercase;background:#9fe50b1a;border:1px solid #9fe50b4d;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;font-size:.68rem;font-weight:700;display:inline-flex}.pc-empty-card{border:1px solid var(--pc-border);background:var(--pc-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;text-align:left;width:208px;transition:transform .3s var(--pc-e), border-color .3s var(--pc-e), box-shadow .3s var(--pc-e);border-radius:18px;flex-direction:column;padding:12px;display:flex}.pc-empty-card:hover{border-color:var(--pc-border-2);transform:translateY(-5px);box-shadow:0 22px 60px #0000008c}.pc-empty-card-feature{border-color:#9fe50b52}.pc-empty-card-feature:hover{border-color:#9fe50b99;box-shadow:0 22px 64px #9fe50b2e}.pc-empty-preview{border-radius:12px;justify-content:center;align-items:center;height:116px;display:flex;position:relative;overflow:hidden}.pc-ep-prompt{background:linear-gradient(135deg,#10b98129,#0596690a);flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;padding:18px}.pc-ep-line{background:#ffffff38;border-radius:999px;height:7px}.pc-ep-image{background:radial-gradient(120% 90% at 20% 15%,#ffd6a58c,#0000 55%),radial-gradient(130% 120% at 85% 80%,#7c5cff8c,#0000 55%),linear-gradient(135deg,#1f2a44,#3a1f4d)}.pc-ep-badge{color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;padding:3px 9px;font-size:.6rem;font-weight:700;position:absolute;bottom:8px;left:8px}.pc-ep-video{background:radial-gradient(120% 120% at 75% 25%,#8b5cf699,#0000 55%),linear-gradient(135deg,#161427,#2a1840)}.pc-ep-play{color:#111;background:#ffffffeb;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 20px #0006}.pc-empty-meta{align-items:center;gap:10px;padding:12px 6px 4px;display:flex}.pc-empty-meta>div{flex-direction:column;gap:2px;display:flex}.pc-empty-card-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pc-ec-prompt{background:linear-gradient(135deg,#10b981,#059669)}.pc-ec-image{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.pc-ec-video{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.pc-empty-card-title{color:#fff;font-size:.8125rem;font-weight:700}.pc-empty-card-sub{color:var(--pc-muted);font-size:.66rem;line-height:1.4}.pc-empty-dismiss{border:1px solid var(--pc-border);color:var(--pc-text);cursor:pointer;transition:background .22s var(--pc-e);background:#ffffff0f;border-radius:999px;margin-top:22px;padding:9px 20px;font-size:.75rem;font-weight:600}.pc-empty-dismiss:hover{background:#ffffff1f}.pc-conn-menu{z-index:60;background:var(--pc-glass-2);border:1px solid var(--pc-border-2);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);min-width:210px;animation:pc-pop .22s var(--pc-e-out);border-radius:14px;padding:6px;position:fixed;box-shadow:0 20px 60px #0009}@keyframes pc-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.pc-conn-search{color:var(--pc-muted);background:#0006;border-radius:9px;margin-bottom:4px;padding:8px 10px;font-size:.75rem}.pc-conn-item{width:100%;color:var(--pc-text);cursor:pointer;text-align:left;transition:background .18s var(--pc-e);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.8125rem;font-weight:600;display:flex}.pc-conn-item:hover{background:#ffffff12}.pc-conn-ic{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.pc-conn-ic-video{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.pc-conn-ic-image{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.pc-conn-ic-voice{background:linear-gradient(135deg,#f472b6,#db2777)}.pc-conn-ic-translate{background:linear-gradient(135deg,#fb7185,#e11d48)}.pc-toolbar{z-index:28;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pc-toolbar-inner{background:var(--pc-glass-2);border:1px solid var(--pc-border);-webkit-backdrop-filter:blur(28px)saturate(1.3);backdrop-filter:blur(28px)saturate(1.3);border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex;box-shadow:0 12px 44px #00000080}.pc-tool{width:38px;height:38px;color:var(--pc-muted);cursor:pointer;transition:all .2s var(--pc-e);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.pc-tool:hover{color:#fff;background:#ffffff14}.pc-tool-active,.pc-tool-active:hover{color:#0a0a0a;background:#fff}.pc-tool-add{color:var(--pc-lime);background:#9fe50b24}.pc-tool-add:hover{color:var(--pc-lime);background:#9fe50b3d}.pc-toolbar-sep{background:#ffffff1a;width:1px;height:22px;margin:0 2px}.pc-emoji-pop,.pc-add-pop{background:var(--pc-glass-2);border:1px solid var(--pc-border-2);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);animation:pc-pop .22s var(--pc-e-out);border-radius:14px;padding:8px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0009}.pc-emoji-pop{gap:4px;display:flex}.pc-emoji-pop button{cursor:pointer;width:36px;height:36px;transition:background .18s var(--pc-e);background:0 0;border:none;border-radius:10px;font-size:18px}.pc-emoji-pop button:hover{background:#ffffff1a}.pc-add-pop{flex-direction:column;gap:2px;min-width:190px;display:flex;left:auto;right:0;transform:none}.pc-add-pop button{color:var(--pc-text);cursor:pointer;text-align:left;transition:background .18s var(--pc-e);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.8125rem;font-weight:600;display:flex}.pc-add-pop button:hover{background:#ffffff14}.pc-left-rail{z-index:26;background:var(--pc-glass-2);border:1px solid var(--pc-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex;position:absolute;bottom:18px;left:14px;box-shadow:0 12px 40px #00000073}.pc-rail-icon{width:34px;height:34px;color:var(--pc-muted);cursor:pointer;transition:all .2s var(--pc-e);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.pc-rail-icon:hover:not(:disabled){color:#fff;background:#ffffff14}.pc-rail-icon:disabled{opacity:.3;cursor:not-allowed}.pc-rail-div{background:#ffffff1a;width:20px;height:1px;margin:3px 0}.pc-rail-zoom{color:var(--pc-muted);font-variant-numeric:tabular-nums;font-size:.625rem;font-weight:700}.pc-icon-btn{width:30px;height:30px;color:var(--pc-muted);cursor:pointer;transition:all .2s var(--pc-e);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.pc-icon-btn:hover{color:#fff;background:#ffffff14}.pc-history-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s var(--pc-e);z-index:45;background:#0006;position:fixed;inset:0}.pc-history-backdrop-open{opacity:1;pointer-events:auto}.pc-history-panel{top:var(--viva-topbar-h);border-left:1px solid var(--pc-border);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:min(320px,92vw);transition:transform .4s var(--pc-e-out);z-index:55;background:#0c0d10fa;padding:18px 14px;position:fixed;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.pc-history-panel-open{transform:translate(0)}.pc-history-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pc-history-head h3{color:#fff;margin:0;font-size:.9375rem;font-weight:800}.pc-new-canvas-btn{width:100%;color:var(--pc-lime);cursor:pointer;transition:all .26s var(--pc-e);background:#9fe50b0f;border:1px dashed #9fe50b66;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:11px;font-size:.8125rem;font-weight:700;display:flex}.pc-new-canvas-btn:hover{background:#9fe50b1f;border-style:solid}.pc-history-list-main{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pc-history-list-main li{gap:4px;display:flex}.pc-history-item{color:var(--pc-text);cursor:pointer;text-align:left;transition:all .24s var(--pc-e);background:#ffffff08;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding:11px 13px;display:flex}.pc-history-item:hover{background:#ffffff0f}.pc-history-item-active{background:#9fe50b14;border-color:#9fe50b59}.pc-history-item-title{font-size:.8125rem;font-weight:600}.pc-history-item-meta{color:var(--pc-muted);align-items:center;gap:4px;font-size:.625rem;display:inline-flex}.pc-history-delete{width:38px;color:var(--pc-muted);cursor:pointer;transition:all .22s var(--pc-e);background:0 0;border:1px solid #ffffff0f;border-radius:11px;justify-content:center;align-items:center;display:flex}.pc-history-delete:hover{color:#fca5a5;background:#ef444414;border-color:#ef444459}.pc-shell:fullscreen{height:100vh}.pc-shell:fullscreen .pc-history-panel{top:0}.pc-sel-bar{z-index:16;background:var(--pc-glass-2);border:1px solid var(--pc-border-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:pc-pop .18s var(--pc-e-out);border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 28px #00000080}.pc-sel-btn{width:30px;height:30px;color:var(--pc-text);cursor:pointer;transition:all .18s var(--pc-e);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.pc-sel-btn:hover{background:#ffffff1a}.pc-sel-accent:hover{color:var(--pc-lime);background:#9fe50b26}.pc-sel-danger:hover{color:#fca5a5;background:#ef444426}.pc-ctx{z-index:70;background:var(--pc-glass-2);border:1px solid var(--pc-border-2);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);min-width:200px;animation:pc-pop .2s var(--pc-e-out);border-radius:14px;padding:6px;position:fixed;box-shadow:0 20px 60px #0009}.pc-ctx-item{width:100%;color:var(--pc-text);cursor:pointer;text-align:left;transition:background .16s var(--pc-e);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.8125rem;font-weight:600;display:flex}.pc-ctx-item:hover{background:#ffffff14}.pc-ctx-accent{color:var(--pc-lime)}.pc-ctx-accent:hover{background:#9fe50b1f}.pc-ctx-danger{color:#fca5a5}.pc-ctx-danger:hover{background:#ef44441f}.pc-ctx-sep{background:#ffffff14;height:1px;margin:4px 6px;display:block}.pc-ctx-ic{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pc-ctx-ic-image{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.pc-ctx-ic-video{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.pc-ctx-ic-sticky{background:linear-gradient(135deg,#f59e0b,#d97706)}.pc-ctx-ic-text{background:linear-gradient(135deg,#64748b,#475569)}.pc-mobile-gen{display:none}@media (max-width:768px){.viva-app-focus .viva-topbar,.viva-app-focus .nanta-announcement-bar{display:none!important}.viva-app-focus .pc-shell{height:calc(100dvh - var(--viva-mobile-nav-h,58px) - env(safe-area-inset-bottom,0px))}.pc-topbar{gap:8px;height:48px;padding:0 12px}.pc-topbar-left{flex:1;min-width:0}.pc-topbar-title,.pc-topbar-title-input{text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,160px);overflow:hidden}.pc-topbar-right{flex-shrink:0;gap:6px}.pc-topbar-btn-label{display:none}.pc-topbar-btn{justify-content:center;width:36px;height:36px;padding:0}.pc-topbar-btn-share{width:auto;padding:0 12px}.pc-topbar-btn-share .pc-topbar-btn-label{font-size:.6875rem;display:inline}.pc-gen-foot{flex-wrap:wrap;gap:8px;padding-bottom:12px}.pc-gen-model{flex:calc(100% - 90px);min-width:0;max-width:none}.pc-gen-batch,.pc-gen-reroll{flex-shrink:0}.pc-gen-run{flex:100%;order:10;justify-content:center;width:100%;min-height:40px;margin-left:0;padding:10px 14px}.pc-panel{display:none!important}.pc-mobile-gen{left:12px;right:12px;bottom:calc(var(--viva-mobile-nav-h,58px) + env(safe-area-inset-bottom,0px) + 10px);z-index:50;pointer-events:none;display:flex;position:absolute}.pc-mobile-gen-btn{pointer-events:auto;background:var(--pc-lime);color:#0a0a0a;cursor:pointer;width:100%;transition:transform .2s var(--pc-e), opacity .2s var(--pc-e);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:.875rem;font-weight:800;display:flex;box-shadow:0 10px 36px #9fe50b59}.pc-mobile-gen-btn:disabled{opacity:.45;cursor:not-allowed}.pc-mobile-gen-btn:not(:disabled):active{transform:scale(.98)}.pc-toolbar{width:max-content;max-width:calc(100vw - 20px);left:50%;right:auto;bottom:calc(var(--viva-mobile-nav-h,58px) + env(safe-area-inset-bottom,0px) + 72px);transform:translate(-50%)}.pc-left-rail{bottom:calc(var(--viva-mobile-nav-h,58px) + env(safe-area-inset-bottom,0px) + 140px);left:10px}.pc-agent-fab{max-width:calc(100vw - 24px);padding:7px 12px;font-size:.6875rem;top:54px}.pc-pipeline-overlay{max-width:calc(100vw - 24px);top:48px}.pc-pipeline-card{width:100%}.pc-multi-bar{bottom:calc(var(--viva-mobile-nav-h,58px) + env(safe-area-inset-bottom,0px) + 72px)}.pc-empty-cards{flex-direction:column;align-items:center}.pc-toolbar-inner{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px)}.pc-sel-bar{transform-origin:100% 0;transform:scale(.92)}}.pc-spin{animation:.8s linear infinite pc-spin}.pc-marquee{z-index:30;pointer-events:none;background:#9fe50b1a;border:1.5px solid #9fe50be6;border-radius:4px;position:absolute}.pc-multi-bar{z-index:46;border:1px solid var(--pc-border-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:pc-pop .2s var(--pc-e-out);background:#141416eb;border-radius:999px;align-items:center;gap:9px;padding:8px 10px 8px 14px;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000080}.pc-multi-count{background:var(--pc-lime);color:#0a0a0a;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;font-weight:800;display:grid}.pc-multi-label{color:var(--pc-muted);font-size:.74rem}.pc-multi-del{color:#fca5a5;cursor:pointer;transition:all .2s var(--pc-e);background:#ef44441f;border:1px solid #ef44444d;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.pc-multi-del:hover{color:#fff;background:#ef444433}.pc-pipeline-overlay{z-index:45;animation:pc-pop .24s var(--pc-e-out);position:absolute;top:70px;left:50%;transform:translate(-50%)}.pc-pipeline-card{border:1px solid var(--pc-border-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#18181bf0,#0f0f11f7);border-radius:16px;width:340px;padding:13px 16px;box-shadow:0 18px 50px #00000080}.pc-pipeline-row{align-items:center;gap:9px;margin-bottom:10px;display:flex}.pc-pipeline-spinner{border:2px solid #9fe50b40;border-top-color:var(--pc-lime);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.8s linear infinite pc-spin}.pc-pipeline-label{color:var(--pc-text);font-size:.76rem;font-weight:600}.pc-pipeline-pct{color:var(--pc-lime);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.82rem;font-weight:800}.pc-pipeline-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.pc-pipeline-fill{height:100%;transition:width .4s var(--pc-e);background:linear-gradient(90deg,#5fb800,#9fe50b);border-radius:999px;box-shadow:0 0 12px #9fe50b80}@keyframes pc-fade{0%{opacity:0}to{opacity:1}}.pc-agent-fab{z-index:40;color:var(--pc-lime);letter-spacing:.01em;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all .24s var(--pc-e);background:linear-gradient(135deg,#9fe50b38,#9fe50b14);border:1px solid #9fe50b59;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #0006,inset 0 0 0 1px #ffffff08}.pc-agent-fab:hover{border-color:#9fe50b99;transform:translate(-50%)translateY(-1px);box-shadow:0 12px 34px #9fe50b2e}.pc-agent-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pc-fade .2s var(--pc-e);background:#00000080;justify-content:center;align-items:flex-start;padding-top:120px;display:flex;position:absolute;inset:0}.pc-agent{border:1px solid var(--pc-border-2);width:540px;max-width:calc(100vw - 48px);animation:pc-pop .26s var(--pc-e-out);background:linear-gradient(#18181bf5,#0f0f11fa);border-radius:20px;padding:20px;box-shadow:0 30px 80px #0009}.pc-agent-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pc-agent-brand{align-items:center;gap:11px;display:flex}.pc-agent-orb{color:#0a0a0a;background:linear-gradient(135deg,#9fe50b,#5fb800);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 18px #9fe50b59}.pc-agent-title{color:#fff;font-size:.9rem;font-weight:700}.pc-agent-model{color:var(--pc-lime);font-size:.68rem;font-weight:600}.pc-agent-desc{color:var(--pc-muted);margin-bottom:14px;font-size:.78rem;line-height:1.5}.pc-agent-input{resize:vertical;border:1px solid var(--pc-border);width:100%;min-height:92px;color:var(--pc-text);transition:border-color .2s var(--pc-e);background:#00000059;border-radius:13px;outline:none;padding:12px 14px;font-size:.82rem;line-height:1.5}.pc-agent-input:focus{border-color:#9fe50b73}.pc-agent-chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.pc-agent-chip{border:1px solid var(--pc-border);color:var(--pc-muted);cursor:pointer;transition:all .2s var(--pc-e);background:#ffffff0a;border-radius:999px;padding:6px 11px;font-size:.68rem}.pc-agent-chip:hover{color:var(--pc-text);background:#ffffff17}.pc-agent-err{color:#f87171;margin-bottom:10px;font-size:.74rem}.pc-agent-run{background:var(--pc-lime);color:#0a0a0a;cursor:pointer;width:100%;transition:all .2s var(--pc-e);border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.82rem;font-weight:700;display:flex}.pc-agent-run:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.pc-agent-run:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.pc-shell,.pc-edge,.pc-gen-bar-fill,.pc-stamp,.pc-run-pipeline,.pc-conn-menu,.pc-emoji-pop,.pc-add-pop,.pc-agent,.pc-agent-overlay{animation:none!important}}
@media (max-width:1023px){:root{--viva-topbar-h:66px;--viva-mobile-nav-h:58px;--viva-mobile-dock-h:0px;--viva-announcement-h:0px;--viva-shell-chrome-h:calc(var(--viva-topbar-h) + var(--viva-announcement-h) + env(safe-area-inset-top,0px));--mobile-page-x:12px;--mobile-text-base:14px;--mobile-text-sm:12px;--mobile-text-xs:10px}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{touch-action:manipulation;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}input,textarea,select,.viva-input,.viva-gen-prompt-input,.viva-string-input,.ios-app-input,.nanta-admin-input,.nanta-dock-input,[contenteditable=true]{line-height:1.35;font-size:16px!important}textarea.viva-gen-prompt-input{font-size:16px!important}.viva-app{font-size:var(--mobile-text-base);min-height:100vh}.viva-topbar{height:calc(var(--viva-topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--mobile-page-x) 0;background:#08080af0;border-bottom-color:#ffffff0f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.viva-topbar-left{align-items:center;min-width:0;display:flex;overflow:hidden}.viva-mobile-brand{align-items:center;min-width:0;max-width:100%;padding:2px 0;display:inline-flex}.viva-mobile-brand img,.viva-topbar-logo-img,.viva-topbar-logo-img-mobile{object-fit:contain;flex-shrink:0;width:auto;max-width:min(220px,56vw);height:72px;max-height:72px}.viva-topbar-actions-compact{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.viva-topbar-status-cluster{background:linear-gradient(#ffffff0f 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;min-height:38px;padding:5px 12px 5px 8px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.viva-topbar-status-cluster .viva-plan-pill-compact{letter-spacing:-.02em;height:26px;min-height:26px;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0 9px;font-size:11px;font-weight:800;line-height:1;display:inline-flex!important}.viva-topbar-status-cluster .viva-plan-pill--ultra{color:#ff9aeb;background:#ff8de824;border-color:#ff8de86b}.viva-topbar-status-cluster .pg-fuel-gauge-compact{justify-content:center;align-items:center;gap:0;height:26px;min-height:26px;margin:0;padding:0;line-height:1;display:inline-flex}.viva-topbar-status-cluster .pg-fuel-gauge-compact:before,.viva-topbar-status-cluster .pg-fuel-label,.viva-topbar-status-cluster .pg-fuel-sep{display:none}.viva-topbar-status-cluster .pg-fuel-value{letter-spacing:-.03em;color:var(--viva-lime);font-size:15px;font-weight:900;line-height:1}.viva-topbar-actions-compact .pg-fuel-gauge-compact:before{display:none}.viva-topbar-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex;overflow:visible}.viva-topbar-actions-full{display:none!important}.viva-topbar-profile-btn{background:#ffffff0d;border-color:#ffffff1f;flex-shrink:0;width:38px;height:38px}.viva-upgrade-btn{display:none!important}.viva-upgrade-btn,.viva-login-btn,.viva-credits-pill,.viva-plan-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;min-height:34px;padding:0 11px;font-size:11px;font-weight:800}.pg-fuel-gauge{gap:0;min-height:34px;padding:0 10px}.pg-fuel-value{font-size:14px}.nanta-announcement-bar{gap:6px;min-height:0;padding:5px 10px;font-size:10px;line-height:1.25}.nanta-announcement-bar svg{flex-shrink:0;width:12px;height:12px}.nanta-announcement-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nanta-announcement-badge{letter-spacing:.03em;padding:2px 5px;font-size:8px}.viva-main-wrap:has(.viva-studio-embed) .nanta-announcement-bar{padding:4px 8px;font-size:9px}.viva-main-wrap:has(.viva-studio-embed) .nanta-announcement-badge{padding:2px 4px;font-size:7px}.viva-credits-pill{background:#ffffff0f;border:.5px solid #ffffff1a;gap:5px}.viva-login-btn{text-overflow:ellipsis;max-width:96px;overflow:hidden}.viva-lang-wrap{display:none}.viva-credits-pill svg,.viva-plan-pill svg{width:14px;height:14px}.viva-icon-btn{flex-shrink:0;width:34px;height:34px}.viva-content{padding:0 var(--mobile-page-x) calc(var(--viva-mobile-nav-h) + env(safe-area-inset-bottom,0px) + 10px)}.viva-content:has(.viva-studio-embed){padding-bottom:0;padding-left:0;padding-right:0}.viva-main-wrap{min-height:100vh}.viva-studio{padding-top:10px}.viva-banner-section,.viva-studio-feed{margin-left:calc(-1 * var(--mobile-page-x));margin-right:calc(-1 * var(--mobile-page-x));width:calc(100% + 2 * var(--mobile-page-x));padding-inline:var(--mobile-page-x)}.viva-banner-track{scroll-snap-type:x mandatory;gap:10px;padding-bottom:14px}.viva-banner-item{scroll-snap-align:start;border-radius:14px;flex:0 0 min(76vw,280px)}.viva-banner-item-featured{flex-basis:min(80vw,300px)}.viva-banner-label{font-size:12px;bottom:12px;left:12px}.viva-banner-logo{height:28px}.viva-feature-hub{margin:10px calc(-1 * var(--mobile-page-x)) 14px;width:calc(100% + 2 * var(--mobile-page-x));padding-inline:var(--mobile-page-x)}.viva-feature-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.viva-hub-cat-card{border-radius:14px;min-height:116px;padding:12px 12px 10px}.viva-hub-cat-title{font-size:13px}.viva-hub-cat-sub{-webkit-line-clamp:2;font-size:10px}.viva-hub-cat-art{width:78%;max-width:148px;bottom:-30px;right:-24px}.viva-hub-ios-card-featured{grid-area:auto/1/auto/-1;min-height:220px}.viva-hub-ios-featured-inner{min-height:220px;padding:18px 16px 16px}.viva-hub-ios-card-sm{min-height:128px}.viva-hub-ios-copy{padding:12px 12px 11px}.viva-hub-ios-title{font-size:13px}.viva-hub-ios-sub{font-size:10px}.viva-hub-ios-cta{padding:9px 16px;font-size:13px}.viva-hub-ios-card:hover{transform:none}.viva-promo-showcase{margin:20px 0 4px}.viva-promo-float{display:none}.viva-promo-center{min-height:280px;padding:24px 16px 28px}.viva-promo-stage{min-height:280px}.viva-try-btn{padding:8px 22px;font-size:12px}.viva-tabs-row{scrollbar-width:none;gap:18px;margin:4px 0 14px;overflow-x:auto}.viva-tabs-row::-webkit-scrollbar{display:none}.viva-tabs-row{width:100%;display:flex;overflow-x:auto}.viva-category-tab{flex-shrink:0;padding:9px 14px;font-size:.9rem}.viva-tags-row,.viva-effect-tabs{gap:6px;margin-bottom:12px}.viva-tag-pill,.viva-effect-tab{padding:7px 13px;font-size:11px;font-weight:600}.viva-bento-grid{gap:8px}.viva-bento-label{font-size:10px;bottom:8px;left:8px}.viva-mobile-nav{height:calc(var(--viva-mobile-nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:saturate(180%)blur(20px);background:#000000f0;border-top:1px solid #ffffff1a;display:block}.viva-mobile-nav-inner{height:var(--viva-mobile-nav-h);max-width:480px;margin:0 auto;padding:0 4px}.viva-mobile-tab{letter-spacing:.01em;border-radius:10px;flex:1;gap:2px;min-width:0;padding:6px 4px 4px;font-size:9px;font-weight:800;transition:color .15s,background .15s;position:relative}.viva-mobile-tab svg{width:20px;height:20px}.viva-mobile-tab-active{color:var(--viva-lime);background:#9fe50b14}.viva-mobile-tab-active:after{content:"";background:var(--viva-lime);border-radius:999px;width:18px;height:2px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.viva-studio-embed{height:calc(100dvh - var(--viva-shell-chrome-h,var(--viva-topbar-h)));min-height:0;overflow:hidden;padding-bottom:0!important}.viva-gen-docked-layout{height:calc(100dvh - var(--viva-shell-chrome-h,var(--viva-topbar-h)));flex-direction:column;min-height:0;padding-bottom:0;overflow:hidden}.viva-gen-docked-layout .viva-gen-canvas-full{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(var(--viva-mobile-compose-bar-h,0px) + var(--viva-mobile-dock-h,0px) + 12px);flex:1;order:1;overflow-y:auto}.viva-gen-docked-layout .viva-gen-canvas-inner{padding:10px 12px 16px}.viva-gen-empty-list{min-height:min(48dvh,420px);padding:20px 12px 12px}.viva-gen-empty-list-content{font-size:clamp(1.15rem,4.5vw,1.45rem);line-height:1.45}.viva-expand-sheet-docked.viva-pro-sheet{height:var(--viva-mobile-dock-h);max-height:var(--viva-mobile-dock-h);z-index:55;border-top:.5px solid #ffffff1f;border-bottom:none;border-right:none;border-radius:24px 24px 0 0;order:2;min-height:0;transition:max-height .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1);position:fixed;inset:auto 0 0;box-shadow:0 -24px 64px #00000094;width:100%!important}.viva-mobile-dock-open.viva-expand-sheet-docked{--viva-mobile-dock-h:calc(100dvh - var(--viva-shell-chrome-h,var(--viva-topbar-h)));height:var(--viva-mobile-dock-h);max-height:var(--viva-mobile-dock-h);animation:.34s cubic-bezier(.22,1,.36,1) viva-mobile-sheet-in}.viva-mobile-dock-collapsed.viva-expand-sheet-docked,.viva-mobile-dock-expanded.viva-expand-sheet-docked{--viva-mobile-dock-h:calc(100dvh - var(--viva-shell-chrome-h,var(--viva-topbar-h)));height:var(--viva-mobile-dock-h);max-height:var(--viva-mobile-dock-h)}.viva-gen-docked-layout .ios-gallery-toolbar{background:#ffffff0d;border:.5px solid #ffffff1a;border-radius:16px;margin-bottom:10px;padding:5px 6px}.viva-gen-docked-layout .ios-gallery-zoom-control{background:#00000047;border:.5px solid #ffffff1f;border-radius:999px;flex:auto;gap:4px;width:auto;min-width:0;max-width:min(220px,52vw);padding:3px 5px}.viva-gen-docked-layout .ios-gallery-zoom-btn{color:#ffffffeb;background:#ffffff1a;width:32px;height:32px}.viva-gen-docked-layout .ios-gallery-zoom-btn:active:not(:disabled){background:#ffffff29;transform:scale(.94)}.viva-gen-docked-layout .ios-gallery-zoom-input{background:#ffffff2e;height:5px}.viva-gen-docked-layout .ios-gallery-zoom-input::-webkit-slider-thumb{width:18px;height:18px;box-shadow:0 0 0 2px #00000073}.viva-gen-docked-layout .ios-gallery-tool{border-radius:10px;min-width:32px;height:32px;padding:0 10px}.viva-gen-docked-layout .ios-gallery-tool-accent{width:32px;padding:0}.viva-gen-docked-layout .ios-gallery-hero .ios-asset-tile,.viva-gen-docked-layout .ios-gallery-hero .ios-asset-tile-featured,.viva-gen-docked-layout .ios-gallery-single .ios-asset-tile-featured{max-width:min(100%, var(--gallery-hero-max,100%))}.viva-gen-docked-layout .ios-gallery-wide,.viva-gen-docked-layout .ios-gallery-masonry{gap:6px}.viva-gen-promptbar{padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px))}.viva-gen-promptbar-inner{gap:8px}.viva-gen-send-btn{min-width:44px;height:44px;padding:0 14px;font-size:12px}.viva-effect-studio{padding:10px var(--mobile-page-x) 20px}.viva-effect-studio-header{align-items:center;margin-bottom:12px}.viva-effect-studio-back{padding:7px 10px;font-size:11px}.viva-effect-studio-head-meta h1{font-size:16px}.viva-effect-studio-card{border-radius:14px;gap:12px;padding:10px}.viva-effect-studio-preview{aspect-ratio:16/11;max-height:180px}.viva-effect-studio-lead{font-size:13px}.viva-effect-upload-zone{border-radius:14px;min-height:140px}.viva-effect-generate-btn{border-radius:14px;min-height:46px;font-size:13px}.viva-gen-status-banner{border-radius:14px;padding:10px 12px;top:8px;left:8px;right:8px}.viva-gen-status-title{font-size:12px}.viva-gen-status-sub{font-size:10px}.viva-gen-canvas-inner{padding:8px 10px 12px}.ios-gen-loading{border-radius:14px}.viva-page{padding:4px 0 20px}.viva-page-title,.nanta-pricing-title{font-size:1.45rem}.nanta-pricing-subtitle,.viva-page-sub{font-size:13px}.viva-pricing-shell{padding:4px var(--mobile-page-x) 28px}.viva-auth-card{padding:20px 16px}.viva-effect-modal-grid{grid-template-columns:1fr}.viva-effect-modal-panel{padding:20px 16px}.viva-seedance-sheet{border-radius:20px 20px 0 0;max-height:min(94dvh,760px)}.viva-seedance-sheet-body{padding:6px 14px calc(16px + env(safe-area-inset-bottom));gap:10px}.viva-seedance-sheet-title{font-size:16px}.viva-seedance-prompt-block{border-radius:14px;padding:10px}.viva-seedance-prompt-text{max-height:72px;font-size:12px}.viva-seedance-preview{border-radius:12px;max-height:120px}.viva-seedance-upload-slot,.viva-seedance-upload-slot-filled{border-radius:12px;min-height:112px;max-height:148px}.viva-seedance-upload-preview{max-height:148px}.viva-seedance-upload-label{font-size:12px}.viva-seedance-upload-hint{display:none}.viva-waterfall-photo-badge{max-width:calc(100% - 16px);padding:3px 7px;font-size:8px;top:8px;left:8px}.viva-seedance-generate-btn{border-radius:14px;min-height:48px;font-size:14px}.viva-effect-modal-title{font-size:18px}.ios-app-admin-bg main{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.ios-app-page-wide{padding-left:var(--mobile-page-x);padding-right:var(--mobile-page-x)}.nanta-profile-hub-tabs button{padding:10px 12px;font-size:13px}.viva-waterfall{column-gap:8px}.viva-waterfall-item{border-radius:12px}.nanta-profile-name{font-size:1.25rem}.nanta-profile-hero{padding:16px}.library-grid{gap:8px}.viva-app:has(.viva-studio-embed) .viva-mobile-nav{display:none!important}.viva-main-wrap:has(.viva-studio-embed)+.viva-mobile-nav{display:none!important}.viva-main-wrap:has(.viva-studio-embed) .viva-content{padding-bottom:0}.viva-gen-docked-layout .ios-gallery-shell-full{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}body.ios-selection-active .viva-gen-docked-layout .ios-gallery-shell-full{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.nanta-dock-wrap{padding-left:8px;padding-right:8px;padding-bottom:max(10px, env(safe-area-inset-bottom,0px))}.nanta-dock{border-radius:22px}.nanta-dock-input-row{gap:8px;padding:12px 14px 10px}.nanta-dock-toolbar{flex-wrap:wrap;gap:8px;padding:0 10px 12px}.nanta-mini-chip-expand{max-width:46vw}.nanta-mini-chip-expand span.hidden{display:none!important}.nanta-gen-btn{min-height:40px;padding:0 14px;font-size:13px}.nanta-dock-toolbar .min-w-0.flex-1{display:none}}@media (max-width:480px){:root{--mobile-page-x:10px}.viva-mobile-brand img,.viva-topbar-logo-img,.viva-topbar-logo-img-mobile{max-width:min(210px,55vw);height:68px;max-height:68px}.viva-plan-pill:not(.viva-plan-pill-compact){display:none}.viva-login-btn{max-width:68px;padding:0 8px;font-size:10px}.viva-credits-pill{padding:0 8px;font-size:10px}.pg-fuel-gauge{padding:4px 8px}.viva-topbar-actions{gap:4px}.viva-category-tab{font-size:.95rem}.viva-recreate-btn{padding:8px 14px;font-size:10px}}@media (max-width:1023px){.viva-mobile-brand{display:inline-flex}}@media (min-width:1024px){.viva-mobile-brand{display:none}}