.pgpt-saas{--bg:#07091a;--panel:rgba(255,255,255,.09);--line:rgba(255,255,255,.16);--text:#f8fbff;--muted:rgba(248,251,255,.72);--a:#8b5cf6;--b:#06b6d4;width:min(1220px,calc(100% - 24px));margin:38px auto;padding:24px;border-radius:34px;position:relative;overflow:hidden;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(139,92,246,.42),transparent 28%),radial-gradient(circle at 88% 18%,rgba(6,182,212,.32),transparent 30%),linear-gradient(135deg,#07091a,#10152d 48%,#06131f);box-shadow:0 30px 110px rgba(0,0,0,.36);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pgpt-saas *{box-sizing:border-box}.pgpt-orb{position:absolute;width:260px;height:260px;border-radius:999px;filter:blur(50px);opacity:.45}.pgpt-orb-a{left:-80px;top:220px;background:var(--a)}.pgpt-orb-b{right:-80px;bottom:70px;background:var(--b)}.pgpt-hero,.pgpt-grid,.pgpt-history-card{position:relative;z-index:1}.pgpt-hero{text-align:center;max-width:900px;margin:0 auto 24px;padding:18px 8px}.pgpt-badge{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.08);padding:8px 14px;border-radius:999px;margin-bottom:14px}.pgpt-hero h1{margin:0 0 14px;font-size:clamp(38px,7vw,76px);letter-spacing:-.07em;line-height:.95}.pgpt-hero p{color:var(--muted);font-size:17px;line-height:1.7;margin:0}.pgpt-grid{display:grid;grid-template-columns:minmax(330px,480px) 1fr;gap:18px}.pgpt-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.065));border-radius:30px;backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.25)}.pgpt-panel{padding:20px}.pgpt-output-card{min-height:700px;display:flex;flex-direction:column;overflow:hidden}.pgpt-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:rgba(0,0,0,.18);border-radius:999px;margin-bottom:16px}.pgpt-tab{border:0;border-radius:999px;padding:10px;color:var(--muted);background:transparent;font-weight:900;cursor:pointer}.pgpt-tab.active{color:#fff;background:linear-gradient(135deg,var(--a),var(--b))}label{display:block;color:#fff;font-size:14px;font-weight:900;margin:0 0 8px}textarea,input,select{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(2,6,23,.58);color:#fff;padding:14px 15px;outline:none;font-size:15px;margin-bottom:14px}textarea{min-height:145px;resize:vertical;line-height:1.55}select option{color:#111827}.pgpt-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:-6px;margin-bottom:14px}button{transition:.18s ease}.pgpt-row button,.pgpt-secondary,.pgpt-actions button,#pgpt-clear-history{border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.08);border-radius:999px;padding:9px 12px;cursor:pointer;font-weight:900}.pgpt-row button:hover,.pgpt-secondary:hover,.pgpt-actions button:hover,#pgpt-clear-history:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}.pgpt-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.pgpt-template-grid button{border:1px solid rgba(255,255,255,.15);border-radius:17px;padding:11px 10px;min-height:50px;text-align:left;color:#fff;font-weight:900;font-size:13px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.055));cursor:pointer}.pgpt-template-grid button:hover{border-color:rgba(6,182,212,.55);transform:translateY(-2px)}.pgpt-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pgpt-main{width:100%;min-height:56px;border:0;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 18px 40px rgba(6,182,212,.18);font-size:16px;font-weight:950;cursor:pointer;margin-top:6px}.pgpt-secondary{width:100%;margin-top:10px}.pgpt-main:hover{transform:translateY(-2px);filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.pgpt-output-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px;border-bottom:1px solid var(--line)}.pgpt-output-head span{color:#67e8f9;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.pgpt-output-head h2{margin:6px 0 0;font-size:clamp(23px,3vw,36px);line-height:1.08;letter-spacing:-.045em}.pgpt-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pgpt-status{padding:18px 22px 0;display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:800}.pgpt-status[hidden]{display:none}.pgpt-status span{width:9px;height:9px;border-radius:999px;background:#67e8f9;animation:b 1s infinite ease-in-out}.pgpt-status span:nth-child(2){animation-delay:.14s}.pgpt-status span:nth-child(3){animation-delay:.28s}@keyframes b{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.pgpt-output{flex:1;overflow:auto;padding:24px;line-height:1.85;font-size:16px;color:rgba(255,255,255,.9)}.pgpt-output p{margin:0 0 17px}.pgpt-hook{padding:15px 16px;border-left:4px solid #67e8f9;background:rgba(6,182,212,.11);border-radius:14px;color:#e9fbff;font-weight:900}.pgpt-empty{border:1px dashed rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.05);padding:28px;color:var(--muted)}.pgpt-empty h3{color:#fff;margin:0 0 8px}.pgpt-audio-wrap,.pgpt-share-link-wrap{padding:0 22px 22px}.pgpt-audio-wrap audio{width:100%}.pgpt-share-link-wrap{color:#fff}.pgpt-share-link-wrap input{margin-top:8px}.pgpt-history-card{margin-top:18px;padding:20px}.pgpt-history-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.pgpt-history-head h2{margin:0}.pgpt-history{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.pgpt-history-item{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.065);border-radius:18px;padding:13px;cursor:pointer;text-align:left;color:#fff}.pgpt-history-item p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.pgpt-toast{position:fixed;left:50%;bottom:26px;z-index:999999;transform:translateX(-50%) translateY(20px);opacity:0;background:#06111f;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 60px rgba(0,0,0,.32);padding:12px 16px;border-radius:999px;pointer-events:none;transition:.24s ease;font-weight:900}.pgpt-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:980px){.pgpt-grid{grid-template-columns:1fr}.pgpt-history{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pgpt-saas{width:min(100% - 12px,1220px);padding:14px;border-radius:24px;margin:18px auto}.pgpt-hero h1{font-size:40px}.pgpt-controls,.pgpt-template-grid,.pgpt-history{grid-template-columns:1fr}.pgpt-output-head,.pgpt-history-head{flex-direction:column}.pgpt-actions,.pgpt-actions button,.pgpt-secondary{width:100%}}

#pgpt-surprise:disabled{opacity:.65;cursor:wait!important;}

.pgpt-shared-story-page{
  width:min(980px,calc(100% - 24px));
  margin:32px auto;
  padding:28px;
  border-radius:34px;
  background:linear-gradient(135deg,#111827,#1d4ed8 55%,#7c3aed);
  background-size:cover;
  background-position:center;
  color:#fff;
  box-shadow:0 30px 110px rgba(0,0,0,.35);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pgpt-shared-card{
  max-width:780px;
  margin:auto;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  border-radius:28px;
  padding:26px;
}
.pgpt-shared-badge{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  margin-bottom:14px;
  font-weight:900;
}
.pgpt-shared-card h1{
  color:#fff;
  margin:0 0 18px;
  font-size:clamp(30px,5vw,56px);
  line-height:1.05;
  letter-spacing:-.045em;
}
.pgpt-shared-audio{
  width:100%;
  margin:4px 0 8px;
}
.pgpt-audio-note{
  color:rgba(255,255,255,.72);
  font-size:13px;
  margin:0 0 18px;
}
.pgpt-shared-text{
  color:rgba(255,255,255,.93);
  line-height:1.85;
  font-size:17px;
}
.pgpt-shared-text p{
  margin:0 0 16px;
}
.pgpt-create-own{
  display:inline-flex;
  margin-top:14px;
  padding:12px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#8b5cf6,#06b6d4);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
}

/* Viral Readability Formatter */
.pgpt-output{
  font-size:18px!important;
  line-height:1.78!important;
}
.pgpt-output p{
  margin:0 0 18px!important;
}
.pgpt-output .pgpt-dialogue{
  background:rgba(255,255,255,.075);
  border-left:4px solid rgba(103,232,249,.85);
  padding:12px 14px;
  border-radius:14px;
  font-weight:800;
}
.pgpt-output .pgpt-punchline{
  font-size:1.08em;
  font-weight:900;
  color:#fff;
  background:rgba(139,92,246,.15);
  border:1px solid rgba(139,92,246,.25);
  padding:12px 14px;
  border-radius:14px;
}
.pgpt-story-break{
  border:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  margin:22px 0;
}
@media(max-width:640px){
  .pgpt-output{
    font-size:17px!important;
    line-height:1.75!important;
    padding:18px!important;
  }
  .pgpt-output p{
    margin-bottom:16px!important;
  }
}