@import url("https://fonts.googleapis.com/css2?family=Chau+Philomene+One&display=swap");.collection-item,.prompt-item{padding:10px 12px;margin-bottom:5px;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out;border:1px solid transparent;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.collection-item:hover,.prompt-item:hover{background-color:#E9ECEF}.collection-item.active,.prompt-item.active{background-color:#DDEBFF;color:#0056b3;font-weight:500;border-left:3px solid #0056b3;padding-left:9px}.collection-item.active .collection-name,.prompt-item.active .prompt-title{color:#0056b3}.collection-item .collection-name,.prompt-item .prompt-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box}.preview-content-area{overflow-y:auto;overflow-x:hidden;height:calc(100% - 80px);padding:15px;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;line-height:1.6;background-color:#F8F9FA;border-radius:4px;border:1px solid #e9ecef;font-family:Courier New,Courier,monospace;font-size:13px;color:#343a40}.sticky-footer-bar{position:sticky;bottom:0;left:0;right:0;z-index:10;background:inherit;box-shadow:0 -1px 8px 0 rgba(0,0,0,.03)}.preview-column,.prompts-column{display:flex;flex-direction:column;height:100%}.preview-content-area{flex:1 1 auto;min-height:0}body{font-size:14px;color:#212529;background-color:#F8F9FA;margin:0;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#868e96}button.primary{background-color:#007bff;color:white;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}button.primary:hover{background-color:#0056b3;box-shadow:0 2px 5px rgba(0,123,255,.3)}button.secondary{background-color:#6c757d;color:white;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}button.secondary:hover{background-color:#5a6268;box-shadow:0 2px 5px rgba(108,117,125,.3)}input[type=search],input[type=text].search-input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;margin-bottom:15px;box-sizing:border-box}input[type=search]:focus,input[type=text].search-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.checkbox-container{display:flex;align-items:center;margin-top:15px;gap:8px;font-size:13px;color:#495057}input[type=checkbox]{cursor:pointer}.app-title{font-family:Chau Philomene One,sans-serif!important;font-weight:400!important;letter-spacing:.03em}@media (max-width:768px){button.primary,button.secondary{font-size:13px;padding:6px 12px}input[type=search],input[type=text].search-input{font-size:13px;padding:6px 10px}.app-title{font-size:1.2rem}}