:root{--apg-color-bg:#f9fafb;--apg-color-bg-input:#fff;--apg-color-text:#1f2937;--apg-color-text-secondary:#6b7280;--apg-color-border:#e5e7eb;--apg-color-border-focus:#3b82f6;--apg-color-accent:#3b82f6;--apg-color-accent-hover:#2563eb;--apg-color-success:#10b981;--apg-color-error:#ef4444;--apg-spacing:4px}.ai-prompt-generator{background-color:var(--apg-color-bg);color:var(--apg-color-text);padding:calc(6 * var(--apg-spacing));max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.ai-prompt-generator__header{margin-bottom:calc(8 * var(--apg-spacing));text-align:center;border-bottom:2px solid var(--apg-color-accent);padding-bottom:calc(6 * var(--apg-spacing))}.ai-prompt-generator__header h1{margin:0 0 calc(2 * var(--apg-spacing)) 0;color:var(--apg-color-accent);font-size:28px;font-weight:700}.ai-prompt-generator__header p{color:var(--apg-color-text-secondary);margin:0;font-size:16px}.ai-prompt-generator__main{gap:calc(6 * var(--apg-spacing));margin-bottom:calc(8 * var(--apg-spacing));grid-template-columns:1fr 1.2fr;display:grid}@media (max-width:1024px){.ai-prompt-generator__main{grid-template-columns:1fr}}.ai-prompt-generator__sidebar{gap:calc(6 * var(--apg-spacing));flex-direction:column;display:flex}.ai-prompt-generator__selector-container{padding:calc(5 * var(--apg-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.ai-prompt-generator__selector-inner{gap:calc(3 * var(--apg-spacing));flex-direction:column;display:flex}.ai-prompt-generator__label{color:var(--apg-color-text);margin-bottom:calc(2 * var(--apg-spacing));font-weight:600;display:block}.ai-prompt-generator__select{width:100%;padding:calc(2.5 * var(--apg-spacing));border:1px solid var(--apg-color-border);color:var(--apg-color-text);background-color:var(--apg-color-bg-input);cursor:pointer;border-radius:4px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.ai-prompt-generator__select:focus{border-color:var(--apg-color-accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.ai-prompt-generator__template-info{padding:calc(3 * var(--apg-spacing));background-color:var(--apg-color-bg);border-left:3px solid var(--apg-color-accent);border-radius:4px}.ai-prompt-generator__category{color:var(--apg-color-accent);margin:0 0 calc(1 * var(--apg-spacing)) 0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ai-prompt-generator__description{color:var(--apg-color-text);margin:0 0 calc(2 * var(--apg-spacing)) 0;font-size:14px}.ai-prompt-generator__variable-count{color:var(--apg-color-text-secondary);margin:0;font-size:12px}.ai-prompt-generator__input-container{padding:calc(5 * var(--apg-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.ai-prompt-generator__inputs-title{margin:0 0 calc(4 * var(--apg-spacing)) 0;color:var(--apg-color-text);font-size:16px;font-weight:600}.ai-prompt-generator__form{gap:calc(4 * var(--apg-spacing));margin-bottom:calc(4 * var(--apg-spacing));flex-direction:column;display:flex}.ai-prompt-generator__field{flex-direction:column;display:flex}.ai-prompt-generator__field-label{color:var(--apg-color-text);margin-bottom:calc(1.5 * var(--apg-spacing));font-size:14px;font-weight:600}.ai-prompt-generator__input,.ai-prompt-generator__textarea{padding:calc(2.5 * var(--apg-spacing));border:1px solid var(--apg-color-border);color:var(--apg-color-text);background-color:var(--apg-color-bg-input);border-radius:4px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.ai-prompt-generator__input:focus,.ai-prompt-generator__textarea:focus{border-color:var(--apg-color-border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}.ai-prompt-generator__textarea{resize:vertical;min-height:80px;font-family:inherit}.ai-prompt-generator__field-hint{color:var(--apg-color-text-secondary);margin-top:calc(1 * var(--apg-spacing));font-size:12px}.ai-prompt-generator__validation-errors{padding:calc(3 * var(--apg-spacing));margin-top:calc(4 * var(--apg-spacing));background-color:#ef44440d;border:1px solid #ef444433;border-radius:4px}.ai-prompt-generator__error-title{color:var(--apg-color-error);margin:0 0 calc(2 * var(--apg-spacing)) 0;font-size:14px;font-weight:600}.ai-prompt-generator__error-list{margin:0;padding:0;list-style:none}.ai-prompt-generator__error-item{color:var(--apg-color-error);margin-bottom:calc(1 * var(--apg-spacing));padding-left:calc(2 * var(--apg-spacing));font-size:13px}.ai-prompt-generator__error-item:last-child{margin-bottom:0}.ai-prompt-generator__error-item:before{content:"• ";margin-right:calc(1 * var(--apg-spacing))}.ai-prompt-generator__success-message{padding:calc(3 * var(--apg-spacing));color:var(--apg-color-success);margin-top:calc(4 * var(--apg-spacing));text-align:center;background-color:#10b9810d;border:1px solid #10b98133;border-radius:4px;font-size:14px;font-weight:500}.ai-prompt-generator__content{flex-direction:column;display:flex}.ai-prompt-generator__preview-container{padding:calc(5 * var(--apg-spacing));gap:calc(4 * var(--apg-spacing));background:#fff;border-radius:8px;flex-direction:column;display:flex;box-shadow:0 1px 3px #0000001a}.ai-prompt-generator__preview-header{justify-content:space-between;align-items:center;gap:calc(2 * var(--apg-spacing));flex-wrap:wrap;display:flex}.ai-prompt-generator__preview-title{color:var(--apg-color-text);margin:0;font-size:16px;font-weight:600}.ai-prompt-generator__preview-stats{gap:calc(2 * var(--apg-spacing));display:flex}.ai-prompt-generator__stat-badge{padding:calc(1.5 * var(--apg-spacing)) calc(2.5 * var(--apg-spacing));background-color:var(--apg-color-bg);color:var(--apg-color-text-secondary);border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.ai-prompt-generator__preview-box{background-color:var(--apg-color-bg);border:1px solid var(--apg-color-border);padding:calc(4 * var(--apg-spacing));border-radius:4px;min-height:300px;max-height:500px;overflow-y:auto}.ai-prompt-generator__preview-text{color:var(--apg-color-text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.ai-prompt-generator__preview-placeholder{color:var(--apg-color-text-secondary);text-align:center;justify-content:center;align-items:center;min-height:200px;margin:0;font-size:14px;font-style:italic;display:flex}.ai-prompt-generator__preview-info{border-left:3px solid var(--apg-color-accent);padding:calc(3 * var(--apg-spacing));background-color:#3b82f60d;border-radius:4px}.ai-prompt-generator__info-text{color:var(--apg-color-accent);margin:0;font-size:13px;font-weight:500}.ai-prompt-generator__footer{text-align:center;border-top:1px solid var(--apg-color-border);padding-top:calc(4 * var(--apg-spacing));color:var(--apg-color-text-secondary);font-size:12px}.ai-prompt-generator__footer p{margin:0}.ai-prompt-generator__link{color:var(--apg-color-accent);font-weight:500;text-decoration:none}.ai-prompt-generator__link:hover{text-decoration:underline}@media (max-width:768px){.ai-prompt-generator{padding:calc(4 * var(--apg-spacing))}.ai-prompt-generator__header{margin-bottom:calc(6 * var(--apg-spacing))}.ai-prompt-generator__header h1{font-size:24px}.ai-prompt-generator__preview-box{min-height:200px}.ai-prompt-generator__preview-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.ai-prompt-generator{padding:calc(3 * var(--apg-spacing))}.ai-prompt-generator__header h1{font-size:20px}.ai-prompt-generator__header p{font-size:14px}.ai-prompt-generator__selector-container,.ai-prompt-generator__input-container,.ai-prompt-generator__preview-container{padding:calc(4 * var(--apg-spacing))}.ai-prompt-generator__preview-box{min-height:150px}.ai-prompt-generator__actions{flex-direction:column}.ai-prompt-generator__button{width:100%}}.ai-prompt-generator__actions{gap:calc(3 * var(--apg-spacing));margin-top:calc(4 * var(--apg-spacing));display:flex}.ai-prompt-generator__button{padding:calc(3 * var(--apg-spacing)) calc(4 * var(--apg-spacing));background-color:var(--apg-color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;flex:1;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.ai-prompt-generator__button:hover{background-color:var(--apg-color-accent-hover);transform:translateY(-1px)}.ai-prompt-generator__button:active{transform:translateY(0)}.ai-prompt-generator__button:disabled{background-color:var(--apg-color-border);color:var(--apg-color-text-secondary);cursor:not-allowed;opacity:.6}.ai-prompt-generator__copy-message{color:var(--apg-color-success);padding:calc(3 * var(--apg-spacing));text-align:center;margin-top:calc(3 * var(--apg-spacing));background-color:#10b9811a;border:1px solid #10b9814d;border-radius:4px;font-size:14px;font-weight:500;animation:.2s ease-in-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-prompt-generator__preview-box::-webkit-scrollbar{width:6px}.ai-prompt-generator__preview-box::-webkit-scrollbar-track{background-color:var(--apg-color-bg)}.ai-prompt-generator__preview-box::-webkit-scrollbar-thumb{background-color:var(--apg-color-border);border-radius:3px}.ai-prompt-generator__preview-box::-webkit-scrollbar-thumb:hover{background-color:var(--apg-color-text-secondary)}@media print{.ai-prompt-generator__header,.ai-prompt-generator__input-container{display:none}.ai-prompt-generator__main{grid-template-columns:1fr}.ai-prompt-generator__preview-box{box-shadow:none;border:none}}