:root{--bg-dark:#1a1a1a;--bg-medium:#2c2c2c;--bg-light:#3e3e3e;--text-primary:#ffffff;--text-secondary:#a0a0a0;--accent-color:#7b61ff;--error-color:#ff4b4b;}body,html{margin:0;padding:0;font-family:system-ui,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);height:100%;}.container{display:flex;height:100vh;}.sidebar{width:240px;background-color:var(--bg-medium);padding:20px;display:flex;flex-direction:column;border-right:1px solid var(--bg-light);}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:bold;margin-bottom:20px;}.balance{color:var(--text-secondary);margin-bottom:10px;font-size:0.9rem;}.billing-button{background-color:var(--bg-light);color:var(--text-secondary);border:1px solid var(--accent-color);border-radius:8px;padding:10px;font-size:0.9rem;cursor:pointer;margin-bottom:20px;transition:all .2s;}.billing-button:hover{background-color:var(--accent-color);color:white;}.menu{display:flex;flex-direction:column;}.menu-item{color:var(--text-secondary);text-decoration:none;padding:12px 15px;margin-bottom:8px;border-radius:8px;transition:background-color .2s,color .2s;}.menu-item:hover{background-color:var(--bg-light);color:var(--text-primary);}.menu-item.active{background-color:var(--accent-color);color:var(--text-primary);font-weight:500;}.main-content{flex-grow:1;padding:40px;overflow-y:auto;}.page{display:none;}.page.active{display:block;}h2{font-size:2rem;margin-bottom:30px;color:var(--text-primary);}.card{background-color:var(--bg-medium);border:1px solid var(--bg-light);border-radius:10px;padding:25px;margin-bottom:20px;}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}.history-toggle-btn{background-color:var(--bg-light);padding:8px 12px;font-size:0.9rem;border-radius:5px;border:1px solid var(--bg-light);color:var(--text-secondary);cursor:pointer;}.history-toggle-btn:hover{color:var(--text-primary);}.word-count{font-size:0.9rem;color:var(--text-secondary);background-color:var(--bg-light);padding:5px 10px;border-radius:5px;}.tool-form{display:flex;flex-direction:column;gap:20px;}.image-grid{display:grid;grid-template-columns:minmax(400px,1fr) 2fr;gap:20px;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.form-group{display:flex;flex-direction:column;gap:8px;}.form-group.full-width{grid-column:1/-1;}.form-group label{color:var(--text-secondary);font-size:0.9rem;}textarea{background-color:var(--bg-medium);color:var(--text-primary);border:1px solid var(--bg-light);border-radius:8px;padding:15px;font-size:1rem;min-height:100px;resize:vertical;}button{background-color:var(--accent-color);color:var(--text-primary);border:none;border-radius:8px;padding:15px;font-size:1rem;font-weight:bold;cursor:pointer;transition:background-color .2s;}button:hover{opacity:.9;}button:disabled{background-color:var(--bg-light);color:var(--text-secondary);cursor:not-allowed;}.result-container{min-height:auto;}pre, #result-output-image p{white-space:pre-wrap;word-wrap:break-word;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;}#result-output-image{display:grid;grid-template-columns:repeat(auto-fit,minmax(256px,1fr));gap:15px;margin-top:15px;}#result-output-image img{max-width:100%;border-radius:8px;}#result-output-music audio{width:100%;margin-top:15px;}.error-box{background-color:rgba(255,75,75,0.1);border:1px solid var(--error-color);color:var(--text-primary);padding:15px;border-radius:8px;display:none;}.error-box.visible{display:block;}.model-display{color:var(--text-secondary);font-size:0.9rem;padding:15px;background-color:var(--bg-medium);border:1px solid var(--bg-light);border-radius:8px;}.custom-select{position:relative;width:100%;}.select-selected{background-color:var(--bg-light);color:var(--text-primary);padding:15px;font-size:1rem;border:1px solid var(--bg-light);border-radius:8px;cursor:pointer;position:relative;}.select-selected:after{position:absolute;content:"";top:50%;right:15px;transform:translateY(-50%);width:0;height:0;border:6px solid transparent;border-color:var(--text-secondary) transparent transparent transparent;}.select-items{position:absolute;background-color:var(--bg-light);top:100%;left:0;right:0;z-index:99;border-radius:0 0 8px 8px;overflow:hidden;border:1px solid var(--bg-light);margin-top:4px;}.select-items div{color:var(--text-secondary);padding:12px 16px;cursor:pointer;transition:background-color .2s;}.select-items div:hover,.same-as-selected{background-color:var(--accent-color);color:white;}.select-hide{display:none;}.sources-container{margin-top:20px;border-top:1px solid var(--bg-light);padding-top:20px;}.sources-container h4{margin:0 0 10px 0;color:var(--text-secondary);}.source-item{margin-bottom:8px;}.source-link{color:var(--accent-color);text-decoration:none;}.source-link:hover{text-decoration:underline;}.loader-container{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);}.loader-container.visible{display:flex;}.loader{width:48px;height:48px;border:5px solid var(--bg-light);border-bottom-color:var(--accent-color);border-radius:50%;display:inline-block;animation:rotation 1s linear infinite;margin-top:10px;}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;background:var(--bg-light);outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s;}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;}.history-container{display:none;max-height:400px;overflow-y:auto;border-top:1px solid var(--bg-light);padding-top:20px;margin-top:20px;}.history-container.visible{display:block;}.history-item{background-color:var(--bg-light);padding:15px;border-radius:8px;margin-bottom:10px;}.history-item p{margin:0 0 10px 0;white-space:pre-wrap;word-wrap:break-word;color:var(--text-secondary);font-size:0.9rem;}.history-item small{font-size:0.8rem;color:var(--text-secondary);opacity:0.7;}.history-item img{max-width:100px;border-radius:4px;margin-top:10px;}