/* AI Prompt Generator — minimal Google-inspired UI */
.aipg-box{max-width:980px;margin:32px auto;padding:38px 42px;border:1px solid #dadce0;border-radius:20px;background:#fff;box-shadow:0 1px 3px rgba(60,64,67,.12);font-family:inherit;color:#202124;box-sizing:border-box}
.aipg-box *{box-sizing:border-box}
.aipg-box h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:25px;font-weight:500;line-height:1.3;color:#202124}
.aipg-box .aipg-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;color:#1a73e8;flex:0 0 auto}
.aipg-box .aipg-icon svg{width:100%;height:100%;fill:currentColor}
.aipg-title-muted{font-weight:400;color:#5f6368}
.aipg-box h3:after{content:"AI prompt creation, simplified";display:block;position:absolute;opacity:0}
.aipg-box h3{position:relative}
.aipg-box label{display:block;margin:0 0 8px;font-size:14px;font-weight:500;color:#3c4043}
.aipg-field-label{margin-top:26px!important;margin-bottom:5px!important;font-size:15px!important;color:#202124!important}
.aipg-help{margin:0 0 12px;max-width:760px;font-size:13px;line-height:1.65;color:#5f6368}
#aipg-input{display:block;width:100%;height:84px;min-height:84px;max-height:110px;margin:0 0 28px;padding:14px 16px;border:1px solid #dadce0;border-radius:10px;background:#fff;color:#202124;font:inherit;font-size:15px;line-height:1.7;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}
#aipg-input:hover{border-color:#bdc1c6}
#aipg-input:focus{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}
#aipg-input::placeholder{color:#9aa0a6}

.aipg-type-wrap{position:relative}
.aipg-radio-grid{max-height:92px;overflow:hidden;position:relative;transition:max-height .55s ease;mask-image:linear-gradient(to bottom,#000 42%,rgba(0,0,0,.85) 58%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 42%,rgba(0,0,0,.85) 58%,transparent 100%)}
.aipg-type-wrap.expanded .aipg-radio-grid{max-height:700px;mask-image:none;-webkit-mask-image:none}
.aipg-expand-types{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:-14px auto 22px;padding:10px 20px;border:1px solid rgba(26,115,232,.25);border-radius:999px;background:linear-gradient(135deg,#fff,#f3f7ff);color:#1769e8;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px rgba(26,115,232,.12);transition:.35s}
.aipg-expand-types:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(26,115,232,.2)}
.aipg-expand-types i{font-size:14px;line-height:1;transition:transform .3s;color:currentColor}
.aipg-type-wrap.expanded .aipg-expand-types i{transform:rotate(180deg)}

.aipg-radio-grid,.aipg-length-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 26px;direction:ltr}
.aipg-radio{margin:0!important;min-width:0}
.aipg-radio input{position:absolute;opacity:0;pointer-events:none}
.aipg-radio span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:9px 13px;border:1px solid #dadce0;border-radius:9px;background:#fff;color:#3c4043;font-size:13px;font-weight:400;line-height:1.35;text-align:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.aipg-radio span:hover{background:#f8f9fa;border-color:#bdc1c6}
.aipg-radio input:focus-visible+span{outline:2px solid #1a73e8;outline-offset:2px}
.aipg-radio input:checked+span{border-color:#1a73e8;background:#e8f0fe;color:#185abc;box-shadow:inset 0 0 0 1px #1a73e8;font-weight:500}
.aipg-box .aipg-category-icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aipg-length-grid .aipg-radio span{min-height:76px;flex-direction:column;gap:3px;padding:10px 12px;text-align:left;align-items:flex-start;justify-content:center}.aipg-length-grid .aipg-radio span b{font-size:13px;font-weight:500}.aipg-length-grid .aipg-radio span small{font-size:12px;color:#5f6368}.aipg-length-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px}.aipg-length-grid .aipg-radio input:checked+span small{color:#185abc}
.aipg-section{margin-top:2px}
.aipg-section-label{margin-top:2px!important}
.aipg-section-help{margin:-3px 0 11px;font-size:13px;line-height:1.6;color:#5f6368}
.aipg-actions{display:flex;align-items:center;gap:10px;margin-top:4px}
#aipg-btn,#aipg-copy{min-height:42px;padding:9px 18px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#3c4043;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}
#aipg-btn{border-color:#1a73e8;background:#1a73e8;color:#fff}
#aipg-btn:hover{background:#1765cc;border-color:#1765cc;box-shadow:0 1px 2px rgba(60,64,67,.2)}
#aipg-btn:disabled{opacity:.65;cursor:wait;box-shadow:none}
#aipg-copy:hover{background:#f8f9fa;border-color:#bdc1c6}
.aipg-loader{height:3px;width:100%;margin:18px 0 4px;background:#e8eaed;border-radius:99px;overflow:hidden;display:none}
.aipg-loader.active{display:block}
.aipg-loader span{display:block;width:30%;height:100%;background:#1a73e8;border-radius:99px;animation:aipgLoad 1.1s infinite ease-in-out}
@keyframes aipgLoad{0%{transform:translateX(-130%)}100%{transform:translateX(430%)}}
#aipg-status{min-height:20px;margin:12px 0 0;font-size:13px;color:#5f6368}
#aipg-result{margin-top:18px;padding:18px;border:1px solid #dadce0;border-radius:10px;background:#f8f9fa;color:#202124;white-space:pre-wrap;line-height:1.8;font-size:14px}
@media(max-width:600px){.aipg-box{margin:20px 12px;padding:24px 20px;border-radius:14px}.aipg-box h3{font-size:22px}.aipg-radio-grid,.aipg-length-grid{grid-template-columns:1fr 1fr}.aipg-actions{flex-wrap:wrap}}
@media(max-width:420px){.aipg-radio-grid,.aipg-length-grid{grid-template-columns:1fr 1fr}}