#story-generator-app{max-width:700px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:sans-serif;color:#333;position:relative;overflow:hidden;line-height:1.6}#story-generator-app .generator-title{font-size:2em;text-align:center;margin-bottom:10px;color:#ff6700}#story-generator-app .generator-subtitle{font-size:1.1em;text-align:center;margin-bottom:30px;color:#666}#story-generator-app .story-type-selection{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}#story-generator-app .story-type-selection .selection-title{font-size:1.2em;text-align:center;margin-bottom:15px;color:#ff6700}#story-generator-app #story-type-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#story-generator-app .story-type-button{padding:10px 15px;border:1px solid #ccc;border-radius:20px;background-color:#f8f8f8;color:#555;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;font-size:.9em;text-align:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;font-family:inherit;line-height:normal}#story-generator-app .story-type-button:hover{background-color:#eee;border-color:#bbb}#story-generator-app .story-type-button.selected{background-color:#ff6700;color:#fff;border-color:#ff6700;font-weight:700}#story-generator-app .story-type-selection .selection-error{font-size:.9em;color:#dc3545;text-align:center;margin-top:10px;font-weight:700}#story-generator-app #adlib-form{margin-top:30px}#story-generator-app #adlib-form .input-section-title{font-size:1.2em;text-align:center;margin-bottom:20px;color:#ff6700}#story-generator-app #adlib-form .input-field-wrapper{margin-bottom:20px}#story-generator-app #adlib-form label{display:block;margin-bottom:8px;font-weight:700;font-size:1em;color:#333}#story-generator-app #adlib-form input[type=text]{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;font-family:inherit;color:#333;transition:border-color .3s ease}#story-generator-app #adlib-form input[type=text]:focus{border-color:#ff6700;outline:none}#story-generator-app #generate-btn{display:block;width:100%;padding:14px;background-color:#ff6700;color:#fff;border:none;border-radius:4px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background-color .3s ease,opacity .3s ease;margin-top:30px;text-transform:uppercase;letter-spacing:1px;font-family:inherit;line-height:normal}#story-generator-app #generate-btn:hover{background-color:#00385e}#story-generator-app #generate-btn:disabled{opacity:.6;cursor:not-allowed}#story-generator-app #generated-image-area{margin-top:30px;text-align:center;padding-bottom:20px;border-bottom:1px solid #eee}#story-generator-app #generated-story-title{font-size:1.8em;margin-bottom:15px;color:#5a2d82;text-align:center;line-height:1.2}#story-generator-app #generated-story-image{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:block;margin:0 auto}#story-generator-app #story-output{margin-top:30px;padding:20px;background-color:#f8f8f8;border:1px solid #eee;border-radius:4px;white-space:pre-wrap;word-wrap:break-word}#story-generator-app .output-title{font-size:1.5em;margin-top:0;margin-bottom:15px;color:#ff6700;text-align:center}#story-generator-app .generated-story-text{font-size:1em;line-height:1.8;color:#444}#story-generator-app .share-buttons{margin-top:20px;border-top:1px solid #eee;padding-top:20px;text-align:center}#story-generator-app .share-title{font-size:1.2em;margin-top:0;margin-bottom:15px;color:#ff6700}#story-generator-app #generator-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:10;transition:opacity .3s ease;pointer-events:none;opacity:0}#story-generator-app #generator-loading-overlay.visible{opacity:1;pointer-events:auto}#story-generator-app .loading-content{text-align:center;color:#333}#story-generator-app .spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#ff6700;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#story-generator-app #share-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .3s ease;pointer-events:none;opacity:0}#story-generator-app #share-modal-overlay.visible{opacity:1;pointer-events:auto}#story-generator-app .share-modal-content{background-color:#fff;padding:30px;border-radius:8px;position:relative;max-width:500px;width:90%;box-shadow:0 4px 20px #0003;text-align:center;max-height:90vh;overflow-y:auto;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;opacity:0}#story-generator-app #share-modal-overlay.visible .share-modal-content{opacity:1;transform:translateY(0)}#story-generator-app .close-modal{position:absolute;top:10px;right:10px;font-size:24px;font-weight:700;cursor:pointer;color:#aaa;transition:color .3s ease}#story-generator-app .close-modal:hover{color:#777}#story-generator-app .share-modal-content .share-title{margin-top:0;margin-bottom:20px;color:#ff6700}#story-generator-app #story-summary-to-share{font-style:italic;color:#555;margin-bottom:20px;border:1px solid #eee;padding:15px;background-color:#f9f9f9;text-align:left;white-space:pre-wrap;word-wrap:break-word;cursor:text;max-height:200px;overflow-y:auto}#story-generator-app .modal-share-buttons{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}#story-generator-app .modal-share-buttons a.share-button{display:inline-block;padding:10px 15px;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease;font-size:1em;text-transform:uppercase;font-family:inherit;line-height:normal}#story-generator-app .modal-share-buttons a.share-button.twitter-share-button{background-color:#1da1f2;color:#fff}#story-generator-app .modal-share-buttons a.share-button.facebook-share-button{background-color:#1877f2;color:#fff}#story-generator-app .modal-share-buttons a.share-button.whatsapp-share-button{background-color:#25d366;color:#fff}#story-generator-app .share-instructions{font-size:.9em;color:#666;margin-top:20px}#story-generator-app .hidden{display:none!important;opacity:0;pointer-events:none}#story-generator-app #results-container{margin-top:30px;padding:20px;background-color:#f8f8f8;border:1px solid #eee;border-radius:8px}#story-generator-app #generated-image-area{margin-top:0;padding-bottom:20px;border-bottom:1px solid #eee}#story-generator-app #story-output{margin-top:20px;padding:0;background-color:transparent;border:none;border-radius:0}#story-generator-app .share-buttons{margin-top:20px;padding-top:20px;border-top:1px solid #eee}#story-generator-app #download-image-btn{margin-top:15px;width:auto;padding:10px 20px;font-size:.9em;display:inline-block}#story-generator-app .generator-link-share{margin-top:30px;border-top:1px solid #eee;padding-top:20px;text-align:center}#story-generator-app .generator-link-share label{display:block;font-size:1em;margin-bottom:10px;color:#5a2d82;font-weight:700}#story-generator-app .link-copy-container{display:flex;justify-content:center;align-items:center;gap:10px;max-width:400px;margin:0 auto}#story-generator-app #generator-share-url{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:.9em;color:#444;background-color:#f9f9f9;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#story-generator-app #generator-share-url:focus{outline:none;border-color:#ff6700}#story-generator-app #copy-generator-url-btn{padding:8px 12px;font-size:.9em;width:auto;white-space:nowrap}@media (max-width: 600px){#story-generator-app #results-container{padding:15px}#story-generator-app #generated-image-area{padding-bottom:15px}#story-generator-app #download-image-btn{width:100%;margin-top:10px}#story-generator-app .generator-link-share{margin-top:20px;padding-top:15px}#story-generator-app .link-copy-container{flex-direction:column;gap:10px}#story-generator-app #generator-share-url,#story-generator-app #copy-generator-url-btn{width:100%}}@media (max-width: 600px){#story-generator-app{margin:20px auto;padding:15px}#story-generator-app .generator-title{font-size:1.8em}#story-generator-app .generator-subtitle{font-size:1em}#story-generator-app .story-type-selection .selection-title{font-size:1.1em}#story-generator-app .story-type-button{padding:8px 12px;font-size:.85em}#story-generator-app #story-type-buttons{gap:8px}#story-generator-app #adlib-form label{font-size:.95em}#story-generator-app #adlib-form input[type=text]{padding:10px;font-size:.9em}#story-generator-app #generate-btn.generator-button{padding:12px;font-size:1em;margin-top:20px}#story-generator-app #generated-image-area{margin-top:20px;padding-bottom:15px}#story-generator-app #story-output{margin-top:20px;padding:15px}#story-generator-app .output-title{font-size:1.3em}#story-generator-app .generated-story-text{font-size:.95em}#story-generator-app .share-buttons{margin-top:15px;padding-top:15px}#story-generator-app .share-title{font-size:1.1em;margin-bottom:10px}#story-generator-app .share-modal-content{padding:20px;width:95%}#story-generator-app #story-summary-to-share{padding:10px;font-size:.95em}#story-generator-app .modal-share-buttons{gap:10px}#story-generator-app .modal-share-buttons a.share-button{padding:8px 12px;font-size:.9em}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/funny-story-style.css.map */