:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f1eae1;font-family:Trebuchet MS,sans-serif;color:#333333;text-align:center;margin:0;padding:0}.page-header{background:#af7a56;width:100%;padding-bottom:10px;padding-top:10px;margin:0;border-bottom:1px solid #33333380}.container{width:95%;max-width:100vw;margin:0 auto;padding:0 10px}@media (min-width:768px){.container{width:90%;padding:0 20px}}@media (min-width:1200px){.container{width:85%;max-width:900px}}h1{font-size:1.6rem;color:#fff;text-transform:uppercase;margin:0}.custom-link{color:#af7a56;text-decoration:underline}.custom-link:hover{text-decoration:underline;color:#af7a5650}.instructions{font-size:1rem;color:#6b5840;line-height:1.4}.white-box{background:white;padding:20px;border-radius:10px;margin:24px auto;text-align:left;max-width:95%;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;box-sizing:border-box;outline:1px solid #33333380;outline-offset:-3px}#category-box{margin-top:12px}#prompt-box .white-box{padding:0 0 10px;outline-color:#33333380;margin:28px auto 20px}#prompt-box{border-bottom:1px solid #c3ad90;padding-bottom:10px;margin-bottom:25px}.add-new-button{width:100%;padding:15px;border:1px solid #af7a56;border-radius:8px;background:transparent;color:#af7a56;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem}.add-new-button:hover{background-color:#af7a56;color:white;border-style:solid}.checkbox-group{display:flex;align-items:center;margin-bottom:10px;justify-content:space-between}.checkbox-group label{display:flex;align-items:center;gap:10px;flex:1 1}input[type=checkbox]{accent-color:#a7a290!important;width:20px;height:20px;cursor:pointer;margin:0}.checkbox-group a{font-style:italic;font-size:.85em;text-decoration:underline;color:#a7a290;white-space:nowrap;cursor:pointer}.button-wrapper{width:95%;margin:0 auto}.custom-prompt-cta{text-align:center;width:100%;max-width:95%;color:#6b5840;font-size:.9rem;margin:20px auto 5px;padding:16px;background-color:#f9f6f2;outline:1px solid #33333380;outline-offset:-3px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box}.custom-prompt-cta .btn2{margin:0 auto;font-weight:500;transition:all .2s ease}.custom-prompt-cta button{margin:0 auto;display:block}.custom-prompt-cta p{text-align:center}.button-row{gap:15px;margin-bottom:15px}button{padding:10px;border:none;border-radius:8px;color:#fff;cursor:pointer;text-transform:uppercase;font-weight:700;flex:1 1;display:flex;align-items:center;justify-content:center;min-height:38px;line-height:1.3;text-align:center;word-wrap:break-word;-webkit-hyphens:none;hyphens:none}.btn1{background-color:#af7a5680;outline:1px solid #33333380;outline-offset:-3px}.button-row button{white-space:normal;text-align:center;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.button-row{display:flex;align-items:stretch}.button-row button{height:auto;min-height:24px}.btn2{background-color:#a9582680}.btn2,.btn3{outline:1px solid #33333380;outline-offset:-3px}.btn3{background-color:#bb812b80}.btn4{background-color:#a7a290}.btn4,.btn5{outline:1px solid #33333380;outline-offset:-3px}.btn5{background-color:#fff}.clear-btn{opacity:.4}.prompt-label{font-size:.95rem;font-weight:700;color:#fff;padding:15px;text-align:center;text-transform:uppercase;background-color:#a7a290;border-radius:10px 10px 0 0}.prompt-content{font-size:1.1rem;margin:0;color:#333;padding:12px 40px;text-align:center;display:flex;align-items:center;justify-content:center;text-wrap:balance}#category-display{min-height:40px}#prompt-text{min-height:100px}.prompt-content.animating{animation:slotMachine 75ms ease-in-out;transform:scale(1.02);opacity:.5}@keyframes slotMachine{0%{transform:translateY(-5px) scale(1.02);opacity:.8}50%{transform:translateY(2px) scale(1.05);opacity:.9}to{transform:translateY(0) scale(1.02);opacity:1}}button:disabled{opacity:.6;cursor:not-allowed}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center}.modal.show{display:flex}.modal-content{background-color:white;margin:20px;padding:20px;border-radius:10px;width:90%;max-width:90vw;max-height:90vh;text-align:left;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.2);overflow-y:auto}@media (min-width:768px){.modal-content{width:80%;max-width:800px}}@media (min-width:1200px){.modal-content{width:70%;max-width:900px}}.modal-content h2{margin-top:0;color:#af7a56}.close{position:absolute;top:10px;right:15px;font-size:24px;font-weight:700;color:#333;cursor:pointer;background:transparent;border:none}.modal-buttons{display:flex;gap:10px;margin-top:20px}.modal-nav{display:flex;gap:10px;margin-top:10px}.hidden{display:none!important}.loading-spinner{border:6px solid #f3f3f3;border-top-color:#af7a56;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:30px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#get-prompt{width:100%}@media (max-width:480px){.container{width:98%;padding:0 5px}}.editor-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab-button{padding:10px 20px;background-color:#f1eae1;border:2px solid #af7a56;border-radius:8px;color:#af7a56;font-weight:700;cursor:pointer;transition:all .3s ease}.tab-button.active{background-color:#af7a56;color:#f1eae1}.form-group{margin-bottom:15px;width:100%;box-sizing:border-box}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#6b5840;font-size:.95rem}.helper-text{font-size:.8rem;color:#666;margin:2px 0 8px}.error-box{border-left:4px solid #a95826}.error-message{color:#a95826;margin:0;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:Trebuchet MS,sans-serif;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#af7a56}.form-group textarea{resize:vertical;min-height:80px;width:100%;box-sizing:border-box}.categories-list,.prompts-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.list-item{padding:12px 16px;align-items:center;gap:15px;outline:1px solid #33333380;outline-offset:-3px;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05);word-break:break-word}.category-item,.list-item,.prompt-item{background-color:#f9f6f2;border-radius:8px;display:flex}.category-item,.prompt-item{padding:12px;justify-content:space-between;align-items:flex-start;border-left:4px solid #af7a56}.category-details,.prompt-details{flex:1 1}.item-content h3{margin:0;color:#af7a56;font-weight:700;font-size:1.1rem;flex:1 1}.item-content p{margin:0;color:#333;font-size:.95rem;line-height:1.4}.item-count{margin:2px 0 0;color:#666;font-size:.8rem}.category-details h4,.prompt-category{margin:0 0 5px;color:#af7a56;font-weight:700}.subtitle{font-style:italic;margin:0 0 5px;font-size:.9em}.description,.prompt-text{margin:0;font-size:.9em}.item-actions{display:flex;align-items:center;gap:0;margin-left:auto}.category-actions,.prompt-actions{display:flex;gap:8px}.action-button{padding:8px;border:none;border-radius:50%;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:2px;transition:all .2s ease;background:transparent;color:#666}.action-button:hover{background-color:#fff;color:#af7a56}.action-button.info:hover{color:#2196f3}.action-button.delete:hover{color:#a95826}.action-button.edit:hover{color:#504c2c80}.action-btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.8em;text-transform:uppercase;font-weight:700}.edit-btn{background-color:#a7a290;color:white}.delete-btn{background-color:#a9582680;color:white}.tag{display:inline-block;padding:2px 5px;border-radius:4px;font-size:.7em;margin-left:5px;vertical-align:middle}.new-tag{background-color:#504c2c80;color:white}.edited-tag{background-color:#2196f3;color:white}.filter-controls{display:flex;gap:15px;flex-wrap:wrap}.filter-controls .form-group{flex:1 1;min-width:150px}.feedback-message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:8px;font-weight:700;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.2);animation:fadeIn .3s ease-out}.feedback-message.success{background-color:#504c2c80;color:white}.feedback-message.error{background-color:#a95826;color:white}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}footer{text-align:center;padding:0 0 30px;margin-top:10px;font-size:.8rem;color:#af7a56;width:100%}footer a{color:#af7a56;text-decoration:none;transition:color .3s ease}footer a:hover{color:#a9582680;text-decoration:underline}.debug-panel{position:fixed;bottom:0;right:0;width:300px;max-height:80vh;background-color:rgba(0,0,0,.85);color:#fff;font-family:monospace;font-size:12px;border-top-left-radius:8px;z-index:10000;overflow:hidden;box-shadow:-2px -2px 10px rgba(0,0,0,.2);transition:all .3s ease}.debug-panel.collapsed{height:30px;overflow:hidden}.debug-panel-header{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background-color:#af7a56;cursor:pointer}.debug-panel-title{font-weight:700;text-transform:uppercase}.debug-panel-content{padding:10px;overflow-y:auto;max-height:calc(80vh - 30px)}.debug-panel-section{margin-bottom:10px;border-bottom:1px solid #444;padding-bottom:10px}.debug-panel-section-header{font-weight:700;color:#af7a56;margin-bottom:5px;cursor:pointer;display:flex;justify-content:space-between}.debug-panel-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.debug-panel-section-content.expanded{max-height:500px}.debug-panel pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.debug-key{color:#bb812b80}.debug-value{color:#a7a290}.debug-panel-actions{display:flex;gap:5px;margin-top:10px}.debug-panel-button{background-color:#af7a56;color:white;border:none;padding:3px 8px;border-radius:3px;cursor:pointer;font-size:11px;text-transform:uppercase}.debug-panel-button:hover{background-color:#bb812b80}.debug-panel-toggle{position:fixed;bottom:10px;right:10px;background-color:#af7a56;color:white;border:none;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:9999;box-shadow:0 2px 5px rgba(0,0,0,.2)}.debug-panel-toggle:hover{background-color:#bb812b80}