.pg-page{padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-16);max-width:760px;margin:0 auto}.pg-intro{text-align:center;margin-bottom:var(--space-8)}.pg-intro h1{font-size:var(--text-4xl);margin:var(--space-4) 0 var(--space-3);background:linear-gradient(135deg,var(--neon-lavender),var(--neon-mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pg-intro p{color:var(--text-secondary);font-size:var(--text-lg)}.pg-card{padding:var(--space-8)}.pg-step{margin-bottom:var(--space-6)}.pg-step:last-child{margin-bottom:0}.pg-label{display:flex;align-items:center;gap:var(--space-3);font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-3)}.pg-step__num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--neon-lavender),var(--neon-mint));color:#0a0a0a;font-weight:700;font-size:var(--text-sm)}.pg-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:border-color .2s,background .2s}.pg-input:focus{outline:none;border-color:var(--neon-lavender);background:#b4a6f60f}.pg-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.pg-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;text-align:center;cursor:pointer;transition:all .18s ease;min-height:86px;box-sizing:border-box}.pg-chip:hover{border-color:#b4a6f68c;background:#b4a6f614;transform:translateY(-2px)}.pg-chip.is-selected{border-color:var(--neon-mint);background:#2dd4bf24;box-shadow:0 0 0 2px #2dd4bf40,0 0 18px #2dd4bf2e;color:#fff}.pg-chip__emoji{font-size:1.8rem;line-height:1}.pg-chip__label{font-weight:600;line-height:1.3}#pg-task .pg-chip{flex-direction:row;min-height:58px;padding:var(--space-3) var(--space-4)}.pg-combo{position:relative;width:100%}.pg-combo__btn{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#d8d4ea;font-size:var(--text-base);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.pg-combo__btn:hover{border-color:#b4a6f673;background:#b4a6f60f}.pg-combo--open .pg-combo__btn{border-color:var(--neon-lavender);background:#b4a6f614}.pg-combo__btn--filled{color:#fff;font-weight:500}.pg-combo__caret{color:var(--neon-lavender);font-size:var(--text-sm);transition:transform .2s ease;flex-shrink:0}.pg-combo--open .pg-combo__caret{transform:rotate(180deg)}.pg-combo__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;list-style:none;margin:0;padding:var(--space-2);background:#1a1a24;border:1px solid rgba(180,166,246,.35);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000008c;max-height:320px;overflow-y:auto;animation:pgFade .16s ease-out}.pg-combo__panel[hidden]{display:none}.pg-combo__opt{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-base);cursor:pointer;list-style:none;transition:background .12s ease,color .12s ease}.pg-combo__opt:hover{background:#b4a6f62e;color:#fff}.pg-combo__opt.is-selected{background:#2dd4bf2e;color:var(--neon-mint);font-weight:600}@keyframes pgFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}textarea.pg-input{resize:vertical;min-height:90px;line-height:1.6}.pg-fields{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.pg-field label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.pg-generate{width:100%;margin-top:var(--space-2)}.pg-hub-link{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#b4a6f614,#2dd4bf0f);border:1px solid rgba(180,166,246,.25);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s ease}.pg-hub-link:hover{border-color:var(--neon-lavender);background:linear-gradient(135deg,#b4a6f624,#2dd4bf1a);transform:translate(4px);text-decoration:none}.pg-hub-link__icon{font-size:1.6rem;flex-shrink:0}.pg-hub-link__text{flex:1;display:flex;flex-direction:column;gap:2px}.pg-hub-link__title{font-weight:600;color:var(--neon-lavender)}.pg-hub-link__sub{font-size:var(--text-sm);color:var(--text-secondary)}.pg-hub-link__go{color:var(--neon-lavender);font-size:var(--text-xl);flex-shrink:0}.pg-output{margin-top:var(--space-8);animation:fadeSlideUp .4s ease both}.pg-output__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.pg-output__head h2{font-size:var(--text-2xl);margin:0}.pg-output__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.pg-result{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-5);color:var(--text-primary);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-sm);line-height:1.7;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto}.pg-tip{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.pg-footer-note{margin-top:var(--space-10);padding:var(--space-4);background:#b4a6f60f;border:1px solid rgba(180,166,246,.15);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.pg-footer-note p{margin:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.pg-intro h1{font-size:var(--text-3xl)}.pg-card{padding:var(--space-5)}.pg-output__head{flex-direction:column;align-items:flex-start}}