.pf-studio{position:relative;max-width:1100px;margin:0 auto;padding:clamp(1.2rem,5vw,2rem);background:linear-gradient(145deg,#9b5cff0f,#ff2a8f05),var(--bg-elevated);border:1px solid var(--border-neon);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.pf-studio:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--g-neon-haze)}.pf-head{text-align:center;margin-bottom:1.6rem}.pf-head h3{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;margin-bottom:.3rem}.pf-icon{font-size:1.3em}.pf-title-grad{background:var(--g-neon-haze);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-inline:.06em .12em;margin-inline:-.06em -.12em}.pf-head p{color:var(--text-muted);font-size:var(--fs-sm)}.pf-grid{display:grid;grid-template-columns:minmax(280px,1.1fr) 1fr;gap:1.5rem;align-items:start}.pf-controls{display:flex;flex-direction:column;gap:1.1rem}.pf-row{display:flex;flex-direction:column;gap:.4rem}.pf-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary-soft)}.pf-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem 1rem;min-height:140px;text-align:center;background:#ffffff05;border:2px dashed var(--border-neon);border-radius:var(--r-lg);cursor:pointer;transition:background var(--dur-base),border-color var(--dur-base);overflow:hidden}.pf-drop:hover{background:#9b5cff0f;border-color:var(--primary)}.pf-drop.is-drag{background:#9b5cff1f;border-color:var(--primary);border-style:solid}.pf-drop input{display:none}.pf-drop-icon{font-size:2.5rem;line-height:1}.pf-drop-text{font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}.pf-drop-text small{display:block;margin-top:.25rem;font-size:var(--fs-xs);font-weight:400;color:var(--text-muted)}.pf-drop.has-photo{border-style:solid;padding:.75rem;min-height:160px}.pf-drop-thumb{width:100%;max-height:160px;object-fit:cover;border-radius:var(--r-sm)}.pf-drop-remove{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;min-height:36px;font-size:var(--fs-xs);font-weight:600;color:#fff;background:#ff2a8fe6;border-radius:var(--r-full);backdrop-filter:blur(8px)}.pf-drop-remove:hover{background:var(--accent)}.pf-error{margin-top:.4rem;padding:.5rem .7rem;font-size:var(--fs-xs);color:#ff6b9d;background:#ff2a8f14;border:1px solid var(--border-pink);border-radius:var(--r-sm)}.pf-select,.pf-input{width:100%;padding:.8rem 1rem;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md);outline:none;transition:border-color var(--dur-base)}.pf-select:focus,.pf-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #9b5cff2e}.pf-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.pf-style{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .5rem;min-height:72px;font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:all var(--dur-base)}.pf-style:hover{border-color:var(--border-neon);color:var(--text-primary)}.pf-style.is-active{background:var(--g-neon-haze);color:#fff;border-color:transparent;box-shadow:0 6px 18px #9b5cff4d}.pf-style-icon{font-size:1.4rem}.pf-actions{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;margin-top:.4rem}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:48px;padding:.8rem 1rem;font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--r-full);transition:background var(--dur-base),transform var(--dur-base) var(--ease-spring);white-space:nowrap}.pf-btn:hover:not(:disabled){background:#9b5cff1a;border-color:var(--border-neon);transform:translateY(-1px)}.pf-btn:disabled{opacity:.45;cursor:not-allowed}.pf-btn.is-copied{background:#b9ff2e1a;border-color:#b9ff2e66;color:var(--lime)}.pf-btn-primary{background:var(--g-neon-haze);color:#fff;border-color:transparent;box-shadow:var(--shadow-neon)}.pf-btn-primary:hover:not(:disabled){background:var(--g-neon-haze);color:#fff}.pf-btn-whatsapp{color:#25d366;border-color:#25d3664d}.pf-btn-whatsapp:hover{background:#25d3661a;color:#25d366}.pf-tip{padding:.7rem .9rem;font-size:var(--fs-xs);color:var(--text-muted);background:#9b5cff0d;border-left:3px solid var(--primary);border-radius:0 var(--r-sm) var(--r-sm) 0;line-height:var(--lh-relaxed)}.pf-tip b{color:var(--primary)}.pf-canvas-wrap{position:sticky;top:calc(var(--nav-h) + 1rem);display:flex;flex-direction:column;gap:.6rem}.pf-canvas-aspect{position:relative;width:100%;aspect-ratio:1;background:var(--bg-base);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xl),0 0 50px #9b5cff38;border:1px solid var(--border-subtle)}.pf-canvas{width:100%;height:100%;display:block}.pf-canvas-meta{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint)}@media (max-width: 860px){.pf-grid{grid-template-columns:1fr}.pf-canvas-wrap{position:static;order:-1}}@media (max-width: 420px){.pf-studio{padding:1rem;border-radius:var(--r-xl)}.pf-styles{grid-template-columns:repeat(2,1fr)}.pf-actions{grid-template-columns:1fr}.pf-btn{min-height:44px}.pf-drop{padding:1.1rem .75rem;min-height:120px}}