html,body{height:100%;margin:0;background-color:#212529;font-family:"JetBrains Mono",monospace;overflow-x:hidden !important;overflow-y:auto !important;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0 !important;background:rgba(0,0,0,0) !important}body{width:100vw;box-sizing:border-box}.main-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.url-input-container{margin-bottom:20px}.url-input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #495057;border-radius:4px;background-color:#343a40;color:#fff;resize:none;box-sizing:border-box}.preview-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;margin-top:20px}.preview-card{background-color:#343a40;border-radius:8px;padding:15px;color:#fff}.preview-card img{width:100%;height:auto;border-radius:4px;margin-bottom:10px}.preview-info{margin-top:10px}.preview-info p{margin:5px 0}.btn-red{background-color:#dc3545 !important;color:#fff !important;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;margin-right:10px;margin-top:10px;transition:background .2s;display:inline-block;min-width:120px}.btn-red:last-child{margin-right:0}.btn-red:hover,.btn-red:focus{background-color:#b52a37 !important;color:#fff !important}.btn-gray{background-color:#6c757d !important;color:#fff !important;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;margin-right:0;margin-top:10px;transition:background .2s;display:inline-block;min-width:120px}.btn-gray:hover,.btn-gray:focus{background-color:#565e64 !important;color:#fff !important}.loading{display:none;text-align:center;margin:20px 0;color:#fff}.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}