:root{--bg: #0b0d12;--bg-2: #0f1118;--panel: #14161d;--panel-2: #1b1e27;--ink: #ECEDF1;--ink-2: #c2c5ce;--muted: #8b8f9c;--faint: #62656f;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .13);--g1: #4f86f7;--g2: #6366f1;--g3: #8b5cf6;--grad: linear-gradient(120deg, var(--g1) 0%, var(--g2) 52%, var(--g3) 100%);--accent: #6366f1;--accent-light: #93c5fd;--accent-soft: rgba(99, 102, 241, .16);--auth-font-display: "Outfit", system-ui, sans-serif;--auth-font-body: "Figtree", system-ui, sans-serif}.auth-page{font-family:var(--auth-font-body);color:var(--ink);background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.auth-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.4;animation:auth-orb-drift 24s ease-in-out infinite alternate}.auth-orb--primary{width:42vw;height:42vw;max-width:540px;max-height:540px;background:radial-gradient(circle,rgba(79,134,247,.45),transparent 70%);top:-14%;left:-10%}.auth-orb--indigo{width:38vw;height:38vw;max-width:480px;max-height:480px;background:radial-gradient(circle,rgba(139,92,246,.4),transparent 70%);bottom:-16%;right:-8%;animation-delay:-9s}.auth-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,black 18%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,black 18%,transparent 72%)}@keyframes auth-orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(4%,6%) scale(1.08)}}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-reveal{animation:auth-fade-up .8s cubic-bezier(.22,1,.36,1) backwards}.auth-reveal-delay-1{animation-delay:.08s}.auth-reveal-delay-2{animation-delay:.16s}.auth-reveal-delay-3{animation-delay:.26s}.auth-reveal-delay-4{animation-delay:.38s}.auth-reveal-delay-5{animation-delay:.5s}@keyframes auth-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.auth-caret{display:inline-block;width:.07em;height:.9em;margin-left:.06em;background:var(--g2);vertical-align:-.05em;animation:auth-caret-blink 1.1s steps(1) infinite}.auth-display{font-family:var(--auth-font-display)}.auth-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-hero-title{font-family:var(--auth-font-display);font-size:clamp(2.9rem,8vw,5.6rem);font-weight:700;line-height:.96;letter-spacing:-.03em;color:var(--ink)}.auth-hero-gradient{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-hero-accent-dot{color:var(--g3)}.auth-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:9999px;font-size:.72rem;font-weight:600;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);transition:border-color .25s,color .25s,background .25s,transform .25s}.auth-chip:hover{border-color:var(--accent);color:#fff;background:var(--accent-soft);transform:translateY(-1px)}.auth-chip--active{border-color:transparent;color:#fff;background:var(--grad)}.auth-glass{background:var(--panel);border:1px solid var(--line);border-radius:1.4rem;box-shadow:0 30px 70px -34px #000c}.auth-field{position:relative}.auth-field-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none;transition:color .2s;display:inline-flex}.auth-field:focus-within .auth-field-icon{color:var(--accent-light)}.auth-input{width:100%;padding:.9rem 1rem .9rem 2.85rem;border-radius:.85rem;border:1px solid var(--line-2);background:var(--panel-2);color:var(--ink);font-size:.95rem;font-family:var(--auth-font-body);transition:border-color .2s,box-shadow .2s;outline:none}.auth-input::placeholder{color:var(--faint)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.auth-input--pw{padding-right:2.85rem}.auth-pw-toggle{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--faint);cursor:pointer;border-radius:.5rem;transition:color .2s,background .2s}.auth-pw-toggle:hover{color:var(--ink);background:var(--panel)}.auth-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}.auth-btn-primary{position:relative;width:100%;padding:.92rem 1.4rem;border:none;border-radius:.85rem;font-family:var(--auth-font-display);font-weight:600;font-size:.96rem;color:#fff;background:var(--grad);cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:0 12px 30px -12px #6366f18c}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.auth-btn-primary:active:not(:disabled){transform:translateY(0)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:9999px;border:1px solid var(--line-2);background:transparent;color:var(--ink);font-weight:600;font-size:.9rem;transition:border-color .2s,background .2s,transform .2s}.auth-btn-ghost:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.auth-link{color:var(--accent-light);font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#bfdbfe;text-decoration:underline;text-underline-offset:3px}.auth-error{padding:.75rem 1rem;border-radius:.75rem;font-size:.82rem;font-weight:500;background:#f4787b1a;border:1px solid rgba(244,120,123,.28);color:#f4787b}.auth-preset-marquee{display:flex;flex-wrap:wrap;gap:.5rem;max-width:34rem}.auth-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.auth-marquee-track{display:inline-flex;gap:1.25rem;white-space:nowrap;animation:auth-marquee-scroll 28s linear infinite}.auth-marquee:hover .auth-marquee-track{animation-play-state:paused}.auth-marquee-item{font-family:var(--auth-font-display);font-weight:600;font-size:.95rem;color:var(--muted);display:inline-flex;align-items:center;gap:1.25rem}.auth-marquee-item:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--g2)}@keyframes auth-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-feature-card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:1.2rem;padding:1.5rem;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-feature-card:after{content:"";position:absolute;top:0;right:0;width:54px;height:54px;background:var(--grad);clip-path:polygon(100% 0,0 0,100% 100%);opacity:0;transition:opacity .3s}.landing-feature-card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 26px 50px -32px #000c}.landing-feature-card:hover:after{opacity:.85}.landing-feature-index{font-family:var(--auth-font-display);font-size:.8rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-cta-panel{background:var(--grad);border:none}.auth-stat-num{font-family:var(--auth-font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1}.auth-stat-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}.landing-mock{border:1px solid var(--line);background:var(--bg-2);border-radius:1.2rem;overflow:hidden;box-shadow:0 40px 80px -40px #000000d9}.landing-mock-bar{background:var(--panel);border-bottom:1px solid var(--line)}.landing-mock-dot{width:10px;height:10px;border-radius:50%}@keyframes mock-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.landing-mock-block{border-radius:.6rem;background:linear-gradient(100deg,var(--panel) 30%,rgba(99,102,241,.18) 50%,var(--panel) 70%);background-size:200% 100%;animation:mock-shimmer 3.2s ease-in-out infinite}.auth-brand-panel{position:relative;color:#fff;background:var(--grad);overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 80% at 30% 30%,black 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 30% 30%,black 10%,transparent 70%);pointer-events:none}.auth-brand-panel .auth-hero-title{color:#fff}.auth-brand-panel .auth-eyebrow{background:none;-webkit-background-clip:initial;color:#ffffffd9}.auth-brand-panel .auth-hero-gradient{background:none;-webkit-background-clip:initial;color:#fff}.auth-brand-panel .auth-chip{background:#ffffff24;border-color:#ffffff38;color:#fff}.auth-brand-panel .auth-chip--active{background:#fff;color:var(--g2);border-color:transparent}.auth-form-panel{background:var(--bg)}@media(prefers-reduced-motion:reduce){.auth-reveal,.auth-orb,.auth-marquee-track,.auth-caret,.landing-mock-block{animation:none!important}.auth-reveal{opacity:1;transform:none}}.studio{--bg: #f7f8fc;--panel: #ffffff;--panel-2: #f1f3f9;--ink: #1b1c1f;--ink-2: #3c4043;--muted: #5f6368;--faint: #80868b;--line: rgba(20, 22, 28, .08);--line-2: rgba(20, 22, 28, .14);--g1: #4f86f7;--g2: #8b5cf6;--g3: #ec4899;--g4: #fb7a52;--grad: linear-gradient(115deg, var(--g1) 0%, var(--g2) 38%, var(--g3) 72%, var(--g4) 100%);--grad-soft: linear-gradient(115deg, rgba(79,134,247,.14), rgba(139,92,246,.12) 45%, rgba(236,72,153,.12) 75%, rgba(251,122,82,.12));--font-display: "Outfit", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--bg);height:100vh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}.studio-display{font-family:var(--font-display)}.studio-grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.studio-topbar{display:flex;align-items:center;gap:.75rem;height:56px;padding:0 1rem;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.studio-project{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:.6rem;font-weight:600;font-size:.875rem;color:var(--ink);cursor:pointer;transition:background .15s}.studio-project:hover{background:var(--panel-2)}.studio-seg{display:inline-flex;background:var(--panel-2);border-radius:.7rem;padding:.2rem;gap:.15rem}.studio-seg button{border:none;background:transparent;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--muted);padding:.4rem .85rem;border-radius:.5rem;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.studio-seg button.is-active{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #00000014}.studio-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.6rem;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.studio-icon-btn:hover{background:var(--panel-2);color:var(--ink)}.studio-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:.7rem;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);font-weight:600;font-size:.82rem;cursor:pointer;transition:background .15s,border-color .15s}.studio-btn-ghost:hover{background:var(--panel-2)}.studio-btn-grad{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.05rem;border-radius:.7rem;border:none;background:var(--grad);background-size:160% 160%;color:#fff;font-family:var(--font-display);font-weight:600;font-size:.85rem;cursor:pointer;box-shadow:0 6px 18px -6px #8b5cf699;transition:transform .18s,box-shadow .2s,background-position .5s}.studio-btn-grad:hover{transform:translateY(-1px);background-position:100% 0;box-shadow:0 10px 24px -6px #ec48998c}.studio-avatar{width:32px;height:32px;border-radius:50%;background:var(--grad);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:.8rem}.studio-body{flex:1;display:flex;min-height:0}.studio-chat{width:380px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.studio-chat-head{padding:1rem 1.15rem .75rem;border-bottom:1px solid var(--line)}.studio-chat-scroll{flex:1;overflow-y:auto;padding:1.15rem;display:flex;flex-direction:column;gap:1rem}.studio-chat-scroll::-webkit-scrollbar{width:6px}.studio-chat-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}@keyframes studio-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.studio-msg{animation:studio-pop .45s cubic-bezier(.22,1,.36,1) backwards;max-width:92%}.studio-msg-d1{animation-delay:.05s}.studio-msg-d2{animation-delay:.18s}.studio-msg-d3{animation-delay:.34s}.studio-msg-d4{animation-delay:.5s}.studio-msg-ai{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line);border-radius:1rem 1rem 1rem .25rem;padding:.8rem .95rem;font-size:.875rem;line-height:1.5;color:var(--ink-2)}.studio-msg-user{align-self:flex-end;background:var(--grad);color:#fff;border-radius:1rem 1rem .25rem;padding:.8rem .95rem;font-size:.875rem;line-height:1.5;box-shadow:0 6px 16px -8px #8b5cf699}.studio-ai-badge{width:26px;height:26px;border-radius:8px;background:var(--grad);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.studio-thumb-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.studio-thumb{aspect-ratio:4/5;border-radius:.65rem;overflow:hidden;border:1px solid var(--line);cursor:pointer;transition:transform .18s,box-shadow .18s;position:relative}.studio-thumb:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px #0000004d}.studio-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .75rem;border-radius:9999px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.studio-chip:hover{background:var(--grad-soft);border-color:transparent;color:var(--ink)}.studio-prompt-wrap{padding:.9rem 1.15rem 1.15rem;border-top:1px solid var(--line)}.studio-prompt{display:flex;align-items:flex-end;gap:.5rem;background:var(--panel);border:1.5px solid var(--line-2);border-radius:1.1rem;padding:.6rem .6rem .6rem .95rem;transition:border-color .18s,box-shadow .18s}.studio-prompt:focus-within{border-color:var(--g2);box-shadow:0 0 0 4px #8b5cf61f}.studio-prompt textarea{flex:1;border:none;outline:none;resize:none;background:transparent;font-family:var(--font-body);font-size:.9rem;color:var(--ink);max-height:120px;line-height:1.45;padding:.35rem 0}.studio-prompt textarea::placeholder{color:var(--faint)}.studio-send{width:38px;height:38px;flex-shrink:0;border-radius:.8rem;border:none;background:var(--grad);background-size:160% 160%;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s,background-position .5s,box-shadow .2s;box-shadow:0 6px 16px -6px #ec489999}.studio-send:hover{transform:translateY(-1px) scale(1.04);background-position:100% 0}.studio-canvas{flex:1;display:flex;flex-direction:column;min-width:0;background:radial-gradient(60% 50% at 15% 0%,rgba(79,134,247,.1),transparent 60%),radial-gradient(60% 60% at 100% 100%,rgba(236,72,153,.1),transparent 55%),var(--bg)}.studio-canvas-bar{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line)}.studio-format{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:.2rem;gap:.15rem}.studio-format button{border:none;background:transparent;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--muted);padding:.35rem .7rem;border-radius:.5rem;cursor:pointer;transition:background .15s,color .15s}.studio-format button.is-active{background:var(--grad-soft);color:var(--ink)}.studio-stage{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:2.5rem;gap:2rem}.studio-frame{width:360px;aspect-ratio:4/5;border-radius:1.25rem;overflow:hidden;box-shadow:0 30px 70px -30px #14162873,0 0 0 1px var(--line);position:relative;flex-shrink:0;animation:studio-pop .6s cubic-bezier(.22,1,.36,1) backwards}.studio-frame--hero{background:linear-gradient(150deg,#f97362,#ec4899 45%,#8b5cf6)}.studio-rail{display:flex;flex-direction:column;gap:.9rem}.studio-rail-card{width:132px;aspect-ratio:4/5;border-radius:.85rem;overflow:hidden;border:2px solid transparent;box-shadow:0 10px 26px -14px #00000059;cursor:pointer;transition:transform .18s,border-color .18s;position:relative}.studio-rail-card:hover{transform:translateY(-3px)}.studio-rail-card.is-active{border-color:var(--g2)}@keyframes studio-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.studio-shimmer{background:linear-gradient(100deg,#ffffff80 30%,#8b5cf62e,#ffffff80 70%);background-size:200% 100%;animation:studio-shimmer 1.6s ease-in-out infinite}.studio-badge-soft{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem;border-radius:9999px;background:var(--grad-soft);color:var(--ink-2);font-size:.7rem;font-weight:700;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.studio-msg,.studio-frame,.studio-shimmer{animation:none!important}}.sx{--bg: #0c0d11;--ink: #f2f3f7;--ink-2: #cdd2e0;--muted: #9aa0b4;--faint: #6a7088;--panel: rgba(255, 255, 255, .05);--panel-2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .18);--g1: #4f86f7;--g2: #8b5cf6;--g3: #ec4899;--g4: #fb7a52;--grad: linear-gradient(115deg, var(--g1) 0%, var(--g2) 38%, var(--g3) 72%, var(--g4) 100%);--grad-soft: linear-gradient(115deg, rgba(79,134,247,.22), rgba(139,92,246,.18) 45%, rgba(236,72,153,.18) 75%, rgba(251,122,82,.18));--font-display: "Outfit", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;position:relative;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.sx-display{font-family:var(--font-display)}.sx-grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.sx-glass{background:var(--panel);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--border)}@keyframes sx-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sx-rise{animation:sx-rise .7s cubic-bezier(.22,1,.36,1) backwards}.sx-d1{animation-delay:.06s}.sx-d2{animation-delay:.14s}.sx-d3{animation-delay:.24s}.sx-d4{animation-delay:.36s}.sx-topnav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;height:60px;padding:0 1.1rem;border-bottom:1px solid var(--border);background:#07071099;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sx-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:.7rem;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.sx-icon-btn:hover{background:var(--panel-2);color:var(--ink)}.sx-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--g3);box-shadow:0 0 0 2px var(--bg)}.sx-search{flex:1;max-width:460px;margin:0 auto;display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border-radius:.85rem;border:1px solid var(--border);background:var(--panel);color:var(--ink)}.sx-search input{flex:1;border:none;outline:none;background:transparent;color:var(--ink);font-size:.88rem;font-family:var(--font-body)}.sx-search input::placeholder{color:var(--faint)}.sx-credits{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:9999px;border:1px solid var(--border);background:var(--panel);font-size:.82rem;font-weight:600;color:var(--ink)}.sx-avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem;background:var(--grad);cursor:pointer}.sx-btn-grad{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;border-radius:.8rem;border:none;cursor:pointer;color:#fff;background:var(--grad);background-size:160% 160%;font-family:var(--font-display);font-weight:600;font-size:.88rem;box-shadow:0 10px 26px -10px #8b5cf699;transition:transform .18s,background-position .5s,box-shadow .2s,opacity .2s}.sx-btn-grad:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0}.sx-btn-grad:disabled{opacity:.5;cursor:not-allowed}.sx-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.1rem;border-radius:.8rem;border:1px solid var(--border-2);background:transparent;color:var(--ink);font-weight:600;font-size:.86rem;cursor:pointer;transition:background .15s}.sx-btn-ghost:hover{background:var(--panel-2)}.sx-shell{position:relative;z-index:1;display:flex;min-height:calc(100vh - 60px)}.sx-sidebar{width:264px;flex-shrink:0;padding:1.4rem .9rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1.6rem}.sx-side-group-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:0 .6rem;margin-bottom:.5rem}.sx-navitem{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .6rem;border-radius:.7rem;color:var(--ink-2);font-size:.88rem;font-weight:500;cursor:pointer;border:none;background:transparent;transition:background .15s,color .15s;text-align:left}.sx-navitem:hover{background:var(--panel-2);color:var(--ink)}.sx-navitem.is-active{background:var(--grad-soft);color:#fff}.sx-navitem .sx-count{margin-left:auto;font-size:.72rem;color:var(--faint)}.sx-side-proj{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .5rem;border-radius:.6rem;cursor:pointer;border:none;background:transparent;text-align:left;transition:background .15s}.sx-side-proj:hover{background:var(--panel-2)}.sx-side-thumb{width:30px;height:30px;border-radius:.5rem;flex-shrink:0}.sx-side-proj-name{font-size:.83rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-main{flex:1;min-width:0;padding:2.5rem 2rem 4rem;overflow-y:auto}.sx-hero{max-width:820px;margin:0 auto}.sx-composer{position:relative;border-radius:1.5rem;padding:1rem 1rem .8rem;margin-top:1.6rem;box-shadow:0 1px #ffffff0f inset,0 30px 70px -34px #000000d9,0 0 60px -24px #8b5cf666}.sx-composer-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:1.5rem;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}.sx-composer textarea{width:100%;border:none;outline:none;resize:none;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.5;padding:.4rem .5rem;min-height:30px;max-height:160px}.sx-composer textarea::placeholder{color:var(--faint)}.sx-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:9999px;border:1px solid var(--border-2);background:var(--panel);color:var(--ink-2);font-size:.83rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.sx-chip:hover{background:var(--grad-soft);border-color:transparent;color:#fff;transform:translateY(-1px)}.sx-suggest{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:.9rem;border:1px solid var(--border);background:var(--panel);color:var(--ink);font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.sx-suggest:hover{background:var(--panel-2);border-color:var(--border-2);transform:translateY(-2px)}.sx-suggest .ico{display:grid;place-items:center;width:26px;height:26px;border-radius:.5rem;background:var(--grad-soft)}.sx-card{border-radius:1.1rem;overflow:hidden;border:1px solid var(--border);background:var(--panel);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.sx-card:hover{transform:translateY(-4px);border-color:var(--border-2);box-shadow:0 30px 60px -34px #000000d9}.sx-card-thumb{aspect-ratio:16/10;position:relative}.sx-card-fav{position:absolute;top:.55rem;right:.55rem;width:28px;height:28px;border-radius:.5rem;border:none;cursor:pointer;display:grid;place-items:center;background:#07071066;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sx-card-del{position:absolute;top:.55rem;left:.55rem;width:28px;height:28px;border-radius:.5rem;border:none;cursor:pointer;display:grid;place-items:center;background:#ef4444bf;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .15s,background .15s}.sx-card:hover .sx-card-del{opacity:1}.sx-card-del:hover{background:#ef4444}.sx-card-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#070710d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit}.sx-card-confirm p{font-size:.8rem;color:#fff;font-weight:600;margin:0}.sx-card-confirm .sx-del-btns{display:flex;gap:.5rem}.sx-del-cancel{padding:.3rem .85rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.2);background:transparent;color:#cbd5e1;font-size:.75rem;cursor:pointer}.sx-del-cancel:hover{background:#ffffff14}.sx-del-confirm{padding:.3rem .85rem;border-radius:.45rem;border:none;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer}.sx-del-confirm:hover{background:#dc2626}.sx-side-proj-name{font-size:.83rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.sx-side-trash{opacity:0;flex-shrink:0;padding:3px 5px;border-radius:4px;background:transparent;color:#f87171;border:none;cursor:pointer;transition:opacity .15s,background .15s;display:grid;place-items:center}.sx-side-proj:hover .sx-side-trash{opacity:1}.sx-side-trash:hover{background:#ef444426}.sx-side-del-confirm{display:flex;gap:.3rem;flex-shrink:0;font-size:.7rem}.sx-side-del-confirm button{padding:1px 6px;border-radius:3px;border:none;cursor:pointer;font-size:.7rem}.sx-side-del-confirm .sx-sdc-yes{background:#ef4444;color:#fff}.sx-side-del-confirm .sx-sdc-no{background:#ffffff1a;color:var(--ink-2)}.sx-card-body{padding:.8rem .9rem .95rem}.sx-card-meta{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;font-size:.72rem;color:var(--faint)}.sx-brand-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border-radius:9999px;background:var(--grad-soft);color:var(--ink-2);font-size:.66rem;font-weight:600}.sx-new-card{border-radius:1.1rem;border:2px dashed var(--border-2);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--muted);cursor:pointer;min-height:100%;transition:border-color .2s,color .2s}.sx-new-card:hover{border-color:var(--g2);color:var(--g2)}.sx-onboard{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.sx-onboard-orb{width:64px;height:64px;border-radius:18px;margin:0 auto 1.4rem;background:var(--grad);display:grid;place-items:center;color:#fff}.sx-field-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}.sx-field{width:100%;padding:.8rem .95rem;border-radius:.85rem;border:1px solid var(--border-2);background:var(--panel);color:var(--ink);font-size:.92rem;font-family:var(--font-body);outline:none;transition:border-color .18s,box-shadow .18s}.sx-field::placeholder{color:var(--faint)}.sx-field:focus{border-color:var(--g2);box-shadow:0 0 0 4px #8b5cf624}.sx-field option{background:var(--bg);color:var(--ink)}.sx-brandkit-card{border:1px dashed var(--border-2);border-radius:.9rem;padding:1rem;display:flex;align-items:center;gap:.8rem;cursor:pointer;transition:border-color .18s,background .18s}.sx-brandkit-card:hover{border-color:var(--g2);background:var(--panel)}.sx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#04040a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:sx-rise .25s ease}.sx-modal{width:min(620px,100%);max-height:88vh;overflow-y:auto;border-radius:1.5rem;padding:1.5rem;background:#0c0c17;border:1px solid var(--border-2);box-shadow:0 40px 90px -30px #000000e6;animation:sx-rise .4s cubic-bezier(.22,1,.36,1)}.sx-modal::-webkit-scrollbar{width:6px}.sx-modal::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.sx-modepills{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:.9rem;padding:.25rem;gap:.2rem}.sx-modepill{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.5rem .85rem;border-radius:.65rem;cursor:pointer;transition:background .15s,color .15s}.sx-modepill.is-active{background:var(--grad);color:#fff}.sx-dropzone{display:flex;align-items:center;gap:.7rem;width:100%;padding:.85rem 1rem;border-radius:.85rem;cursor:pointer;border:1px dashed var(--border-2);background:var(--panel);color:var(--ink-2);font-size:.84rem;transition:border-color .15s,background .15s;text-align:left}.sx-dropzone:hover{border-color:var(--g2);background:var(--panel-2)}.sx-dropzone.has-file{border-style:solid;border-color:var(--g2)}.sx-ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.sx-ref-card{position:relative;border-radius:.65rem;border:1px solid var(--border);background:var(--panel-2);overflow:hidden}.sx-ref-card.is-pending{border-style:dashed;border-color:#8b5cf659}.sx-ref-img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--panel)}.sx-ref-remove{position:absolute;top:.35rem;right:.35rem;width:22px;height:22px;border-radius:50%;border:none;background:#000000a6;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .14s}.sx-ref-remove:hover:not(:disabled){background:#f4787bd9}.sx-ref-remove:disabled{opacity:.6;cursor:wait}.sx-ref-label{display:block;padding:.35rem .45rem;font-size:.65rem;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-swatch-lg{width:34px;height:34px;border-radius:.6rem;border:1px solid var(--border-2);position:relative;cursor:pointer}.sx-swatch-lg input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border-radius:inherit}.sx-swatch-add{width:34px;height:34px;border-radius:.6rem;border:1px dashed var(--border-2);display:grid;place-items:center;color:var(--muted);cursor:pointer;background:transparent}.sx-swatch-add:hover{border-color:var(--g2);color:var(--ink)}.sx-swatch-del{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;border:none;background:#fff;color:#000;display:grid;place-items:center;cursor:pointer;font-size:10px}.sx-kit-card{border-radius:1rem;border:1px solid var(--border);background:var(--panel);overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s}.sx-kit-card:hover{transform:translateY(-3px);border-color:var(--border-2)}.sx-kit-card.is-selected{border-color:var(--g2);box-shadow:0 0 0 1px var(--g2)}.sx-kit-strip{height:8px;display:flex}.sx-kit-strip span{flex:1}@media(max-width:900px){.sx-sidebar{display:none}.sx-search{max-width:none}}@media(prefers-reduced-motion:reduce){.sx-rise,.sx-onboard-orb{animation:none!important}.sx-rise{opacity:1;transform:none}}.pc{--bg: #0c0d11;--bg-2: #101116;--ink: #ECEDF1;--ink-2: #c2c5ce;--muted: #8b8f9c;--faint: #62656f;--panel: #14151b;--panel-2: #1b1d24;--panel-3: #22242d;--border: rgba(255, 255, 255, .07);--border-2: rgba(255, 255, 255, .12);--accent: #8b5cf6;--accent-2: #6d8bf5;--accent-soft: rgba(139, 92, 246, .14);--grad: linear-gradient(120deg, #6d8bf5 0%, #8b5cf6 55%, #b06ad8 100%);--font-display: "Outfit", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;display:flex;flex-direction:column;height:100vh;overflow:hidden;font-family:var(--font-body);color:var(--ink);background:#050506;-webkit-font-smoothing:antialiased}.pc-main{flex:1;min-height:0;position:relative;overflow:hidden}.pc-display{font-family:var(--font-display)}.pc-grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pc-board{--pc-zoom: 1;--pc-grid-step: 20px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:auto;display:flex;flex-direction:column;background-color:#0a0a0c;background-image:radial-gradient(ellipse 100% 88% at 50% 46%,#141417,#0e0e11 38%,#08080a 72%,#050506)}.pc-board-dots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.115) .85px,transparent .85px);background-size:calc(var(--pc-grid-step) * var(--pc-zoom)) calc(var(--pc-grid-step) * var(--pc-zoom));background-position:center center}.pc-board-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 58% 48% at 50% 44%,rgba(255,255,255,.055) 0%,rgba(255,255,255,.02) 35%,transparent 72%)}.pc-board-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 92% 82% at 50% 48%,transparent 42%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.45) 100%)}.pc-board-viewport{position:relative;z-index:2;box-sizing:border-box;min-height:100%;display:flex;align-items:center;justify-content:center;padding:3rem 2rem 11rem}.pc-board-content{transform-origin:center center;transition:transform .18s cubic-bezier(.22,1,.36,1);will-change:transform}.pc-glass{background:var(--panel);border:1px solid var(--border);box-shadow:0 12px 40px -20px #000000b3}.pc-topbar{position:relative;flex-shrink:0;z-index:30;height:52px;display:flex;align-items:center;gap:.7rem;padding:0 .85rem;background:#08080af0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:.55rem;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:background .14s,color .14s}.pc-icon-btn:hover{background:var(--panel-2);color:var(--ink)}.pc-icon-btn.is-active{background:var(--accent-soft);color:#c4b2f5}.pc-pill{font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:.45rem;background:var(--panel-2);border:1px solid var(--border);font-size:.68rem;font-weight:600;color:var(--muted)}.pc-btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:.6rem;border:1px solid var(--border-2);background:transparent;color:var(--ink-2);font-weight:600;font-size:.82rem;cursor:pointer;transition:background .14s,color .14s}.pc-btn-ghost:hover{background:var(--panel-2);color:var(--ink)}.pc-btn-grad,.pc-send,.pc-generate{border:none;color:#fff;cursor:pointer;background:var(--grad);transition:transform .16s,filter .18s,opacity .2s}.pc-btn-grad{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:.6rem;font-family:var(--font-display);font-weight:600;font-size:.82rem}.pc-btn-grad:hover{filter:brightness(1.08)}.pc-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-family:var(--font-display);font-weight:700;font-size:.8rem;background:var(--grad)}.pc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;background:#00000073;animation:pc-fade .2s ease}@keyframes pc-fade{0%{opacity:0}to{opacity:1}}.pc-sidebar{position:absolute;top:0;left:0;bottom:0;width:280px;z-index:46;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;animation:pc-drawer .28s cubic-bezier(.22,1,.36,1)}@keyframes pc-drawer{0%{transform:translate(-100%)}to{transform:translate(0)}}.pc-side-head{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 .85rem;border-bottom:1px solid var(--border)}.pc-side-scroll{flex:1;overflow-y:auto;padding:.9rem .7rem}.pc-side-scroll::-webkit-scrollbar{width:5px}.pc-side-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.pc-side-label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:0 .55rem;margin:1rem 0 .45rem}.pc-side-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.5rem .55rem;border-radius:.55rem;border:none;background:transparent;color:var(--ink-2);font-size:.86rem;font-weight:500;cursor:pointer;text-align:left;transition:background .14s,color .14s}.pc-side-item:hover{background:var(--panel-2);color:var(--ink)}.pc-side-item.is-active{background:var(--accent-soft);color:#c4b2f5}.pc-side-item .ct{margin-left:auto;font-size:.72rem;color:var(--faint)}.pc-side-proj{display:flex;align-items:center;gap:.6rem;width:100%;padding:.4rem .55rem;border-radius:.5rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .14s}.pc-side-proj:hover,.pc-side-proj.is-current{background:var(--panel-2)}.pc-side-thumb{width:26px;height:26px;border-radius:.4rem;flex-shrink:0}.pc-side-name{font-size:.83rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-side-newbtn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.6rem;border-radius:.6rem;border:none;cursor:pointer;color:#fff;background:var(--grad);font-family:var(--font-display);font-weight:600;font-size:.85rem;transition:filter .16s}.pc-side-newbtn:hover{filter:brightness(1.08)}.pc-rail{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:.3rem;padding:.4rem;border-radius:.9rem;background:var(--panel);border:1px solid var(--border);box-shadow:0 12px 40px -20px #000000b3}.pc-rail-btn{width:38px;height:38px;border-radius:.6rem;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:background .14s,color .14s}.pc-rail-btn:hover{background:var(--panel-2);color:var(--ink)}.pc-rail-btn.is-active{background:var(--accent-soft);color:#c4b2f5}.pc-rail-sep{height:1px;background:var(--border);margin:.2rem .3rem}.pc-cardwrap{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:1.3rem;justify-content:center;align-content:center;max-width:1040px}@keyframes pc-pop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pc-card{position:relative;border-radius:.9rem;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 50px -28px #000000d9;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s;animation:pc-pop .45s cubic-bezier(.22,1,.36,1) backwards}.pc-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -28px #000000e6}.pc-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 20px 50px -28px #000000d9}.pc-card.is-processing{pointer-events:none}.pc-card-shimmer{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(100deg,var(--panel) 30%,var(--panel-3) 50%,var(--panel) 70%);background-size:200% 100%;animation:pc-shimmer 1.4s ease-in-out infinite}.pc-card-processing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:#08080cb8;color:#fff;font-size:.72rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pc-card-num{position:absolute;bottom:.55rem;left:.55rem;z-index:3;padding:.12rem .45rem;border-radius:.4rem;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.62rem;font-weight:700;color:#fff}.pc-card-corner-actions{position:absolute;top:.55rem;right:.55rem;z-index:3;display:flex;align-items:center;gap:.4rem}.pc-card-pencil{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:#0c0c12b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000059;opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease,background .18s ease}.pc-card:hover .pc-card-pencil,.pc-card:focus-within .pc-card-pencil,.pc-card.is-selected .pc-card-pencil{opacity:1;transform:scale(1)}.pc-card-pencil:hover{background:#8b5cf6f2}@keyframes pc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pc-shimmer{border-radius:.9rem;border:1px solid var(--border);background:linear-gradient(100deg,var(--panel) 30%,var(--panel-3) 50%,var(--panel) 70%);background-size:200% 100%;animation:pc-shimmer 1.4s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.pc-empty{position:relative;z-index:2;text-align:center;max-width:36rem;animation:pc-pop .5s cubic-bezier(.22,1,.36,1) backwards}.pc-empty-orb{width:64px;height:64px;margin:0 auto 1.4rem;border-radius:18px;background:var(--grad);display:grid;place-items:center;color:#fff}.pc-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:.6rem;border:1px solid var(--border-2);background:var(--panel);color:var(--ink-2);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .14s,border-color .14s}.pc-chip:hover{background:var(--panel-2);border-color:var(--accent);color:var(--ink)}.pc-chat,.pc-context{position:absolute;top:.8rem;bottom:10rem;width:300px;z-index:20;border-radius:.9rem;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--border);box-shadow:0 14px 44px -22px #000000b3}.pc-chat{left:.8rem;animation:pc-slide-l .28s cubic-bezier(.22,1,.36,1)}.pc-context{right:.8rem;animation:pc-slide-r .28s cubic-bezier(.22,1,.36,1)}@keyframes pc-slide-l{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pc-slide-r{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.pc-chat-head,.pc-context-head{padding:.8rem .95rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.pc-chat-scroll,.pc-context-scroll{flex:1;overflow-y:auto}.pc-chat-scroll{padding:.95rem;display:flex;flex-direction:column;gap:.75rem}.pc-context-scroll{padding:.3rem 0}.pc-chat-scroll::-webkit-scrollbar,.pc-context-scroll::-webkit-scrollbar{width:5px}.pc-chat-scroll::-webkit-scrollbar-thumb,.pc-context-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.pc-msg{animation:pc-pop .35s cubic-bezier(.22,1,.36,1) backwards;max-width:95%;font-size:.84rem;line-height:1.5}.pc-msg-user{align-self:flex-end;background:var(--accent);color:#fff;border-radius:.85rem .85rem .25rem;padding:.55rem .75rem}.pc-msg-ai{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border);color:var(--ink-2);border-radius:.85rem .85rem .85rem .25rem;padding:.55rem .75rem}.pc-msg-previews{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.pc-msg-preview-btn{padding:0;background:none;border:none;border-radius:.45rem;cursor:pointer;transition:transform .14s,box-shadow .14s}.pc-msg-preview-btn:hover{transform:scale(1.06);box-shadow:0 0 0 2px var(--accent)}.pc-msg-preview{width:4.5rem;height:4.5rem;border-radius:.45rem;object-fit:cover;border:1px solid var(--border);display:block}.pc-msg-preview-wrap{position:relative}.pc-msg-reuse-btn{position:absolute;top:.2rem;right:.2rem;z-index:1;width:20px;height:20px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:#0c0c12bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .14s ease,background .14s ease}.pc-msg-preview-wrap:hover .pc-msg-reuse-btn{opacity:1}.pc-msg-reuse-btn:hover{background:#8b5cf6f2}.pc-history-btn{width:100%;text-align:left;border-radius:.5rem;transition:background .15s}.pc-history-btn:hover{background:var(--panel-2)}.pc-history-btn.is-active{background:var(--panel-2);outline:1px solid #8b5cf6}.pc-typing{display:inline-flex;gap:4px;align-items:center}.pc-typing i{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;animation:pc-bounce 1.2s infinite}.pc-typing i:nth-child(2){animation-delay:.15s}.pc-typing i:nth-child(3){animation-delay:.3s}@keyframes pc-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.pc-sec{border-bottom:1px solid var(--border);padding:.85rem .95rem}.pc-sec-title{display:flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.65rem}.pc-swatch-row{display:flex;gap:.4rem;flex-wrap:wrap}.pc-swatch{width:24px;height:24px;border-radius:.45rem;border:1px solid var(--border-2)}.pc-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.pc-asset{aspect-ratio:1;border-radius:.5rem;border:1px solid var(--border);display:grid;place-items:center;color:var(--faint);cursor:pointer;transition:border-color .14s}.pc-asset:hover{border-color:var(--accent);color:var(--ink)}.pc-mini-row{display:flex;align-items:center;gap:.55rem;padding:.35rem;border-radius:.5rem;cursor:pointer;transition:background .14s}.pc-mini-row:hover{background:var(--panel-2)}.pc-mini-thumb{width:28px;height:35px;border-radius:.35rem;flex-shrink:0}.pc-export-select{width:100%;padding:.5rem .6rem;border-radius:.55rem;border:1px solid var(--border-2);background:var(--panel-2);color:var(--ink);font-size:.82rem;outline:none}.pc-composer{position:absolute;left:50%;bottom:1.3rem;transform:translate(-50%);z-index:40;width:min(720px,calc(100% - 1.6rem));border-radius:1rem;padding:.85rem .85rem .7rem;background:var(--panel);border:1px solid var(--border-2);box-shadow:0 20px 50px -24px #000c}.pc-composer:focus-within{border-color:var(--accent)}.pc-input{width:100%;border:none;outline:none;resize:none;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:.98rem;line-height:1.5;padding:.4rem .45rem;max-height:150px;min-height:26px;overflow-y:auto}.pc-input::placeholder{color:var(--faint)}.pc-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding-top:.5rem;border-top:1px solid var(--border);margin-top:.35rem}.pc-composer-left{display:flex;align-items:center;gap:.4rem;min-width:0;flex:1}.pc-options-wrap{position:relative;min-width:0}.pc-options-pill{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;padding:.42rem .7rem;border-radius:999px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--ink-2);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .14s,border-color .14s,color .14s}.pc-options-pill:hover:not(:disabled),.pc-options-pill.is-open{background:var(--panel-3);border-color:#8b5cf666;color:var(--ink)}.pc-options-pill:disabled{opacity:.55;cursor:not-allowed}.pc-options-pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-options-chevron{color:var(--muted);flex-shrink:0;transition:transform .18s}.pc-options-chevron.is-flip{transform:rotate(180deg)}.pc-options-pop{position:absolute;left:0;bottom:calc(100% + .55rem);width:min(380px,calc(100vw - 2.5rem));max-height:min(70vh,calc(100vh - 6rem));overflow-y:auto;z-index:60;padding:.75rem;border-radius:1rem;background:var(--panel-2);border:1px solid var(--border-2);box-shadow:0 24px 60px -24px #000000eb;display:flex;flex-direction:column;gap:.65rem;animation:pc-pop .2s cubic-bezier(.22,1,.36,1) backwards}.pc-opt-section{display:flex;flex-direction:column;gap:.4rem}.pc-opt-label{font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:0 .15rem}.pc-opt-select{width:100%;padding:.48rem .6rem;border-radius:.55rem;border:1px solid var(--border-2);background:var(--panel);color:var(--ink);font-size:.82rem;font-weight:600;outline:none;cursor:pointer}.pc-opt-select:focus{border-color:#8b5cf673}.pc-opt-select option{background:var(--bg);color:var(--ink)}.pc-opt-hint{margin:.35rem 0 0;font-size:.7rem;line-height:1.45;color:var(--faint);padding:0 .15rem}.pc-opt-row{display:flex;flex-wrap:wrap;gap:.35rem}.pc-opt-pill{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.38rem .62rem;border-radius:.55rem;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.76rem;font-weight:600;cursor:pointer;transition:background .14s,color .14s,border-color .14s}.pc-opt-pill--wide{flex:1;min-width:calc(50% - .2rem)}.pc-opt-pill:hover{background:var(--panel-3);color:var(--ink-2)}.pc-opt-pill.is-active{background:var(--accent-soft);border-color:#8b5cf673;color:#ddd6fe}.pc-opt-tools{display:flex;flex-direction:column;gap:.5rem;padding:.55rem .6rem;border-radius:.65rem;background:var(--panel);border:1px solid var(--border)}.pc-options-foot{padding-top:.35rem;border-top:1px solid var(--border);text-align:center;font-size:.74rem;color:var(--muted)}.pc-options-foot strong{color:var(--ink-2);font-weight:700}.pc-aspect-icon{display:inline-block;border:1.5px solid currentColor;border-radius:2px;opacity:.85}.pc-aspect-icon--1-1{width:11px;height:11px}.pc-aspect-icon--2-3{width:8px;height:12px}.pc-aspect-icon--4-5{width:9px;height:11px}.pc-aspect-icon--9-16{width:7px;height:12px}.pc-aspect-icon--16-9{width:12px;height:7px}.pc-ctl--icon{padding:.42rem!important}.pc-tool-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pc-tool-title{font-size:.8rem;font-weight:600;color:var(--ink)}.pc-tool-sub{font-size:.7rem;color:var(--faint);margin-top:.12rem}.pc-toggle{position:relative;width:38px;height:22px;flex-shrink:0;border-radius:999px;border:1px solid var(--border);background:var(--panel-3);cursor:pointer;transition:background .16s}.pc-toggle.is-on{background:var(--accent);border-color:var(--accent)}.pc-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s}.pc-toggle.is-on .pc-toggle-knob{transform:translate(16px)}.pc-composer.is-drag{border-color:var(--accent);background:var(--panel-2)}.pc-ctl{display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .65rem;border-radius:.55rem;border:1px solid var(--border);background:var(--panel-2);color:var(--ink);font-size:.77rem;font-weight:600;cursor:pointer;position:relative;transition:background .14s}.pc-ctl:hover{background:var(--panel-3)}.pc-ctl-icon{color:var(--muted);display:inline-flex}.pc-seg{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:.55rem;padding:.16rem;gap:.1rem}.pc-seg button{border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.73rem;font-weight:700;padding:.3rem .55rem;border-radius:.4rem;cursor:pointer;transition:background .14s,color .14s}.pc-seg button.is-active{background:var(--accent);color:#fff}.pc-pop{position:absolute;bottom:calc(100% + .5rem);left:0;min-width:180px;z-index:50;border-radius:.7rem;padding:.35rem;background:var(--panel-2);border:1px solid var(--border-2);box-shadow:0 14px 40px -18px #000c;animation:pc-pop .18s ease backwards}.pc-pop button{width:100%;text-align:left;border:none;background:transparent;color:var(--ink);font-size:.82rem;font-weight:500;padding:.45rem .6rem;border-radius:.45rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background .12s}.pc-pop button:hover{background:var(--panel-3)}.pc-pop button.is-active{color:#c4b2f5}.pc-generate{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:.6rem;font-family:var(--font-display);font-weight:600;font-size:.86rem}.pc-generate:hover:not(:disabled){filter:brightness(1.08)}.pc-generate:disabled{opacity:.45;cursor:not-allowed}.pc-zoom-bar{position:sticky;bottom:.75rem;align-self:flex-end;margin:-2.5rem 1rem .75rem;z-index:35;display:flex;align-items:center;gap:.45rem;pointer-events:none}.pc-zoom-bar>*{pointer-events:auto}.pc-zoom-sync{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:.5rem;color:var(--muted);background:#14151be0;border:1px solid var(--border)}.pc-zoom-wrap{position:relative}.pc-zoom-pill{min-width:52px;padding:.38rem .7rem;border-radius:999px;border:1px solid var(--border-2);background:#14151beb;color:var(--ink);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .14s,border-color .14s}.pc-zoom-pill:hover{background:var(--panel-2);border-color:var(--accent)}.pc-zoom-menu{position:absolute;right:0;bottom:calc(100% + .45rem);width:220px;padding:.35rem;border-radius:.75rem;background:var(--panel-2);border:1px solid var(--border-2);box-shadow:0 18px 50px -18px #000000e6;animation:pc-pop .16s ease backwards}.pc-zoom-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;border:none;border-radius:.45rem;background:transparent;color:var(--ink-2);font-size:.8rem;font-weight:500;cursor:pointer;text-align:left}.pc-zoom-menu button:hover{background:var(--panel-3);color:var(--ink)}.pc-zoom-menu kbd{font-size:.68rem;color:var(--faint);font-family:var(--font-body)}.pc-zoom-menu-sep{height:1px;background:var(--border);margin:.3rem .2rem}.pc-zoom-slider-row{padding:.35rem .55rem .5rem}.pc-zoom-slider-row input[type=range]{width:100%;accent-color:var(--accent)}.pc-modelbadge{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;border-radius:.55rem;border:1px solid var(--border);background:var(--panel-2);color:var(--ink-2);font-size:.77rem;font-weight:600}.pc-ref-row{display:flex;gap:.5rem;flex-wrap:wrap;padding:0 .2rem .55rem}.pc-ref-chip{position:relative;display:flex;align-items:center;gap:.45rem;padding:.28rem .5rem .28rem .3rem;border-radius:.6rem;background:var(--panel-2);border:1px solid var(--border);font-size:.73rem;color:var(--ink-2);max-width:168px}.pc-ref-thumb{width:30px;height:30px;border-radius:.4rem;object-fit:cover;flex-shrink:0;background:var(--panel-3)}.pc-ref-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-ref-x{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:none;background:var(--panel-3);color:var(--muted);cursor:pointer;flex-shrink:0;transition:background .14s,color .14s}.pc-ref-x:hover{color:#f4787b;background:#f4787b26}@keyframes pc-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.pc-toast{position:absolute;top:4.5rem;left:50%;transform:translate(-50%);z-index:70;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:.7rem;background:var(--panel-2);border:1px solid rgba(244,120,123,.35);color:#f4787b;font-size:.84rem;font-weight:600;box-shadow:0 16px 44px -18px #000000d9;animation:pc-toast-in .2s cubic-bezier(.22,1,.36,1)}.pc-menu-wrap{position:relative}@keyframes pc-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pc-menu{position:absolute;right:0;top:calc(100% + 8px);width:252px;z-index:60;border-radius:.85rem;padding:.4rem;background:var(--panel-2);border:1px solid var(--border-2);box-shadow:0 18px 50px -16px #000000d9,0 0 0 1px #ffffff05;transform-origin:top right;animation:pc-menu-in .16s cubic-bezier(.22,1,.36,1)}.pc-menu-head{display:flex;align-items:center;gap:.65rem;padding:.65rem .6rem .7rem}.pc-menu-name{font-weight:600;font-size:.88rem;color:var(--ink);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-menu-email{font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-menu-sep{height:1px;background:var(--border);margin:.3rem .2rem;border:none}.pc-menu-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .6rem;border-radius:.55rem;border:none;background:transparent;color:var(--ink-2);font-size:.86rem;font-weight:500;cursor:pointer;text-align:left;transition:background .13s,color .13s}.pc-menu-item:hover,.pc-menu-item:focus-visible{background:var(--panel-3);color:var(--ink);outline:none}.pc-menu-item .soon{margin-left:auto;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.pc-menu-item:disabled{cursor:default;color:var(--faint)}.pc-menu-item:disabled:hover{background:transparent;color:var(--faint)}.pc-menu-item.danger{color:#f4787b}.pc-menu-item.danger:hover,.pc-menu-item.danger:focus-visible{background:#f4787b1f;color:#ff9092}.pc-composer-alert{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.55rem;padding:.5rem .65rem;border-radius:.55rem;background:#f4787b1a;border:1px solid rgba(244,120,123,.28);color:#f4787b;font-size:.78rem;font-weight:500}.pc-composer-retry{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:.45rem;border:1px solid rgba(244,120,123,.35);background:transparent;color:#f4787b;font-size:.72rem;font-weight:600;cursor:pointer}.pc-composer-retry:hover:not(:disabled){background:#f4787b1f}.pc-gen-error{position:relative;z-index:2;max-width:26rem;text-align:center;padding:2rem 1.5rem;border-radius:1rem;border:1px solid rgba(244,120,123,.3);background:var(--panel);animation:pc-pop .4s cubic-bezier(.22,1,.36,1) backwards}.pc-gen-error-icon{color:#f4787b;margin-bottom:.75rem}.pc-gen-error-title{font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}.pc-gen-error-msg{font-size:.84rem;color:var(--muted);line-height:1.5;margin-bottom:1.1rem}.pc-gen-error-retry{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:.6rem;border:none;background:var(--grad);color:#fff;font-size:.84rem;font-weight:600;cursor:pointer}.pc-gen-error-retry:disabled{opacity:.55;cursor:not-allowed}.pc-design-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:var(--panel-2);color:var(--muted);font-size:.72rem;font-weight:500}.pc-var-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:.75rem;overflow:hidden}.pc-var-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#08080cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.pc-var-panel{position:relative;z-index:1;width:min(760px,100%);height:min(94vh,920px);max-height:min(94vh,920px);overflow:hidden;border-radius:1rem;border:1px solid var(--border-2);background:var(--panel);box-shadow:0 24px 64px -24px #000000e6;animation:pc-pop .28s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.pc-var-panel--touch{display:flex;flex-direction:column}.pc-var-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.pc-var-title{margin:0;font-size:.92rem;font-weight:700}.pc-var-head-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.pc-var-scroll{flex:1;min-height:0;overflow-y:auto}.pc-var-body-flex{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pc-var-hero-wrap{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;gap:.5rem;padding:.75rem 1rem .5rem}.pc-var-hero-wrap .pc-var-nav{align-self:center}.pc-var-hero-stage{flex:1;min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center}.pc-var-hero{border-radius:.75rem;object-fit:cover;border:1px solid var(--border)}.pc-var-nav{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);color:var(--ink);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.pc-var-nav:hover{border-color:var(--border-2);filter:brightness(1.15)}.pc-var-count{margin:0 0 .85rem;text-align:center;font-size:.7rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.pc-var-fullsize{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(1rem,4vw,3rem);overflow:hidden;animation:pc-fade-in .18s ease-out}.pc-var-fullsize-img{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;width:auto;height:auto;min-width:0;min-height:0;flex-shrink:1;object-fit:contain;border-radius:.5rem;box-shadow:0 24px 64px -20px #000000d9;animation:pc-pop .22s cubic-bezier(.22,1,.36,1)}.pc-var-fullsize-close{position:fixed;z-index:2;top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);background:var(--panel);border:1px solid var(--border-2)}@keyframes pc-fade-in{0%{opacity:0}to{opacity:1}}.pc-region-editor{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.pc-region-tools{display:flex;gap:.35rem;width:100%;padding:0 0 .55rem;flex-shrink:0}.pc-region-tool{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid var(--border-2);border-radius:999px;background:#ffffff0a;color:var(--muted);font-size:.68rem;font-weight:700;cursor:pointer}.pc-region-tool.is-active{border-color:#75e6d473;background:#75e6d41a;color:var(--ink)}.pc-region-stage{display:flex;justify-content:center;width:100%}.pc-region-brush-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.pc-composer--inline{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:100%;margin:0;border-radius:0;border:none;border-top:1px solid var(--border);box-shadow:none;padding:.85rem 1rem 1rem;flex-shrink:0;background:var(--panel)}.pc-composer--inline:focus-within{border-color:var(--border)}.pc-touch-composer{margin-top:.65rem;align-self:stretch}.pc-touch-composer-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.35rem}.pc-touch-hint{margin:0;font-size:.72rem;color:var(--muted);line-height:1.4}.pc-touch-clear{flex-shrink:0;border:none;background:transparent;color:#a78bfa;font-size:.68rem;font-weight:600;cursor:pointer;padding:.15rem .35rem}.pc-touch-clear:hover:not(:disabled){text-decoration:underline}.pc-touch-clear:disabled{opacity:.45;cursor:not-allowed}.pc-options-pill-icon{color:#a78bfa;flex-shrink:0}.pc-composer-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.pc-touch-mode-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .7rem;border-radius:999px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--ink-2);font-size:.76rem;font-weight:600;white-space:nowrap}.pc-touch-mode-badge.is-region{border-color:#8b5cf673;background:#8b5cf61f;color:#ddd6fe}.pc-touch-btn-group{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem;border-radius:.65rem;border:1px solid var(--border-2);background:var(--panel-2)}.pc-touch-btn{display:inline-flex;align-items:center;gap:.38rem;padding:.48rem .82rem;border-radius:.5rem;border:1px solid var(--border);background:var(--panel);color:var(--ink);font-family:var(--font-display);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .14s,background .14s,transform .12s}.pc-touch-btn:hover:not(:disabled){border-color:#8b5cf680;background:var(--panel-3);transform:translateY(-1px)}.pc-touch-btn:active:not(:disabled){transform:translateY(0)}.pc-touch-btn:disabled{opacity:.45;cursor:not-allowed}.pc-ctl--subtle{border-color:transparent;background:transparent;color:var(--muted);font-size:.74rem;white-space:nowrap}.pc-ctl--subtle:hover:not(:disabled){background:var(--panel-3);color:var(--ink)}.pc-btn-ghost{padding:.5rem .85rem;border-radius:.55rem;border:1px solid var(--border);background:transparent;color:var(--ink-2);font-size:.82rem;font-weight:600;cursor:pointer}.pc-btn-grad{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:.55rem;border:none;background:var(--grad);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer}.pc-btn-grad:disabled{opacity:.5;cursor:not-allowed}.pc-export-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:140px;padding:.35rem;background:var(--panel);border:1px solid var(--border);border-radius:.65rem;box-shadow:0 8px 24px #0000002e}.pc-export-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.45rem .65rem;border-radius:.45rem;background:none;border:none;color:var(--ink);font-size:.82rem;font-weight:600;cursor:pointer;gap:.5rem}.pc-export-item:hover{background:var(--panel-2)}.pc-export-hint{font-size:.72rem;font-weight:400;color:var(--muted)}.pc-quick-edit{padding:0 1rem 1rem;border-top:1px solid var(--border)}.pc-quick-label{font-size:.72rem;font-weight:600;color:var(--muted);margin:.85rem 0 .55rem}.pc-quick-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem}.pc-quick-input{flex:1;min-width:0;padding:.4rem .55rem;border-radius:.5rem;border:1px solid var(--border);background:var(--panel-2);color:var(--ink);font-size:.78rem}.pc-quick-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.pc-quick-chip{padding:.3rem .55rem;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--ink-2);font-size:.68rem;font-weight:600;cursor:pointer}.pc-quick-chip:hover:not(:disabled){border-color:#8b5cf6;color:var(--ink)}.pc-quick-chip:disabled{opacity:.45;cursor:not-allowed}.pc-quick-colors{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.65rem}.pc-quick-swatch-row{display:flex;gap:.35rem;flex-wrap:wrap}.pc-quick-swatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0}.pc-quick-swatch:hover:not(:disabled){transform:scale(1.08)}.pc-quick-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.pc-generate--stop{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 0 0 1px #ef444459,0 8px 24px -8px #ef44448c}.pc-gen-active{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.pc-stop-fab{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;border-radius:999px;border:none;cursor:pointer;z-index:3;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.86rem;font-weight:700;box-shadow:0 12px 32px -12px #ef4444b3;animation:pc-pop .3s cubic-bezier(.22,1,.36,1)}.pc-stop-fab:hover{filter:brightness(1.06)}.pc-region-wrap{position:relative}.pc-region-canvas{position:relative;border-radius:.75rem;overflow:hidden}.pc-region-canvas.is-editing{cursor:crosshair}.pc-region-canvas.is-editing .pc-var-hero{pointer-events:none;-webkit-user-select:none;user-select:none}.pc-region-pencil{position:absolute;top:.55rem;right:.55rem;z-index:2;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:#0f0f14b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000059}.pc-region-pencil:hover{background:#8b5cf6eb}.pc-region-box{position:absolute;pointer-events:none;z-index:1;border:2px dashed #a78bfa;background:#8b5cf638;box-shadow:inset 0 0 0 1px #ffffff26;animation:pc-region-pulse 1.6s ease-in-out infinite}.pc-region-tag{position:absolute;top:-1.55rem;left:0;display:inline-flex;align-items:center;gap:.2rem;font-size:.62rem;font-weight:600;letter-spacing:.02em;color:#f5f3ff;background:#6d28d9eb;padding:.15rem .45rem;border-radius:999px;box-shadow:0 4px 12px #00000040}.pc-region-processing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:#08080c9e;color:#fff;font-size:.78rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes pc-region-pulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff26,0 0 #a78bfa59}50%{box-shadow:inset 0 0 0 1px #fff3,0 0 0 4px #a78bfa2e}}.pc-var-sub{font-size:.68rem;color:var(--muted);margin-top:.15rem}.pc-compare-bar{display:inline-flex;gap:.25rem;padding:.2rem;background:#ffffff0a;border:1px solid var(--border);border-radius:999px;margin:0 1rem .65rem}.pc-compare-btn{border:none;background:transparent;color:var(--muted);font-size:.68rem;font-weight:600;padding:.28rem .7rem;border-radius:999px;cursor:pointer}.pc-compare-btn.is-active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.pc-region-bar{display:none}.pc-ref-previews{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.pc-ref-thumb-wrap{position:relative;flex-shrink:0}.pc-ref-thumb{width:44px;height:44px;object-fit:cover;border-radius:.4rem;border:1px solid var(--border);display:block}.pc-ref-remove{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.pc-ref-remove:hover{background:#ef4444}.pc-magic-panel{position:relative;z-index:2;width:min(1040px,calc(100vw - 1.5rem));max-height:min(94vh,920px);display:flex;flex-direction:column;overflow:hidden;border-radius:1.1rem;border:1px solid var(--border);background:linear-gradient(180deg,#171820,#101116);box-shadow:0 30px 90px -36px #000000e6;animation:pc-pop .24s cubic-bezier(.22,1,.36,1)}.pc-magic-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.pc-magic-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pc-magic-touch-wrap{display:flex;flex-direction:column;min-height:min(100%,100%);padding:0 0 .5rem}.pc-magic-touch-copy{flex-shrink:0;padding:.65rem 1rem 0;margin-bottom:.35rem}.pc-magic-touch-wrap .pc-region-editor{width:100%;padding:0 1rem}.pc-magic-touch-wrap .pc-region-stage{overflow:auto;max-height:min(48vh,520px)}.pc-magic-touch-wrap .pc-touch-composer{flex-shrink:0;margin-top:.5rem;border-top:1px solid var(--border)}.pc-magic-kicker{margin:0 0 .12rem;color:#75e6d4;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pc-magic-title{margin:0;font-size:1.05rem;font-weight:800}.pc-magic-tabs{display:inline-flex;gap:.25rem;margin-top:.55rem;padding:.18rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08}.pc-magic-tab{border:none;background:transparent;color:var(--muted);font-size:.68rem;font-weight:700;padding:.28rem .72rem;border-radius:999px;cursor:pointer}.pc-magic-tab.is-active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.pc-magic-touch-wrap{padding:0}.pc-magic-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;padding:1rem}.pc-magic-stage-wrap{display:flex;min-width:0;flex-direction:column;align-items:center;gap:.7rem}.pc-magic-instruction{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink-2);font-size:.78rem;font-weight:600}.pc-magic-stage{position:relative;overflow:hidden;border-radius:.85rem;border:1px solid var(--border-2);background:#07080b;box-shadow:0 24px 60px -30px #000000f2;cursor:crosshair;-webkit-user-select:none;user-select:none}.pc-magic-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.pc-magic-selection{position:absolute;z-index:4;border:1.5px solid #75e6d4;background:#75e6d421;box-shadow:0 0 0 999px #0000002e;pointer-events:none}.pc-magic-text-layer{position:absolute;z-index:3;display:block;padding:.12rem .18rem;border:1px dashed rgba(255,255,255,.36);background:#05070b1f;cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}.pc-magic-text-layer.is-active{border-color:#75e6d4;box-shadow:0 0 0 1px #75e6d461}.pc-magic-busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;gap:.4rem;align-content:center;background:#050609b8;color:var(--ink);font-size:.84rem;font-weight:700}.pc-magic-tools{display:flex;min-width:0;flex-direction:column;gap:.8rem}.pc-magic-tool-card{padding:.85rem;border:1px solid var(--border);border-radius:.8rem;background:#ffffff09}.pc-magic-tool-title{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem;color:var(--ink);font-family:var(--font-display);font-size:.88rem;font-weight:800}.pc-magic-copy{margin:0 0 .75rem;color:var(--muted);font-size:.78rem;line-height:1.5}.pc-magic-form{display:flex;flex-direction:column;gap:.65rem}.pc-magic-form label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pc-magic-form input,.pc-magic-form textarea,.pc-magic-form select{width:100%;border:1px solid var(--border-2);border-radius:.55rem;background:#0000003d;color:var(--ink);padding:.5rem .55rem;font-size:.82rem;outline:none}.pc-magic-form textarea{min-height:5rem;resize:vertical;line-height:1.45}.pc-magic-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.pc-magic-error{margin:0;padding:.65rem .75rem;border:1px solid rgba(248,113,113,.28);border-radius:.7rem;background:#f8717117;color:#fecaca;font-size:.78rem}.pc-magic-actions{display:flex;justify-content:flex-end;gap:.55rem}.pc-magic-warn{margin:-.35rem 0 .75rem;padding:.55rem .65rem;border:1px solid rgba(251,191,36,.22);border-radius:.55rem;background:#fbbf2414;color:#fde68a;font-size:.72rem;line-height:1.45}.pc-magic-image-layer{position:absolute;z-index:2;object-fit:contain;pointer-events:auto;border:1px dashed rgba(255,255,255,.28)}.pc-magic-image-layer.is-active{border-color:#75e6d4;box-shadow:0 0 0 1px #75e6d461}.pc-magic-layer-panel{padding:.85rem;border:1px solid var(--border);border-radius:.8rem;background:#ffffff08}.pc-magic-layer-title{margin:0 0 .55rem;color:var(--ink);font-family:var(--font-display);font-size:.82rem;font-weight:800}.pc-magic-layer-empty{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.pc-magic-layer-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.pc-magic-layer-row{display:grid;grid-template-columns:1fr auto;gap:.35rem .45rem;padding:.45rem .5rem;border:1px solid transparent;border-radius:.55rem;background:#0000002e}.pc-magic-layer-row.is-active{border-color:#75e6d459;background:#75e6d40f}.pc-magic-layer-select{display:flex;align-items:center;gap:.4rem;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);font-size:.78rem;font-weight:600;text-align:left;cursor:pointer}.pc-magic-layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-magic-layer-dot{width:.55rem;height:.55rem;border-radius:999px;background:#75e6d4;flex-shrink:0}.pc-magic-layer-actions{display:flex;align-items:center;gap:.15rem}.pc-magic-layer-icon{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--border-2);border-radius:.35rem;background:#ffffff0a;color:var(--muted);cursor:pointer}.pc-magic-layer-icon:hover{color:var(--ink);border-color:#75e6d459}.pc-magic-layer-rename{grid-column:1 / -1;width:100%;border:1px solid var(--border-2);border-radius:.45rem;background:#00000038;color:var(--ink);padding:.35rem .45rem;font-size:.76rem}.pc-magic-brand-block{margin-bottom:.65rem}.pc-magic-brand-label{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pc-magic-brand-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.pc-magic-brand-swatch{width:1.65rem;height:1.65rem;border:2px solid rgba(255,255,255,.22);border-radius:.4rem;cursor:pointer}.pc-magic-brand-swatch:disabled{opacity:.45;cursor:not-allowed}.pc-magic-brand-fonts{display:flex;flex-direction:column;gap:.35rem}.pc-magic-brand-font-btn{justify-content:flex-start}@media(max-width:900px){.pc-magic-body{grid-template-columns:1fr}.pc-magic-tools{width:100%}}@media(max-width:480px){.pc-options-pop{width:calc(100vw - 1.6rem)}}@media(max-width:1180px){.pc-context{left:0;right:0;width:auto}}@media(max-width:880px){.pc-chat{left:0;right:0;width:auto}}@media(max-width:880px){.pc-chat,.pc-context{top:auto;bottom:0;height:min(86vh,calc(100% - 3rem));border-radius:1.1rem 1.1rem 0 0;box-shadow:0 -24px 60px -18px #000000a6;animation:pc-sheet-up .32s cubic-bezier(.22,1,.36,1)}.pc-chat:before,.pc-context:before{content:"";flex-shrink:0;width:36px;height:4px;margin:.65rem auto .15rem;border-radius:999px;background:var(--border-2)}}@keyframes pc-sheet-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pc-card,.pc-msg,.pc-empty,.pc-shimmer,.pc-chat,.pc-context,.pc-sidebar,.pc-pop{animation:none!important}}