.pp-root{--pp-ink: #f4f0e8;--pp-muted: #b8ae9f;--pp-border: rgba(255, 255, 255, .1);--pp-surface: rgba(17, 21, 30, .72);--pp-surface-strong: rgba(18, 24, 36, .92);--pp-glass: rgba(255, 255, 255, .04);--pp-copper: #ff9f66;--pp-teal: #13d6c1;--pp-indigo: #6f83d7;--pp-gold: #ffd5a0;min-height:100vh;color:var(--pp-ink);font-family:Sora,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(1400px 600px at 8% -8%,rgba(255,159,102,.14),transparent 55%),radial-gradient(1100px 500px at 95% 0%,rgba(19,214,193,.1),transparent 50%),radial-gradient(800px 800px at 50% 60%,rgba(111,131,215,.06),transparent 50%),linear-gradient(180deg,#06080e,#080b13 35%,#0a0d15 65%,#06080e);position:relative;overflow-x:clip}.pp-atmosphere{pointer-events:none;position:fixed;inset:0;z-index:0}.pp-orb{position:absolute;border-radius:999px;filter:blur(50px);opacity:.35;animation:pp-float 18s ease-in-out infinite}.pp-orb-a{width:500px;height:500px;background:#ff905438;top:-140px;left:-140px}.pp-orb-b{width:440px;height:440px;background:#0fd4c429;top:14%;right:-120px;animation-delay:3s}.pp-orb-c{width:360px;height:360px;background:#6f83d724;bottom:-140px;left:42%;animation-delay:6s}.pp-grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 20%,black,transparent 80%);mask-image:radial-gradient(ellipse 70% 50% at 50% 20%,black,transparent 80%)}.pp-nav-wrap{position:sticky;top:0;z-index:12;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#05070c99;border-bottom:1px solid rgba(255,255,255,.06)}.pp-nav{width:min(1200px,calc(100% - 40px));margin:0 auto;min-height:72px;display:flex;gap:14px;align-items:center;justify-content:space-between}.pp-brand{display:inline-flex;align-items:center;gap:10px;color:var(--pp-ink);text-decoration:none;font-weight:700;letter-spacing:.02em}.pp-brand img{width:34px;height:34px;border-radius:8px}.pp-nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.pp-nav-link{color:var(--pp-muted);text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid transparent;transition:color .2s ease,border-color .2s ease,background .2s ease}.pp-nav-link:hover,.pp-nav-link.is-active{color:var(--pp-ink);border-color:#ffffff24;background:#ffffff0d}.pp-nav-cta{text-decoration:none;color:#0b1018;background:linear-gradient(120deg,var(--pp-copper),#ffba7a);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:10px 18px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}.pp-nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff9f664d}.pp-breadcrumbs{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:6px 0 8px;display:flex;align-items:center;gap:6px;font-size:.72rem;letter-spacing:.04em}.pp-breadcrumb-link{color:var(--pp-muted);text-decoration:none;transition:color .2s ease}.pp-breadcrumb-link:hover{color:var(--pp-ink)}.pp-breadcrumb-sep{color:#fff3}.pp-main{position:relative;z-index:1;width:min(1200px,calc(100% - 40px));margin:0 auto;padding:40px 0 64px}.pp-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:clamp(28px,6vw,56px);background:linear-gradient(160deg,var(--pp-surface-strong),rgba(17,23,35,.65));box-shadow:0 24px 64px #0006,0 0 0 1px #ffffff0a inset;animation:pp-enter .8s ease both}.pp-hero-art{position:absolute;inset:0;background:linear-gradient(140deg,#ff945638,#13d6c129);opacity:.8}.pp-hero-noise{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px;pointer-events:none}.pp-hero-content{position:relative;z-index:1;max-width:800px;display:grid;gap:16px}.pp-eyebrow{margin:0;color:var(--pp-teal);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.pp-hero-title{margin:0;font-family:Fraunces,Avenir Next,serif;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02;letter-spacing:-.025em;background:linear-gradient(130deg,var(--pp-ink) 30%,var(--pp-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-hero-subtitle{margin:0;color:var(--pp-muted);line-height:1.65;max-width:65ch;font-size:1.05rem}.pp-render-grid{margin-top:28px;display:grid;gap:20px}.pp-module-card,.pp-cta-card{border:1px solid var(--pp-border);border-radius:22px;background:var(--pp-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:clamp(20px,3.5vw,32px);animation:pp-enter .6s ease both;transition:border-color .3s ease}.pp-module-card:hover{border-color:#ffffff29}.pp-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pp-section-accent{width:3px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--pp-copper),var(--pp-teal));flex-shrink:0}.pp-section-header h2{margin:0;font-size:1.1rem;letter-spacing:.01em;font-weight:700}.pp-section-count{margin-left:auto;color:var(--pp-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.pp-module-card p,.pp-cta-card p{margin:0;color:var(--pp-muted);line-height:1.6}.pp-identity-strip{display:flex;align-items:center;gap:16px;padding:0;animation:pp-enter .5s ease both}.pp-identity-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.pp-identity-text{margin:0;color:var(--pp-muted);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;white-space:nowrap}.pp-brief-text{font-size:1.02rem;line-height:1.7;color:var(--pp-ink)!important;opacity:.92}.pp-list{margin:14px 0 0;padding-left:0;list-style:none;color:var(--pp-muted);display:grid;gap:8px}.pp-fit-list li{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.pp-fit-check{color:var(--pp-teal);font-weight:700;flex-shrink:0;margin-top:2px}.pp-cue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.pp-cue-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#080b12b3;padding:16px;display:grid;gap:10px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:pp-enter .5s ease both}.pp-cue-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 40px #0006,0 0 20px #ff9f660f;border-color:#ff9f6640}.pp-cue-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pp-cue-card h3{margin:0;font-size:1rem;font-weight:600}.pp-cue-duration{font-size:.78rem;color:var(--pp-copper);font-weight:600;font-variant-numeric:tabular-nums}.pp-cue-note{margin:0;font-size:.84rem;color:var(--pp-muted);line-height:1.5}.pp-cue-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#d5cdc1}.pp-cue-mood{color:var(--pp-teal);font-weight:600}.pp-cue-fit{color:var(--pp-copper);font-weight:600}.pp-chip-row{display:flex;flex-wrap:wrap;gap:6px}.pp-chip{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 11px;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:#f8f3e9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pp-chip-light{color:#d8cfbe;border-color:#ffffff1a;background:#ffffff08}.pp-fit-meter{width:100%;height:4px;border-radius:999px;background:#ffffff0f;overflow:hidden}.pp-fit-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pp-copper),var(--pp-teal));transition:width .6s ease}.pp-spotlight{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;display:grid;gap:12px;background:#ffffff05}.pp-wave{height:72px;border-radius:12px;background:linear-gradient(90deg,#ff9f6666,#13d6c173),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 2px,transparent 2px,transparent 10px);animation:pp-pulse 6s ease-in-out infinite;position:relative}.pp-wave:before{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;animation:pp-play-pulse 2.6s ease-in-out infinite}@keyframes pp-play-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}.pp-credit-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.pp-credit-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;background:#090c14b3;display:grid;gap:6px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:pp-enter .55s ease both}.pp-credit-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000004d;border-color:#ff9f6633}.pp-credit-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#ff9f6633,#13d6c126);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;color:var(--pp-copper)}.pp-credit-card h3{margin:0;font-size:.95rem;font-weight:600}.pp-credit-role{margin:0;font-size:.76rem;color:var(--pp-muted)}.pp-credit-network{margin:0;font-size:.72rem;color:var(--pp-muted);opacity:.8}.pp-poster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.pp-poster-card{aspect-ratio:2 / 3;border-radius:14px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 10px 30px #00000059;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;animation:pp-enter .55s ease both}.pp-poster-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pp-poster-overlay{position:relative;z-index:1;padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;min-height:50%}.pp-poster-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px #00000080,0 0 30px #ff9f6614}.pp-poster-overlay h3{margin:0;font-size:.9rem;font-weight:600}.pp-poster-overlay p,.pp-poster-overlay small{margin:0;font-size:.7rem;opacity:.85}.pp-disco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.pp-disco-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#090c14a6;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:pp-enter .55s ease both}.pp-disco-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0006;border-color:#13d6c133}.pp-disco-cover{aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#ff9f661f,#13d6c11a)}.pp-disco-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.pp-disco-card:hover .pp-disco-cover img{transform:scale(1.05)}.pp-disco-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pp-disco-cover-placeholder span{font-size:2.4rem;font-weight:700;color:var(--pp-muted);opacity:.4}.pp-disco-info{padding:14px;display:grid;gap:4px}.pp-disco-info h3{margin:0;font-size:.95rem;font-weight:600}.pp-disco-artist{margin:0;font-size:.82rem;color:var(--pp-copper)}.pp-disco-meta{margin:0;display:flex;gap:8px;font-size:.72rem;color:var(--pp-muted);text-transform:uppercase;letter-spacing:.04em}.pp-affil-grid{display:grid;gap:10px}.pp-affil-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#090c1499;padding:14px 16px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:pp-enter .5s ease both}.pp-affil-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040;border-color:#ffffff24}.pp-affil-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#13d6c12e,#6f83d726);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;color:var(--pp-teal);flex-shrink:0}.pp-affil-info{flex:1;min-width:0}.pp-affil-info h3{margin:0;font-size:.92rem;font-weight:600}.pp-affil-role{margin:0;font-size:.76rem;color:var(--pp-muted)}.pp-affil-status{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:3px 8px;border-radius:999px;flex-shrink:0}.pp-affil-status-active{color:var(--pp-teal);background:#13d6c11f;border:1px solid rgba(19,214,193,.2)}.pp-affil-status-past{color:var(--pp-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.pp-affil-link{font-size:.72rem;color:var(--pp-copper);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-weight:600;flex-shrink:0;transition:color .2s ease}.pp-affil-link:hover{color:var(--pp-gold)}.pp-testimonial-wrap{position:relative;padding:8px 0 0 28px}.pp-quote-mark{position:absolute;top:-8px;left:0;font-size:3.5rem;line-height:1;color:var(--pp-copper);opacity:.3;font-family:Fraunces,serif}.pp-testimonial-wrap blockquote{margin:0;font-size:1.05rem;line-height:1.6;color:var(--pp-ink);font-style:italic;opacity:.9}.pp-testimonial-attr{margin-top:10px;font-size:.78rem;color:var(--pp-muted);font-style:normal}.pp-cta-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(150deg,#0c1018eb,#171d2ecc);border:1px solid rgba(255,159,102,.12);position:relative;overflow:hidden}.pp-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,159,102,.4),transparent)}.pp-cta-content h2{margin:0 0 6px;font-size:1.15rem}.pp-cta-actions{display:flex;flex-wrap:wrap;gap:10px}.pp-cta-licensing{margin-top:16px;padding-top:14px;border-top:1px solid var(--pp-border);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pp-cta-licensing p{font-size:.85rem;color:var(--pp-muted);margin:0}.pp-cta-licensing strong{color:var(--pp-ink)}.pp-btn{text-decoration:none;border-radius:999px;padding:11px 20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:transform .2s ease,box-shadow .2s ease}.pp-btn:hover{transform:translateY(-1px)}.pp-btn-primary{color:#091118;background:linear-gradient(120deg,var(--pp-copper),#ffc086);box-shadow:0 4px 16px #ff9f6633}.pp-btn-primary:hover{box-shadow:0 8px 28px #ff9f6659}.pp-btn-secondary{color:var(--pp-ink);border:1px solid rgba(255,255,255,.16);background:#ffffff0a}.pp-btn-secondary:hover{background:#ffffff14}.pp-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pp-link-card{border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:12px 14px;color:var(--pp-ink);text-decoration:none;background:#ffffff05;font-size:.86rem;display:flex;align-items:center;gap:8px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.pp-link-card:hover{background:#ffffff0f;border-color:#ff9f6640;transform:translateY(-2px)}.pp-link-arrow{color:var(--pp-copper);font-weight:700;transition:transform .2s ease}.pp-link-card:hover .pp-link-arrow{transform:translate(3px)}.pp-stat-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pp-stat-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;background:#070a10b3}.pp-stat-card strong{display:block;font-size:1.1rem}.pp-platform-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pp-platform-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;background:#0a0d15ad;display:grid;gap:8px;animation:pp-enter .62s ease both}.pp-platform-card h3{margin:0;font-size:.98rem}.pp-platform-card p{margin:0;color:var(--pp-muted);font-size:.85rem}.pp-platform-card a{margin-top:4px;color:var(--pp-gold);text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.pp-section-title{margin:24px 0 12px;font-family:Fraunces,Avenir Next,serif;font-size:clamp(1.4rem,3vw,2.2rem)}.pp-bento-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pp-bento-card{border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;background:var(--pp-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;gap:10px;animation:pp-enter .6s ease both;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.pp-bento-card:hover{border-color:#ff9f6633;transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.pp-bento-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff9f6633,#13d6c126);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.92rem;color:var(--pp-copper)}.pp-bento-card h3{margin:0;font-size:1.1rem;font-weight:700}.pp-bento-card p{margin:0;color:var(--pp-muted);line-height:1.6;font-size:.9rem}.pp-bento-link{display:inline-flex;align-items:center;gap:6px;color:var(--pp-gold);text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:4px;transition:color .2s ease}.pp-bento-link:hover{color:var(--pp-copper)}.pp-steps-row{margin-top:18px;display:flex;align-items:stretch;gap:0}.pp-step-card{flex:1;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;background:var(--pp-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;gap:8px;align-content:start;animation:pp-enter .6s ease both}.pp-step-number{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--pp-copper)}.pp-step-card h3{margin:0;font-size:1.05rem;font-weight:700}.pp-step-card p{margin:0;color:var(--pp-muted);font-size:.88rem;line-height:1.55}.pp-step-connector{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.pp-step-connector:after{content:"";width:100%;height:1px;background:linear-gradient(90deg,#ff9f664d,#13d6c14d)}.pp-trust-section h2{margin:0 0 8px;font-size:1.2rem;font-weight:700}.pp-footer{position:relative;z-index:1;width:min(1200px,calc(100% - 40px));margin:0 auto;padding:12px 0 40px;color:var(--pp-muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.pp-footer-links{display:flex;gap:12px}.pp-footer-links a{color:var(--pp-muted);text-decoration:none;transition:color .2s ease}.pp-footer-links a:hover{color:var(--pp-ink)}.pp-module-tight{padding-top:16px;padding-bottom:16px}.pp-module-balanced{padding-top:24px;padding-bottom:24px}.pp-module-airy{padding-top:32px;padding-bottom:32px}@keyframes pp-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.04)}}@keyframes pp-pulse{0%,to{filter:saturate(.8) brightness(.88)}50%{filter:saturate(1.3) brightness(1.12)}}@media(max-width:920px){.pp-nav{flex-wrap:wrap;justify-content:center;padding:10px 0 14px}.pp-nav-cta{width:100%;text-align:center}.pp-main{padding-top:24px}}@media(max-width:640px){.pp-root{--pp-muted: #c2b9aa}.pp-hero,.pp-module-card,.pp-cta-card{border-radius:16px}.pp-cue-grid,.pp-credit-strip,.pp-poster-grid,.pp-disco-grid,.pp-platform-grid,.pp-bento-grid{grid-template-columns:1fr}.pp-steps-row{flex-direction:column;gap:12px}.pp-step-connector{width:auto;height:20px}.pp-step-connector:after{width:1px;height:100%}.pp-cta-card{flex-direction:column;text-align:center}.pp-cta-actions{justify-content:center}.pp-footer{justify-content:center;text-align:center}}.pp-cue-play-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--pp-border);background:var(--pp-glass);color:var(--pp-copper);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;margin-right:8px}.pp-cue-play-btn:hover{background:#ff9f6626;border-color:var(--pp-copper)}.pp-cue-card.is-playing{border-color:var(--pp-copper);box-shadow:0 0 24px #ff9f661f}.pp-cue-card header{display:flex;align-items:center}.pp-player-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--pp-surface-strong);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-top:1px solid var(--pp-border);transition:height .3s ease}.pp-player-mini{display:flex;align-items:center;gap:12px;padding:10px 20px;height:56px}.pp-player-play{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--pp-copper);background:transparent;color:var(--pp-copper);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pp-player-play:hover{background:#ff9f6626}.pp-player-info{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.pp-player-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.pp-player-mood{font-size:11px;padding:2px 8px;border-radius:10px;background:#ff9f661f;color:var(--pp-copper);white-space:nowrap}.pp-player-progress{flex:1;height:4px;background:var(--pp-border);border-radius:2px;cursor:pointer;position:relative;min-width:80px}.pp-player-progress-fill{height:100%;background:var(--pp-copper);border-radius:2px;transition:width .1s linear}.pp-player-time{font-size:12px;color:var(--pp-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.pp-player-expand,.pp-player-close{flex-shrink:0;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--pp-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.pp-player-expand:hover,.pp-player-close:hover{color:var(--pp-ink)}.pp-player-expanded{padding:0 20px 16px}.pp-player-wave{width:100%;height:60px;cursor:pointer;display:block}.pp-player-expanded-meta{display:flex;gap:16px;font-size:12px;color:var(--pp-muted);margin-top:8px}@media(max-width:600px){.pp-player-mini{gap:8px;padding:8px 12px}.pp-player-title{max-width:120px;font-size:13px}.pp-player-time,.pp-player-mood{display:none}}.pp-spotlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.pp-spotlight-grid .is-spotlight{border-color:color-mix(in srgb,var(--pp-copper) 42%,var(--pp-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--pp-copper) 16%,transparent),0 12px 32px #0206105c}.ppb-wizard{display:flex;flex-direction:column;gap:20px;max-width:820px;margin:0 auto;padding:24px 0}.ppb-wizard-header{display:flex;align-items:center;gap:16px}.ppb-back-link{background:none;border:none;color:var(--text-secondary, #9ca3af);font-size:13px;cursor:pointer;padding:4px 0}.ppb-back-link:hover{color:var(--text, #e5e7eb)}.ppb-wizard-title{font-size:18px;font-weight:600;color:var(--text, #e5e7eb);margin:0}.ppb-step-indicator{display:flex;gap:4px;padding:8px 0;border-bottom:1px solid var(--border-subtle, #262626)}.ppb-step-dot{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;flex:1;justify-content:center}.ppb-step-dot-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:600;background:var(--surface, #1a1a1a);color:var(--text-secondary, #9ca3af);border:1.5px solid var(--border-subtle, #333);transition:all .2s}.ppb-step-dot-label{font-size:12px;color:var(--text-secondary, #9ca3af);font-weight:500;transition:color .2s}.ppb-step-dot.is-active .ppb-step-dot-num{background:#ff9f66;color:#0e0e0e;border-color:#ff9f66}.ppb-step-dot.is-active .ppb-step-dot-label{color:var(--text, #e5e7eb)}.ppb-step-dot.is-done .ppb-step-dot-num{background:#13d6c1;color:#0e0e0e;border-color:#13d6c1}.ppb-step-dot.is-done .ppb-step-dot-label{color:var(--text-secondary, #9ca3af)}.ppb-step-dot:hover{background:#ffffff0a}.ppb-step-container{min-height:300px}.ppb-step{display:flex;flex-direction:column;gap:20px;animation:ppb-fade-in .25s ease}@keyframes ppb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ppb-field-group{display:flex;flex-direction:column;gap:8px}.ppb-field-group.ppb-nested{gap:4px}.ppb-label{font-size:13px;font-weight:600;color:var(--text, #e5e7eb);display:flex;align-items:center;gap:8px}.ppb-label-sm{font-size:11px;font-weight:500;color:var(--text-secondary, #9ca3af)}.ppb-optional{font-weight:400;color:var(--text-secondary, #9ca3af);font-size:11px}.ppb-input{background:var(--surface, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:8px 12px;color:var(--text, #e5e7eb);font-size:13px;outline:none;transition:border-color .2s}.ppb-input:focus{border-color:#ff9f66}.ppb-input::placeholder{color:var(--text-secondary, #555)}.ppb-input-lg{font-size:18px;font-weight:600;padding:12px 16px}.ppb-input-inline{border:none;background:none;padding:4px 0;min-width:100px;flex:1}.ppb-textarea{background:var(--surface, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:10px 12px;color:var(--text, #e5e7eb);font-size:13px;resize:vertical;outline:none;font-family:inherit}.ppb-textarea:focus{border-color:#ff9f66}.ppb-textarea-sm{font-size:12px}.ppb-select{background:var(--surface, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:8px 12px;color:var(--text, #e5e7eb);font-size:13px;outline:none;cursor:pointer}.ppb-select:focus{border-color:#ff9f66}.ppb-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ppb-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.ppb-kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ppb-kind-card{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--surface, #1a1a1a);border:1.5px solid var(--border-subtle, #333);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s;color:var(--text, #e5e7eb)}.ppb-kind-card strong{font-size:13px}.ppb-kind-card span{font-size:11px;color:var(--text-secondary, #9ca3af);line-height:1.4}.ppb-kind-card:hover{border-color:#ff9f6644;background:#ff9f660a}.ppb-kind-card.is-selected{border-color:#ff9f66;background:#ff9f6614;box-shadow:0 0 16px #ff9f661f}.ppb-template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.ppb-template-card{position:relative;display:flex;flex-direction:column;border:1.5px solid var(--border-subtle, #333);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s;background:var(--surface, #1a1a1a);text-align:left;color:var(--text, #e5e7eb)}.ppb-template-card:hover{border-color:var(--ppb-card-accent, #ff9f66);transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.ppb-template-card.is-selected{border-color:var(--ppb-card-accent, #ff9f66);box-shadow:0 0 20px color-mix(in srgb,var(--ppb-card-accent, #ff9f66) 25%,transparent)}.ppb-template-card-bg{height:56px;width:100%}.ppb-template-card-body{padding:12px;display:flex;flex-direction:column;gap:6px}.ppb-template-card-label{font-size:13px;font-weight:600}.ppb-template-card-desc{font-size:11px;color:var(--text-secondary, #9ca3af);line-height:1.4}.ppb-template-card-tone{display:flex;gap:6px;margin-top:2px}.ppb-tone-chip{font-size:10px;padding:2px 8px;border-radius:10px;color:#fff;font-weight:500}.ppb-density-chip{font-size:10px;padding:2px 8px;border-radius:10px;background:#ffffff14;color:var(--text-secondary, #9ca3af)}.ppb-template-card-sections{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.ppb-section-badge{font-size:9px;color:var(--text-secondary, #777);text-transform:uppercase;letter-spacing:.02em}.ppb-section-arrow{margin:0 2px;opacity:.4}.ppb-template-card-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#13d6c1;color:#0e0e0e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ppb-pill-row{display:flex;gap:6px}.ppb-pill{padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #333);background:var(--surface, #1a1a1a);color:var(--text-secondary, #9ca3af);font-size:12px;cursor:pointer;transition:all .2s}.ppb-pill:hover{border-color:#ff9f6644}.ppb-pill.is-active{background:#ff9f661f;border-color:#ff9f66;color:#ff9f66}.ppb-hero-picker{display:flex;gap:10px;flex-wrap:wrap}.ppb-hero-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;background:none;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.ppb-hero-swatch-fill{width:64px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.ppb-hero-swatch-label{font-size:10px;color:var(--text-secondary, #777)}.ppb-hero-swatch.is-selected{border-color:#ff9f66}.ppb-hero-swatch:hover{border-color:#ff9f6666}.ppb-add-btn{background:none;border:none;color:#ff9f66;font-size:12px;cursor:pointer;padding:2px 6px;font-weight:500}.ppb-add-btn:hover{text-decoration:underline}.ppb-remove-btn{background:none;border:none;color:var(--text-secondary, #666);font-size:14px;cursor:pointer;padding:4px;line-height:1;flex-shrink:0}.ppb-remove-btn:hover{color:#ef4444}.ppb-removable-row{display:flex;gap:8px;align-items:center}.ppb-removable-row .ppb-input{flex:1}.ppb-entry-card{border:1px solid var(--border-subtle, #2a2a2a);border-radius:10px;overflow:hidden;background:var(--surface, #1a1a1a)}.ppb-entry-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background .15s}.ppb-entry-header:hover{background:#ffffff05}.ppb-entry-chevron{font-size:10px;color:var(--text-secondary, #666);width:14px}.ppb-entry-title{flex:1;font-size:13px;font-weight:500;color:var(--text, #e5e7eb)}.ppb-entry-badge{font-size:10px;padding:2px 8px;border-radius:10px;background:#ff9f661a;color:#ff9f66}.ppb-entry-body{padding:4px 12px 14px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-subtle, #222)}.ppb-slider-row{display:flex;align-items:center;gap:8px}.ppb-slider{flex:1;accent-color:#ff9f66;height:4px}.ppb-slider-val{font-size:12px;color:#ff9f66;min-width:32px;text-align:right;font-weight:600}.ppb-tag-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ppb-tag{display:flex;align-items:center;gap:4px;font-size:11px;padding:3px 10px;border-radius:12px;background:#13d6c11a;color:#13d6c1}.ppb-tag-x{background:none;border:none;color:inherit;font-size:10px;cursor:pointer;padding:0;line-height:1;opacity:.6}.ppb-tag-x:hover{opacity:1}.ppb-poster-picker{display:flex;gap:8px}.ppb-poster-swatch{width:36px;height:48px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:border-color .2s;overflow:hidden}.ppb-poster-swatch.is-selected{border-color:#ff9f66}.ppb-poster-swatch:hover{border-color:#ff9f6666}.ppb-empty-hint{font-size:12px;color:var(--text-secondary, #666);padding:16px;text-align:center;background:var(--surface, #1a1a1a);border:1px dashed var(--border-subtle, #333);border-radius:10px}.ppb-preview-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;background:var(--surface, #1a1a1a);border:1px solid var(--border-subtle, #2a2a2a);border-radius:10px}.ppb-preview-info-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text, #e5e7eb)}.ppb-preview-info-label{font-weight:500;color:var(--text-secondary, #9ca3af);min-width:70px}.ppb-preview-info-url{font-family:monospace;font-size:11px;color:#ff9f66}.ppb-vis-badge{font-size:11px;padding:2px 8px;border-radius:10px;text-transform:capitalize}.ppb-vis-public{background:#13d6c11f;color:#13d6c1}.ppb-vis-unlisted{background:#6f83d71f;color:#6f83d7}.ppb-vis-private{background:#ff9f661f;color:#ff9f66}.ppb-vis-recipient_specific{background:#ef44441f;color:#ef4444}.ppb-preview-frame{border:1px solid var(--border-subtle, #2a2a2a);border-radius:12px;overflow:hidden;background:#0a0c14}.ppb-preview-label{padding:8px 14px;font-size:11px;font-weight:600;color:var(--text-secondary, #777);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle, #222)}.ppb-preview-viewport{height:500px;overflow-y:auto;overflow-x:hidden}.ppb-preview-scaler{transform:scale(.6);transform-origin:top left;width:166.67%}.ppb-publish-actions{display:flex;gap:10px;justify-content:flex-end}.ppb-publish-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;text-align:center;width:100%}.ppb-publish-success-icon{width:48px;height:48px;border-radius:50%;background:#13d6c1;color:#0e0e0e;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.ppb-publish-success-text{font-size:16px;font-weight:600;color:var(--text, #e5e7eb)}.ppb-publish-success-url{font-family:monospace;font-size:13px;color:#ff9f66;padding:6px 12px;background:#ff9f6614;border-radius:6px}.ppb-btn{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.ppb-btn:disabled{opacity:.4;cursor:not-allowed}.ppb-btn-primary{background:#ff9f66;color:#0e0e0e}.ppb-btn-primary:hover:not(:disabled){background:#ffb380;box-shadow:0 2px 12px #ff9f664d}.ppb-btn-secondary{background:#ffffff0f;color:var(--text, #e5e7eb);border:1px solid var(--border-subtle, #333)}.ppb-btn-secondary:hover:not(:disabled){background:#ffffff1a}.ppb-btn-ghost{background:none;color:var(--text-secondary, #9ca3af)}.ppb-btn-ghost:hover{color:var(--text, #e5e7eb)}.ppb-nav-row{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle, #262626)}.ppb-error-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;font-size:13px;color:#ef4444}.ppb-error-dismiss{margin-left:auto;background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px}.ppb-slug-wrap{position:relative}.ppb-slug-status{font-size:11px;font-weight:500;margin-top:4px;display:block}.ppb-slug-status-ok{color:#13d6c1}.ppb-slug-status-taken{color:#ef4444}.ppb-input.ppb-slug-ok{border-color:#13d6c166}.ppb-input.ppb-slug-taken{border-color:#ef444466}.ppb-url-preview{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 12px;background:#ff9f660a;border:1px solid rgba(255,159,102,.12);border-radius:8px}.ppb-url-preview-label{font-weight:500;color:var(--text-secondary, #9ca3af)}.ppb-url-preview-path{font-family:monospace;font-size:12px;color:#ff9f66}.ppb-import-btn{background:none;border:1px solid rgba(19,214,193,.25);color:#13d6c1;font-size:11px;padding:3px 10px;border-radius:12px;cursor:pointer;transition:all .2s;font-weight:500}.ppb-import-btn:hover{background:#13d6c114;border-color:#13d6c166}.ppb-import-hint{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#13d6c10f;border:1px solid rgba(19,214,193,.15);border-radius:10px;font-size:12px;color:var(--text-secondary, #9ca3af)}.ppb-import-popover{background:var(--surface, #1a1a1a);border:1px solid var(--border-subtle, #333);border-radius:10px;padding:0;overflow:hidden;box-shadow:0 8px 32px #0006}.ppb-import-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-subtle, #262626);font-size:12px;font-weight:500;color:var(--text, #e5e7eb)}.ppb-import-list{max-height:240px;overflow-y:auto;padding:4px 0}.ppb-import-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:var(--text, #e5e7eb);cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:left}.ppb-import-option:hover{background:#ffffff0a}.ppb-import-option-btn{cursor:pointer}.ppb-import-meta{font-size:10px;color:var(--text-secondary, #777);padding:1px 6px;background:#ffffff0f;border-radius:8px}.ppb-import-confirm{margin:8px 12px 12px;width:calc(100% - 24px);font-size:12px;padding:7px 14px}@media(max-width:640px){.ppb-row-2,.ppb-row-3,.ppb-kind-grid,.ppb-template-gallery,.ppb-preview-info{grid-template-columns:1fr}.ppb-step-dot-label{display:none}}.ppb-image-preview{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--surface-2, rgba(255, 255, 255, .06));border:1px solid rgba(255,255,255,.1)}.ppb-image-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--text-secondary, #b0a898)}.ppb-image-actions{display:flex;align-items:center;gap:8px}.ppb-upload-btn{background:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:var(--text-secondary, #b0a898);padding:6px 12px;font-size:.78rem;cursor:pointer;transition:border-color .18s ease,color .18s ease;white-space:nowrap}.ppb-upload-btn:hover{border-color:#ff9f6666;color:#ffa366}.ppb-input-sm{flex:1;min-width:120px;font-size:.78rem!important;padding:5px 8px!important}.ppb-badge-image{background:#ff9f6626!important;color:#ffa366!important;border-color:#ff9f6640!important}.ppb-badge-active{background:#13d6c11f!important;color:#13d6c1!important;border-color:#13d6c133!important}.ppb-badge-past{opacity:.6}.ppb-pill-row-sm{gap:4px}.ppb-pill-row-sm .ppb-pill{font-size:.72rem;padding:3px 10px}.ppb-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:#000000a6;padding:24px;animation:ppb-fade-in .2s ease}.ppb-overlay-panel{width:min(880px,95vw);max-height:90vh;overflow-y:auto;border-radius:16px;border:1px solid var(--border-subtle, #333);background:var(--surface, #111);box-shadow:0 16px 64px #00000080;padding:0 24px 24px}.ppb-locked-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #9ca3af);padding:6px 14px;background:#13d6c10f;border:1px solid rgba(19,214,193,.15);border-radius:8px}.ppb-spotlight-btn{all:unset;cursor:pointer;font-size:14px;color:#fff3;padding:2px 4px;border-radius:4px;transition:color .12s ease;flex-shrink:0}.ppb-spotlight-btn:hover:not(:disabled){color:#ff9f66}.ppb-spotlight-btn.is-active{color:#ff9f66}.ppb-spotlight-btn:disabled{opacity:.3;cursor:default}.ppb-spotlight-count{font-size:12px;color:#ff9f66;padding:6px 12px;background:#ff9f6614;border:1px solid rgba(255,159,102,.18);border-radius:8px;margin-bottom:4px}.ppb-hint{font-size:12px;color:var(--text-secondary, #9ca3af);margin:0 0 8px}.ppb-remove-inline{font-size:12px;color:var(--text-secondary, #9ca3af);margin-top:4px}.pps-studio{display:grid;gap:16px}.pps-studio-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 75%,transparent 25%);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--accent, #f97316) 22%,transparent 78%) 0%,transparent 42%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--tone-info, #06b6d4) 18%,transparent 82%) 0%,transparent 46%),linear-gradient(145deg,color-mix(in srgb,var(--bg-elevated, #111827) 85%,var(--surface, #020617) 15%),var(--surface, #0f172a))}.pps-studio-header h3{margin:0;font-size:22px;letter-spacing:.2px}.pps-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pps-link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.pps-notice{border-radius:12px;padding:10px 12px;border:1px solid transparent;font-size:13px;font-weight:600}.pps-notice-info{border-color:color-mix(in srgb,var(--tone-info, #38bdf8) 35%,transparent 65%);background:color-mix(in srgb,var(--tone-info, #38bdf8) 14%,var(--surface, #0f172a) 86%)}.pps-notice-success{border-color:color-mix(in srgb,var(--tone-success, #22c55e) 38%,transparent 62%);background:color-mix(in srgb,var(--tone-success, #22c55e) 16%,var(--surface, #0f172a) 84%)}.pps-notice-error{border-color:color-mix(in srgb,var(--tone-urgent, #ef4444) 38%,transparent 62%);background:color-mix(in srgb,var(--tone-urgent, #ef4444) 18%,var(--surface, #0f172a) 82%)}.pps-card{display:grid;gap:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 78%,transparent 22%);background:linear-gradient(165deg,color-mix(in srgb,var(--surface, #0f172a) 91%,var(--bg-elevated, #020617) 9%),color-mix(in srgb,var(--bg-elevated, #111827) 86%,var(--surface, #020617) 14%));padding:16px}.pps-card h4{margin:0;font-size:15px;letter-spacing:.18px;text-transform:uppercase}.pps-grid{display:grid;gap:10px}.pps-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.pps-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pps-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pps-grid label{display:grid;gap:6px;font-size:11px;letter-spacing:.35px;text-transform:uppercase;color:color-mix(in srgb,var(--text, #e2e8f0) 78%,var(--muted, #94a3b8) 22%)}.pps-grid input,.pps-grid select,.pps-grid textarea{border-radius:10px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 84%,transparent 16%);background:var(--field-bg, color-mix(in srgb, var(--bg-elevated, #111827) 88%, var(--surface, #030712) 12%));color:var(--text, #e2e8f0);padding:8px 10px;font-size:13px;line-height:1.35;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace}.pps-grid textarea{resize:vertical}.pps-stack{display:grid;gap:8px}.pps-actions-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pps-split{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);gap:16px}.pps-page-list-card{align-content:start}.pps-page-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.pps-page-item{border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 84%,transparent 16%);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface, #0f172a) 88%,var(--bg-elevated, #020617) 12%);color:var(--text, #e2e8f0);text-align:left;display:grid;gap:2px;cursor:pointer;transition:border-color .14s ease,transform .14s ease}.pps-page-item strong{font-size:13px}.pps-page-item span{font-size:11px;color:color-mix(in srgb,var(--text, #e2e8f0) 68%,var(--muted, #94a3b8) 32%)}.pps-page-item code{margin-top:4px;font-size:11px;color:color-mix(in srgb,var(--tone-info, #22d3ee) 75%,var(--text, #e2e8f0) 25%)}.pps-page-item:hover{border-color:color-mix(in srgb,var(--tone-info, #22d3ee) 54%,transparent 46%);transform:translateY(-1px)}.pps-page-item.is-active{border-color:color-mix(in srgb,var(--accent, #f97316) 58%,transparent 42%);box-shadow:0 16px 28px color-mix(in srgb,var(--accent, #f97316) 18%,transparent 82%)}.pps-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.pps-page-card{border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 84%,transparent 16%);border-radius:14px;padding:14px;background:linear-gradient(165deg,color-mix(in srgb,var(--surface, #0f172a) 91%,var(--bg-elevated, #020617) 9%),color-mix(in srgb,var(--bg-elevated, #111827) 86%,var(--surface, #020617) 14%));cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;display:flex;flex-direction:column;gap:8px}.pps-page-card:hover{border-color:color-mix(in srgb,var(--tone-info, #22d3ee) 54%,transparent 46%);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--shadow-color, #000) 20%,transparent 80%)}.pps-page-card.is-selected{border-color:color-mix(in srgb,var(--accent, #f97316) 58%,transparent 42%);box-shadow:0 8px 28px color-mix(in srgb,var(--accent, #f97316) 15%,transparent 85%)}.pps-page-card-header{display:flex;align-items:center;gap:8px}.pps-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pps-page-card-title{font-size:14px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pps-page-card-kind{font-size:10px;padding:2px 8px;border-radius:8px;background:var(--chip-bg, color-mix(in srgb, var(--text, #e2e8f0) 8%, transparent 92%));color:color-mix(in srgb,var(--text, #e2e8f0) 68%,var(--muted, #94a3b8) 32%);flex-shrink:0}.pps-page-card-meta{display:flex;gap:8px;font-size:11px;color:color-mix(in srgb,var(--text, #e2e8f0) 55%,var(--muted, #94a3b8) 45%)}.pps-page-card-meta span{text-transform:capitalize}.pps-page-card-privacy{display:grid;gap:4px}.pps-page-card-privacy-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pps-inline-select{border-radius:8px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 84%,transparent 16%);background:var(--field-bg, color-mix(in srgb, var(--bg-elevated, #111827) 88%, var(--surface, #030712) 12%));color:var(--text, #e2e8f0);padding:4px 8px;font-size:11px}.pps-page-card-invite-editor{display:grid;gap:8px;padding:8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 70%,transparent 30%);background:color-mix(in srgb,var(--surface, #0f172a) 90%,var(--bg-elevated, #020617) 10%)}.pps-page-card-invite-editor textarea{margin-top:6px;width:100%;min-height:74px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 84%,transparent 16%);background:var(--field-bg, color-mix(in srgb, var(--bg-elevated, #111827) 88%, var(--surface, #030712) 12%));color:var(--text, #e2e8f0);padding:8px;font-size:12px;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace}.pps-page-card-invite-editor input[type=password]{margin-top:6px;width:100%;max-width:360px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 84%,transparent 16%);background:var(--field-bg, color-mix(in srgb, var(--bg-elevated, #111827) 88%, var(--surface, #030712) 12%));color:var(--text, #e2e8f0);padding:8px;font-size:12px;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace}.pps-page-card-invite-login{display:grid;gap:8px}.pps-page-card-inline-checkbox{display:inline-flex;align-items:center;gap:6px}.pps-page-card-invite-permissions{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:color-mix(in srgb,var(--text, #e2e8f0) 75%,var(--muted, #94a3b8) 25%)}.pps-page-card-invite-permissions label{display:inline-flex;align-items:center;gap:6px}.pps-page-card-invite-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pps-page-card-invite-email-list{display:grid;gap:6px;padding-top:4px}.pps-page-card-invite-email-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pps-page-card-invite-email-row{display:grid;gap:4px}.pps-page-card-invite-email-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pps-page-card-invite-email-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pps-page-card-invite-link{font-size:10px;color:color-mix(in srgb,var(--tone-info, #22d3ee) 76%,var(--text, #e2e8f0) 24%);word-break:break-all}.pps-page-card-path{font-size:11px;color:color-mix(in srgb,var(--tone-info, #22d3ee) 75%,var(--text, #e2e8f0) 25%)}.pps-page-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.pps-page-card-date{font-size:10px;color:color-mix(in srgb,var(--text, #e2e8f0) 45%,var(--muted, #94a3b8) 55%)}.pps-page-card-actions{display:flex;gap:6px}.pps-card-action-btn{padding:4px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 70%,transparent 30%);background:transparent;color:var(--text, #e2e8f0);font-size:11px;cursor:pointer;text-decoration:none;transition:background .14s ease,border-color .14s ease}.pps-card-action-btn:hover{background:var(--chip-bg, color-mix(in srgb, var(--text, #e2e8f0) 8%, transparent 92%));border-color:color-mix(in srgb,var(--tone-info, #22d3ee) 40%,transparent 60%)}.pps-card-action-publish{color:var(--tone-success, #13d6c1);border-color:color-mix(in srgb,var(--tone-success, #13d6c1) 30%,transparent 70%)}.pps-card-action-publish:hover{background:color-mix(in srgb,var(--tone-success, #13d6c1) 10%,transparent 90%);border-color:color-mix(in srgb,var(--tone-success, #13d6c1) 50%,transparent 50%)}.pps-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.pps-empty-icon{font-size:32px;opacity:.3}.pps-empty-state h4{margin:0;font-size:16px}.pps-empty-state p{max-width:420px;font-size:13px;color:color-mix(in srgb,var(--text, #e2e8f0) 60%,var(--muted, #94a3b8) 40%);line-height:1.5}.pps-detail-panel{display:flex;flex-direction:column;gap:14px}.pps-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pps-detail-actions{display:flex;gap:8px;flex-shrink:0}.pps-utility-toggles{display:flex;gap:6px;flex-wrap:wrap}.pps-utility-toggle{padding:6px 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 70%,transparent 30%);background:transparent;color:var(--text, #e2e8f0);font-size:12px;cursor:pointer;transition:background .14s ease}.pps-utility-toggle:hover{background:var(--chip-bg, color-mix(in srgb, var(--text, #e2e8f0) 6%, transparent 94%))}.pps-utility-toggle.is-open{background:color-mix(in srgb,var(--accent, #ff9f66) 10%,transparent 90%);border-color:color-mix(in srgb,var(--accent, #ff9f66) 30%,transparent 70%);color:var(--accent, #ff9f66)}.pps-collapsible-panel{display:grid;gap:10px;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 60%,transparent 40%);background:color-mix(in srgb,var(--surface, #0f172a) 95%,var(--bg-elevated, #020617) 5%);animation:pps-slide-in .2s ease}@keyframes pps-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pps-editor-card{align-content:start}.pps-meta-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pps-meta-row>div{border:1px solid color-mix(in srgb,var(--border-subtle, rgba(148, 163, 184, .35)) 84%,transparent 16%);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--surface, #0f172a) 92%,var(--bg-elevated, #020617) 8%);display:grid;gap:4px}.pps-meta-label{font-size:10px;letter-spacing:.36px;text-transform:uppercase;color:color-mix(in srgb,var(--text, #e2e8f0) 63%,var(--muted, #94a3b8) 37%)}.pps-meta-row code{font-size:11px;color:color-mix(in srgb,var(--tone-info, #22d3ee) 74%,var(--text, #e2e8f0) 26%)}.pps-visibility-editor{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.pps-utility-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pps-checkbox-label{display:flex!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0;font-size:12px!important}.pps-checkbox-label input{width:16px;height:16px;margin:0}.pps-result-block{margin:0;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--tone-info, #22d3ee) 34%,transparent 66%);background:color-mix(in srgb,var(--tone-info, #22d3ee) 10%,var(--surface, #0f172a) 90%);font-size:12px;display:grid;gap:4px}.pps-result-block p{margin:0}.pps-pre{overflow-x:auto;white-space:pre-wrap;font-size:11px}.pps-break-anywhere{word-break:break-all}@media(max-width:1280px){.pps-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.pps-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.pps-utility-grid{grid-template-columns:1fr}}@media(max-width:900px){.pps-studio-header{flex-direction:column;align-items:stretch}.pps-header-actions{justify-content:flex-start}.pps-split,.pps-grid-6,.pps-grid-4,.pps-grid-3,.pps-meta-row{grid-template-columns:1fr}}.ppc-credits-list{display:flex;flex-direction:column;gap:6px}.ppc-empty{font-size:12px;color:var(--text-secondary, #777);padding:16px;text-align:center;border:1px dashed var(--border-subtle, #333);border-radius:8px}.ppc-upgrade-hint{font-size:12px;color:var(--text-secondary, #9ca3af);padding:10px 14px;background:color-mix(in srgb,var(--accent, #ff9f66) 8%,transparent 92%);border:1px solid color-mix(in srgb,var(--accent, #ff9f66) 18%,transparent 82%);border-radius:8px;margin-bottom:8px}.ppc-credit-row{border:1px solid var(--border-subtle, #2a2a2a);border-radius:8px;overflow:hidden;background:var(--surface, #1a1a1a)}.ppc-credit-summary{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .15s}.ppc-credit-summary:hover{background:var(--chip-bg, color-mix(in srgb, var(--text, #e2e8f0) 4%, transparent 96%))}.ppc-credit-title{flex:1;font-size:13px;font-weight:500;color:var(--text, #e5e7eb)}.ppc-credit-meta{font-size:11px;color:var(--text-secondary, #9ca3af)}.ppc-credit-has-image{font-size:12px}.ppc-remove-btn{background:none;border:none;color:var(--text-secondary, #666);font-size:14px;cursor:pointer;padding:2px 4px;line-height:1}.ppc-remove-btn:hover{color:var(--tone-urgent, #ef4444)}.ppc-credit-edit{padding:8px 12px 12px;border-top:1px solid var(--border-subtle, #222);display:flex;flex-direction:column;gap:8px}.ppc-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ppc-edit-field{display:flex;flex-direction:column;gap:3px}.ppc-field-label{font-size:10px;font-weight:500;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.04em}.ppc-edit-field input,.ppc-edit-field select{background:var(--surface, #141414);border:1px solid var(--border-subtle, #333);border-radius:6px;padding:6px 10px;color:var(--text, #e5e7eb);font-size:12px;outline:none}.ppc-edit-field input:focus,.ppc-edit-field select:focus{border-color:var(--accent, #ff9f66)}.ppc-image-row{margin-top:4px}.ppc-image-preview{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary, #9ca3af)}.ppc-image-path{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppc-upload-btn{background:none;border:1px dashed var(--border-subtle, #444);color:var(--text-secondary, #9ca3af);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.ppc-upload-btn:hover{border-color:var(--accent, #ff9f66);color:var(--accent, #ff9f66)}.ppc-add-btn{background:none;border:none;color:var(--accent, #ff9f66);font-size:12px;cursor:pointer;padding:6px 0;font-weight:500;margin-top:4px}.ppc-add-btn:hover{text-decoration:underline}.ppf-loading{padding:16px 0;opacity:.5;font-size:13px}.ppf-form{display:flex;flex-direction:column;gap:12px}.ppf-handle-row{display:flex;align-items:center;gap:8px}.ppf-handle-row input{flex:1}.ppf-handle-status{font-size:11px;white-space:nowrap}.ppf-handle-status.ppf-ok{color:var(--tone-success, #15d8cb)}.ppf-handle-status.ppf-err{color:var(--tone-urgent, #e05a47);opacity:.8}.ppf-vis-row{display:flex;gap:6px;margin-top:4px}.ppf-vis-pill{padding:4px 14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border-subtle, rgba(255, 255, 255, .08)) 80%,transparent 20%);background:transparent;color:var(--muted, #999);font-size:12px;cursor:pointer;transition:all .15s ease}.ppf-vis-pill:hover{border-color:var(--muted, #999)}.ppf-vis-pill.ppf-vis-active{background:var(--accent, #ff8147);border-color:var(--accent, #ff8147);color:var(--accent-contrast, #fff)}.ppf-url-row{display:flex;align-items:center;gap:10px}.ppf-url{font-size:12px;padding:4px 10px;border-radius:6px;background:var(--chip-bg, color-mix(in srgb, var(--text, #e2e8f0) 6%, transparent 94%));color:var(--accent, #ff8147);letter-spacing:.3px}.ppf-status-row{display:flex;align-items:center;gap:10px}.ppf-status-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 10px;border-radius:10px;letter-spacing:.5px}.ppf-status-badge.ppf-status-draft{background:var(--chip-bg, color-mix(in srgb, var(--text, #e2e8f0) 8%, transparent 92%));color:var(--muted, #999)}.ppf-status-badge.ppf-status-published{background:color-mix(in srgb,var(--tone-success, #15d8cb) 15%,transparent 85%);color:var(--tone-success, #15d8cb)}.ppf-status-badge.ppf-status-archived{background:var(--chip-bg, color-mix(in srgb, var(--text, #e2e8f0) 6%, transparent 94%));color:var(--muted, #666)}.ppf-published-at{font-size:11px;opacity:.5}.ppf-error{font-size:12px;color:var(--tone-urgent, #e05a47);padding:6px 10px;border-radius:6px;background:color-mix(in srgb,var(--tone-urgent, #e05a47) 10%,transparent 90%)}.ppf-success{font-size:12px;color:var(--tone-success, #15d8cb);padding:6px 10px;border-radius:6px;background:color-mix(in srgb,var(--tone-success, #15d8cb) 10%,transparent 90%)}.ppf-actions{display:flex;gap:10px;margin-top:4px}.ppf-publish-btn{background:var(--tone-success, #15d8cb);color:var(--accent-contrast, #0e111a);border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.ppf-publish-btn:hover{opacity:.85}.ppf-publish-btn:disabled{opacity:.4;cursor:not-allowed}
